5月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

 

ファイルリンク ▽ページ内リンク メールリンク


5/10 リンク

ファイルリンク

相対パス

絶対パス

リンク画像

2md00

ページ内リンク

  • IDで命名
  • ターゲットアイコンからID部分へドラック

メールリンク

挿入位置のコントロール

タグの回想関係がビジュアルエディタでは把握しづらいので必要なものは挿入ダイアログが出る

挿入位置ダイアログ

  • 選択範囲の周囲で折り返し(挿入ポイント)>カーソルでコントロール
  • 開始タグの後>子要素として先頭に
  • 終了タグの後>子要素として最後にに

今日の一言

徐々に理解できた気がする

バナーを早く作らなきゃなぁと思ってます。

5/16 イメージマップとテーブル

イメージマップ

1枚の画像の中に複数のエリアを描画し、異なるリンク先を指定できる。

  • 設定したい画像を選択し、プロパティインスペクタ>マップより描画
  • マップは流用できるので操作性も含めフォーマットを統一する

テーブル

5月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

テーブルの挿入

  1. 挿入>テーブル
  2. 先に幅・行・列数を指定
  3. セルの移動はタブキー
  4. 属性等はプロパティより指定

テーブルの選択

  • タグセレスタで選択
  • デザイン内dで選択
    • デザイン全体>ドラッグ

今日の一言

最後にデータが飛んで死んだ

 

5月23日 テーブルレイアウト 

テーブルの揃え

  • 横はalign縦はvalignで揃えられる
  • セル毎に属性を入れると大変なので通常はCSS
  • 列毎の指定などはDWの方が楽だが推奨はされない

今日の一言

次回はトップをフロートでレイアウトします

5/30 セレクタの種類

border

  • 四辺一括単体指定かを選び指定
  • styleになんらかの値を入れないと表示されない

セレクタの種類

セレクタ名 記号 解説
タグ なし タグをセレクタに
クラス . 再出する部分
ID # 一意に特定
擬似クラス 状態をセレクタに
子孫セレクタ 半角スペース

特定の親要素内の

子要素を識別

グループセレクタ ,カンマ

複数のセレクタに

まとめて同一指数指数

文字の単位

正しい文字指定を行うには単位が重要

単位 解説
px モニタのドット数
em 文字サイズの倍数
% 親要素のフォントサイズに対する割合
単位無し 親要素のフォントサイズに対する 倍率

デフォルトCSS

初期設定で選んだサイズのな何倍かがデフォルトCSSで決まっている

  font-size 12px 16px
<p> 1em 12px 16px
<h1> 2em 24px 32px
<h2> 1.5em 18px 24px
<h3> 1.17em 14px 18px
<h4> 1em 12px 16px

pxで指定するとユーザー指定に関わらずサイズ調整ができる

  • 全てをpxで指定すると修正時大変なので基準サイズを決め、あとの相対比のemで指定
  • 行間の指定には単位無しを使用

今日のひとこと

バナーをついにおいたはいいが、しっかりはんえいされていなかったのでじかいたすけてください。