5月の授業日記
>home
>4月の日記へ
5/9 リンク1
復習(画像)

使用できる画像の種類(P174)
- JEPG

写真など色数の多い物に使用
画像を劣化させて軽量化する
背景は透過できないので四角い
- GIF

文字・イラストなど色数の少ないものに使用
画像の色数を減らして軽量化する
背景を透明にすることもできる
動かすこともできるアニメgifもある

リンク(P50)
- クリックしただけで指定したページが開ける
- リンクがある部分はリンクカラー(指定可)となりアンダーラインが敷かれる
リンクの指定方法
- リンクしたい部分をドラッグして選択し、プロパティーインスペクタ>リンクの右の
- フォルダ
アイコンをクリックしオープンダイアログで開きたいファイルを指定
- ファイルの指定アイコン
(P50:step2)からファイルパネル内の開きたいファイルにドラッグ
- プロパティーインスペクタ>リンク部分にそのファイルまでの経路(パス)が記述されリンクできるようになる
- 確認はDWではできないのでファイル>ブラウザでプレビュー(P48)
特殊なファイル名(index html)
- サーバーでファイルを開くには正しいフォルダー名+ファイル名をアドレス欄に記述する必要がある
- ファイル名を省略すると
- ファイルのリストが表示される
- index html(もしくは・htm)という名前のファイルがあるとそのファイルが開かれる
- トップページなどはindexという名前にしておけばフォルダ名だけでアクセスできる
ファイル名の変更方法
- リンクや画像にはフォルダ名/ファイル名の記述が必要
- 後からファイル名を変更する場合は
- それらの使用しているファイルのファイル名も変更する必要
- DWのファイルパネル>自動でしてくれる
今日の一言
ひとつひとつが難しい
5月27日 リンク2
外部サイトへのリンク(絶対パス)
- インターネットを経由して他のページにリンクするには絶対パス(URL)を使う
- プロパティーインスペクタのリンクのテキストボックスにURLをコピーペーストする
絶対パス
自分のページ(サーバー)の絶対パス
自分のページ(ローカル)の絶対パス
- C:\Documents and Settings\osb201016\My Documents\web\site\index.htm
- 自分のページはローカルからサーバーに保存場所が変わるので使用できない
- >相対パスを使う
イメージマップ(クリッカブルマップ)
一枚の画像に複数のリンクが設定できる
画像を選択し、プロパティインスペクタ左下マップ部分から画像に矩形・楕円・多角形のエリアを書く
各エリアごとに独立したリンクご貼れる
エリアはDW以外見れない
今日の一言
難しい