1学期 WEB 第９回 第９章--ショップ情報を学校の情報に変えよう

第９章・・・・ショップ情報ページを作成しよう

手違いでkadaisiteの中のabout.htmlがすでに完成してしまっています。
about2.htmlを作成し「ショップ情報」を「webページ作成者情報」とし、
下記情報と下記住所を使ったgoogle mapコードを組み込んだページを作成しましょう。

国際デザイン・ビューティカレッジ
〒780-0935 高知市旭町2-22-58
TEL.088-875-0099
FAX.088-875-3299

アクセス方法の項目は次の2行に書き換える

●JR旭駅より徒歩４分
●伊野ICより車で15分

P.122〜P.124までは全く同じ手順

変更箇所
「ショップ情報」を「webページ作成者情報」
「店舗情報」を「webページ作成拠点情報」
「アクセスマップ」はそのまま「アクセスマップ」
メールアドレスは「cidgd2@gmail.com」
営業時間と定休日は削除

●［mapのはりつけ方］

1.検索でgoogle mapへいく

2.住所を検索窓に打ち込む

3.検索ボタンをクリック

4.マイプレイスボタンの右にある鎖のマークをクリック

5.「埋め込み地図のカスタマイズとプレビュー」をクリック

6.カスタムを選択しサイズを横幅800px 高さ450pxに設定する

7.左下に出てくるコードをコピー

8.Dreamweaverのコードの該当場所にペーストする。

---

新しいGoogleマップにすでになっている人は
次のやり方でmapコードを埋め込む事が出来ます。
(1~3までは上の手順と同じ)
※同じパソコンを使っている誰かが
「新しいGoogleマップに切り替えますか？」という質問が出たときに「はい」を選択していると
すでに新しいGoogleマップに切り替わっています。

4.右下の黄色い人の隣に歯車のアイコンがあります。
それをクリックして

5.地図を埋め込みを選ぶ

6.はじめは「リンクを共有」になっているので
「地図を埋め込む」を選択

7.カスタムを選択し、サイズを800px×450pxにする。

8.その下に出てくるコードをコピーして
Dreamnweaverのmapの表示場所にペースト。