5月の授業日記

＞home

＞4月の日記へ

5/9　リンク1

復習（画像）

使用できる画像の種類（P174）

1. JPEG



写真など色数の多いものに使用

画像を劣化させて軽量化する

背景は透過できないので四角い

2. GIF

   

   文字・イラストなど色数の少ないものに使用

   画像の色数を減らして軽量化する

   背景を透明にすることもできる

   動かすことのできるアニメgifもある

   

リンク（P50）

• クリックするだけで指定したページを開ける
• リンクがある部分はリンクカラー（指定可）となりアンダーラインが敷かれる

リンクの指定方法

• リンクさせたい部分をドラッグして選択し、プロパティーインスペクタ＞リンクの右の
  1. フォルダのアイコンをクリックしオープンダイアログで開きたいファイルを指定
  2. ファイルの指定アイコン（P50：step2）からファイルパネル内の開きたいファイルにドラッグ
• プロパティインスペクタ＞リンク部分にそのファイルまでの経路（パス）が記述されリンクできるようになる
• 確認はDWではできないのでファイル＞ブラウザでプレビュー（P46）

特殊なファイル名（index.htm）

• サーバーでファイルを開くには正しいフォルダ名+ファイル名をアドレス欄に記述する必要がある
• ファイル名を省略すると
  • ファイルのリストが表示される
  • index.html(もしくは.htm)という名前のファイルがあるとそのファイルが開かれる
  • トップページなどはindexという名前にしておけばフォルダ名だけでアクセスできる

ファイル名の変更方法

• リンクや画像にはフォルダ名/ファイル名の記述が必要
• 後からファイル名を変更する場合は
  • それらを使用しているファイルのファイル名も変更する必要
  • DWのファイルパネル＞自動でしてくれる

きょうのひとこと

リンクが貼られてホームページとして機能するようになりました

5/27 リンク2

外部サイトへのリンク（絶対パス）

• インターネットを経由して他のページにリンクするには絶対パス（URL）をつかう
• プロパティーインスペクタのリンクのテキストボックスにURLをコピーペーストする

絶対パス

自分のページ（サーバー）の絶対パス

• http://ochagaku.sakura.ne.jp/2011/web/00/
  • http://＞インターネット経由で
  • ochagaku.sakura.ne.jp/＞サーバー名
  • 2011/web/00/＞フォルダの階層

自分のページ（ローカル）の絶対パス

• C:\Documents and Settings\yasuda\My Documents\web\site\index.htm
• 自分のページはローカルからサーバーに保存場所が変わるので使用できない
• ＞相対パスを使う

イメージマップ（クリッカブルマップ）

一枚の画像に複数のリンクを設定できる

画像を選択し、プロパティインスペクタ左下マップ部分から画像に矩形・楕円・多角形のエリアを描く

各エリアごとに独立したリンクが貼れる

エリアはDW以外では見えない

きょうのひとこと

埼玉のリンクは難しい..