店舗：案内地図

前のページ

ページの作成

店舗の地図をグーグルマップで表示させます。

「p1.html」をコピーして「p2.html」にします。メニュー部はそのまま使います。

実例

ヘッダーの修正

ヘッダの一部を変更します。

<h1 id="header">●●●●商店：案内地図</h1>

コンテンツ部の修正

mainmenu（ID）のメインコンテンツを入れ替えます。
テーブルが<iframe>に置き換わります。

<div id="mainmenu">
	<div class="menutitle">店舗へのご案内</div>
	<iframe src="http://maps.google.co.jp/maps?q=●●●●商店@35.004212,135.869105&output=embed" width="495" height="500"></iframe>
</div>

<iframe>のサイズは外枠が500なので、495に設定しています。このように枠に丁度収まるように、数値を変更しながら調節します。

次のページ

戻る