7月の授業日記

7月
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        

7/4 テーブル

パス(相対パス)

  • サイト内でのリンクはリンクしたいファイルまでどうやってたどるかが記述されている
  • 保存場所やファイル名が変わると記述をw変更する必要がある
  • DWのファイルパネル(p.48)を使い変更しファイルの更新を行えばリンクの記述の変更を行ってくれる

ページ内リンク(p,92)

  • ページ内の指定した行にスクロールするリンク
  • ファイルではないので名前がないため替わりとなる名前(アンカーポイント)を英数半角でつけそこへドラッグでリンクさせる
    • 挿入 > アンカーポイント
  • 異なったページの アンカーポイントにもリンクできる

テーブル(p.102)

ページ内にエクセルのセル(ワードの表)のようなものを挿入できる

DWによるテーブル

行数・列数・サイズ(幅)・等を最初に決めて挿入する(後からプロパティインスペクタでも変更可能)

テーブルの用語

 

今日のひとこと

背景のやりかたがわからなかった。

最近授業に出れていないから大変です(*_*)


7/11 テーブル

テーブルの用語

表全体 テーブル
一つひとつの中身 セル
境界線 ボーダー
背景色 テーブル全体とセル単位で設定可能
(プロパティインスペクタ>背景色)

7月
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        

テーブルの編集

行(列)に挿入 プロパティインスペクタで行(列)数を変える
挿入場所を選びたければ
修正>テーブル>行または列の挿入
行(列)の削除 選択してデリート
セルの結合 結合したいセルを選択しプロパティインスぺクタ>選択したセルを結合
セル内の揃え セル内は水平方向はもちろん、垂直方向も揃えられる
デ フォルトは上下方向中央なので上に揃えたいときは縦>上にする

テーブルの調整

ボーダーを消すことでテーブルが見えなくなるのでページのレイアウトに使うことができる

したいこと 属性
枠線を消す(p.116) ボーダー(border) 0
セル同士をくっつける(p,117) セル間隔(cellspacing) 0
セルと内容の間に余白をつける セル余白(cellcadding) 読みやすい値
  • 多段組のレイアウトができる
  • セルごとにエリアを色分けしたり、背景画像をつけたりできる
今日のひとこと 背景画像をちゃんと設定できたのでかわいくなった(*^。^*)



07/18 フレーム

テーブルで用いられる用語

rows
cols
width(単位はピクセル、ブラウザの幅に連動させるには%)

 

フレーム

ブラウザのウィンドウをを分割し、それぞれに異なるページを読み込める

フレームセット

  • フレームを定義するには、表示させるページのほかに分割方法を定義する見えないページが必要 > フレームセット
  • ページをフレームで開くときにはフレームセットのページを開く

フレームの作成方法

  1. フレームを挿入したいページを開く
  2. 挿入 > フレームより分割したい形を選ぶ(新たに挿入されるほうが白)
  3. フレームセットページをわかりやすい名前で保存する

フレームでのリンク

どこのフレームにリンク先を開くか指定する必要がある

フレームに名前をつけて識別

  • フレームパネルで定義(デフォルト名をDWがつけている)

ターゲット

  • ターゲットメニューから開きたいフレーム名を選ぶ

フレームを解除して開く

  • ターゲットメニューから_top

今日のひとこと

だんだんHPっぽくなってきてうれしい(*^。^*)