５月の授業日記

＞４月の授業日記

５/１０　リンク

特別なファイル名(index.html)

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

リンク

• クリックしただけで指定したページを開ける
• リンクのあるテキストはリンクカラーとなりアンダーラインが引かれる

DWでのリンクの指定方法

• リンクさせたい部分をドラッグして選択しプロパティインスペクタのリンクの右の

1. ファイルの指定アイコン(P50step2)から、ファイルパネル内の開きたいファイルまでドラッグする
2. フォルダアイコンをクリックしオープンダイアログから開きたいファイルを指定

• プロパティインスペクタのリンク部分にそのファイルまでの経路(パス)が記述されリンクできるようになる
• 確認はDWでは出来ないのでブラウザでプレビュー(P46)

画像によるリンク

• 画像にリンクを貼りたい場合は画像を選択し同様にプロパティインスペクタから設定
• 画像をコピーした場合リンクも同時にコピーされる

リンクカラーの設定

• リンクカラーの設定はページプロパティより行う

きょうのひとこと

ホームページになってました。
可愛い素材がたくさんあってどれを使うか迷います。
コピーするだけでリンクもコピーできるなんて便利だと思いました。

５/１７　リンク２

（インターネット上のファイルへのリンク）

サーバー上の自分のページ

• ファイルパネルやファイルの参照は使用できない
• アドレス欄(URL)をコピーし、プロパティインスペクタのリンクテキストボックスにペーストする

素材フォルダ

よく出来ていると思う人

絶対パス

アクセス方法やマシン名フォルダ名をすべて記入したもの(URL)

• http://=インターネット経由
• ochagaku.sakura.ne.jp/＝サーバー名
• 2012/web/m2/＝ルートからフォルダをすべて入れる

イメージ(クリッカブルマップ)

１枚の画像の中にエリアを描きそれぞれに異なるリンク先を記述できる

1. 画像を選択しプロパティインスペクタ左下マップ部分のツールで画像に矩形・楕円・多角形のエリアを描く
2. 選択ツールで選択ツールで選択すると各エリアごとに異なるリンクが貼れる
3. エリアを区別する色はDW以外では見えない

ファイル名やフォルダの変更

• リンクや画像の表示などはファイル名やフォルダ名が記述されている
• 後からファイル名などを変更する場合はリンクしているファイル側でも記述を修正する必要がある
  • DWのファイルパネルから変更した場合DWがそれらの修正を行ってくれる

  パス(経路)

• 画像やリンクなど他のファイルを示す場合、記述するファイルから対象ファイルまでの経路(相対パス)を記述する
• 記述するファイルの階層(フォルダ)が変わると対象ファイルまでの経路も変わる
  • 異なる階層間でのリンクや画像のコピーペーストはこの理由から出来ない
  • (違う階層からのコピー)

きょうのひとこと

フォルダ別けをしたら難しくなりました。
簡単にリンクができて便利です。

５/２４　テーブル

ページ内リンク

• ページ内の指定した行にスクロールするリンク
• ファイルではないため名前がないので代わりになる名前(アンカーポイント)
  • 挿入＞アンカーポイント
• 異なったページの指定部分にもリンクできる

メールリンク

お問い合わせは

• リンクにmailto：メールアドレスを入れると送信先にそのメールアドレスが入力された状態でメーラーが立ち上がる

テーブル

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

DWによるテーブル

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

テーブルの用語

幅の単位について