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