▽ファイルリンク

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

ファイルリンク

相対パスリンク

絶対パスリンク

リンク画像

ページ内リンク

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

メールリンク

  • リンクにmailto:メールアドレス

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

挿入位置ダイアログ

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

今日の一言

とても難しい。あとあと不安。

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

イメージマップ

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

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

テーブル

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-alignのデフォルトがbaselineなので画像の下に隙間ができる
  • つけるにはこれをbottomにする

    • 今日の一言

    大幅に遅れてしまった。

    5/30セレクタの種類

    border

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

    • セクレタの種類

    セクレタ名 記号 解説
    タグ なし タグをセレクタに
    クラス . 再出する部分を
    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で指定
  • 行間の指定には単位なしを使用

    • 今日の一言

    慌ててやる事なく出来た。