/* Google Analytics ▽ */ /* Google Analytics △ */

WEB制作の勉強メモ / 猫脳人間

HTML CSS JavaScript ActionScript jQuery WordPress PHP Illustrator Photoshop Flash … 猫サイズの脳でも覚えるぞ と…

2015年 03月24日(6日目)のWEB制作の勉強メモ

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進数の事を 「ヘクサデシマル」と言う (ヘクサ・ヘキサ=6)
  • MSワードの タブの事を 「デシマルタブ」と言う(タブの設定/word
  • 「#」 は シャープではなく、 ハッシュ と覚えよう
    「#」 ハッシュ、Number、ノンブル(DTP用語) (←同じ意味)
  • #AABBCC → RRGGBB
    Red明度 Red彩度、Green明度 Green彩度、BlueVioret明度 BlueVioret彩度
  • 「モノクロ」 は 白黒(グレースケール)の事ではない
    モノクローム - Wikipedia
  • アソートカラー(馴染んだ色、同系色など)
    参考ページ:アソートカラー/Color Navi

CSS(Cascading Style Sheet)

CSS:文字と背景色(1)

CSS:文字と背景色(2)

CSS:背景色と余白

CSS:背景画像を設定(タイル状・上下左右にに繰り返し)

CSS:背景画像を設定(水平方向に繰り返し)

CSS:背景画像の設定(垂直方向に繰り返し)

CSS:背景画像と枠線(border)

CSS:背景画像(繰り返し無し)

CSS:文字の囲み(borderの応用)

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

Illustrator

  • 文字に枠を付ける
    Illustrator:文字に枠を付ける

ダウンロード・ブックマークしたWebツール

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

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

広告を非表示にする