5月の授業日記

> home　>4月の日記へ

5/9 リンク1

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

画像ファイルはファイルサイズが大きく、ダウンロードに時間がかかるので圧縮（最適化）したものを使用する

1. jpeg
• 
• 写真など色数の多いものに使用
  • 画像を劣化させて軽量化する
  • 背景は透過できないので四角い
2. gif
   • 
   • 文字･イラストなど色数の少ないものに使用
     • 画像の色数を減らして軽量化する
     • 背景を透明にすることも出来る
     • 動かすことの出来るアニメgifもある
     • 

リンク(P50)

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

リンクの指定方法

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

ファイル名の変更

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

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

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

パス（相対パス）

• 画像やリンクなど他のファイルを示す必要がある場合、記述するファイルから対象ファイルまでの経路（パス）を記述する
• 記述するファイルの保存場所が変わると対象ファイルまでの経路も変わる　

きょうのひとこと

　リンクもできてようやくホームページとして機能するようになった

5/27　リンク2

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

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

ターゲット

• プロパティインスペクタ下のターゲットとはリンク先を開く対象のこと
• _blankを選ぶと新しいウインドー（タブ）にリンク先が開かれる

クリッカブルマップ

• 一枚の画像の一部分に複数のリンクを設定できる
• 画像を選択し、プロパティインスペクタ左下マップ部分から画像に矩形･楕円･多角形のエリアを描くとそれぞれにリンクが貼れる
• エリアはDW以外では見えない