2015年 03月24日（６日目）のＷＥＢ制作の勉強メモ

ZoomIt （プロジェクタを使ったプレゼン等で画面をズームするツール）

HTML、サイト作成

• <strong> タグは <h○> タグに入れない（すでにstrongが付いている）
• <table> タグの中には <p> は付けない
• <tr> Table row
  <th> Table header
  <td> Table data
• <tr> ～ </tr>が一行。<tr>（一行の最初）～（一行の最後）</tr>
• <th> ～ </th> は 太字＆中央揃えになる
• <!-- ○○○ --> のコメントタグは <!-- /○○○ --> と、/を入れて終わりを示し、終わりの行のみに入れるのが一般的
• <div></div> （division）タグで挟んだ部分がグループ化する
  CSSで id などのセレクタを付けて グループ管理する
• 16進数での カラー設定 （#FFFFFF など）を Hexa Color という
• 16進数の事を 「ヘクサデシマル」と言う （ヘクサ・ヘキサ＝６）
• ＭＳワードの タブの事を 「デシマルタブ」と言う（タブの設定/word）
• 「#」 は シャープではなく、 ハッシュ と覚えよう
  「#」 ハッシュ、Number、ノンブル（DTP用語） （←同じ意味）
• ＃ＡＡＢＢＣＣ → ＲＲＧＧＢＢ
  Ｒed明度 Ｒed彩度、Ｇreen明度 Ｇreen彩度、ＢlueVioret明度 ＢlueVioret彩度
• 「モノクロ」 は 白黒（グレースケール）の事ではない
  （モノクローム - Wikipedia）
• アソートカラー（馴染んだ色、同系色など）
  参考ページ：アソートカラー/Color Navi

ＣＳＳ（Cascading Style Sheet）

• p { color: red; }　↓
  セレクタ { プロパティ・属性： バリュー・値； }
• HTML = 文書構造　CSS= 装飾
• <title>○○○</title> ここ＝embed </head>
  （例：スタイルシートを 別書類ではなく、embed に <style>～</style> タグで書く）
• <p> </p> の間の文字は デフォルト 16px になっている
• <h1> は <p> の２倍の大きさ
• CSSでの「color」のみの表記は font color を指す
• 幅を指定しない場合は ブラウザの幅いっぱいに表示する
• margin: 上　右　下　左； 上から時計回りで設定

Illustrator

• 文字に枠を付ける
  

ダウンロード・ブックマークしたＷｅｂツール

• HUE / 360　The Color Scheme Application
• Adobe Color CC
• ColorZilla for Firefox - Eyedropper, Color Picker and much more（Firefox アドオン）
• Html Validator for Firefox and Mozilla（Firefox アドオン）
• Web Developer （Firefox、 Google Chrome アドオン）

講師の生徒向け受講内容解説ブログ

• 線のバリエーション - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
• セレクタの種類 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
• ボックスモデルと色指定 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
• 文字色と背景色と囲み - 演習 - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス

。o○o。.。o○o 。o○o。.。o○o 。o○o。.。o○o。o○o。