Training / Logs CSS基礎④
疑似クラス文章構造の範囲外にある情報によってスタイルを変化させることができるセレクタの後ろに「:擬似クラス名」を追記することである要素の特定の状態や特定の子要素だけにスタイルを指定することができる。HTMLには一切変更を加える必要がなく、変...
Training / Logs
Training / Logs Training / Logs CSS基礎③
配置と表示についてpositionもう一度おさらい。「要素」とは。通常、記述しただけでは右or下に配置される要素を自由に配置したり固定する。staticデフォルト値。何も指定しなければコレになっている。上下左右に動かすことができない。要素の...
Training / Logs CSS基礎②
ボックスモデル（CSSにおける余白の考え方）についてボックスモデルCSSでレイアウトをする際に必要な４つの領域のこと。余白の考え方content（コンテンツ・中身）…HTML要素の中心にある領域（テキスト、画像、動画）border（ボーダー...
Training / Logs CSS基礎①
テーマ：「セレクタ」「プロパティ」「値」の基本構造を理解する。CSSとは「CascadingStyleSheets(カスケーディングスタイルシート)」の略で、文章にデザインを施したいときに使う言語。HTMLが文章の構造を作るのに対して、CS...
Training / Logs HTML基礎④
前回の振り返り<!--（ソース中にコメントを入れる）-->/コメントタグ<!-- -->で囲まれた部分がコメントになる。 HTMLソース中にコメントを記述したり、一時的にコンテンツの一部を隠したり、タグを無効にする際に使用。今日のアジェンダ...
Training / Logs HTML基礎③
HTMLの基本構造ブロックレベル要素とインライン要素ブロックレベル要素は幅、高さ、余白（padding,margin）が指定できる。インライン要素は幅、高さ、余白指定できない。HTML5ではこの考え方はなくなり、正しい文章構造の表現を重視し...
Training / Logs HTML基礎②
タグ分類セクションセクション（＝見出し（<h1></h1>）、header、footer）がかかる範囲を定義<body></body>文書の本体を表す。<html>タグの中に一つだけ。<section></section>HTML文書の中で...
Training / Logs HTML基礎①
WEBサイト作りに必要なもの言語HTML…WEBサイトの土台CSS…（HTMLで作った土台に）装飾を加える文字の大きさ背景画像の配置などJavaScript（jQuery）…「クリックしたら〇〇する」など動きをつける。ポップアップウィンドウ...
Training / Logs グラフィックデザイン基礎⑥
【本日のテーマ】「色調補正」をして合成写真を作る。色調補正画像データをイメージどおりに調整すること。色鮮やかさ明るさ などを調整する明るさ・コントラスト素材写真の明るさを調整し、コントラストをくっきりさせる。レベル補正/トーンカーブ素材写真...
Training / Logs グラフィックデザイン基礎⑤
提出課題【本日のテーマ】「レタッチ」をして合成写真を作る。※ レタッチ（Retouch）…写真編集。アナログ/デジタルを問わず、写真画像を修整する技法を意味するスマートオブジェクト「縮小と拡大を繰り返しても劣化しない画像データ」のこと。スマ...