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/9 リンク

ファイルのリンク

相対パスリンク

絶対パスリンク

リンク画像

ページ内リンク

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

メールリンク

挿入位置のコントロール

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

挿入位置ダイアログ

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

きょうのひとこと

一段と難しかったです。

イメージマップとテーブル

イメージマップ

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

  • 設定したい画像を選択し、プロパティ>マップより描画
  • マップは流用できるので操作性も含めフォーマットを統一する
    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.属性等はプロパティより指定

テーブルの選択

  • タグセレクタで選択
  • デザイン内で選択
  • テーブル全体>ドラッグ

きょうの一言

難しかったです

5/23 テーブルレイアウト

テーブルの揃え

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

  • html5ではvertical-のデフォルトがbaselineなので画像の下に隙間が出る
  • つけるにはこれをbottomにする
  • 今日のひとこと

    間違うことが多々あったができた気がする

    5/30 セレクタの種類

    boder


  • 四辺一括単体指定か選び指定
  • styleに何らかの値を入れないと表示されない
  • セレクタの種類


  • セレクタ名 記号 解説
    タグ なし タグをセレクタに
    クラス . 再出する部分に命名
    ID # 一意に特定できる部分を命名
    擬似クラス : 状態をセレクタに
    子孫セレクタ 半角マーク 特定の親要素内の子要素を識別
    グループセレクタ ,カンマ 複数のセレクタにまとめて同一指定
  • 文字の単位


    正しい文字指定を行うには単位が重要
    単位 解説
    px モニタのドット数
    em 文字サイズの倍数
    % 親要素のフォントサイズに対する割合
    単位無し 親要素のフォントサイズに対する割合

    文字の単位

    初期設定で選んだサイズの何倍かがデフォルト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で指定
  • 行間の指定には単位無しを使用
  • きょうのひとこと

    できないことばっかりでした。