ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

店舗案内ページの更新

店舗案内ページを更新しよう

更新する内容ですが、「店舗案内」ページに店舗情報をもう1つ追加してみましょう。
これまでの5店舗から、新規に1店舗オープンしたという内容で更新していきたいと思います。

新店舗オープンのお知らせ

「店舗案内」ページの編集

step.1

それではまず、「tenpoannai.html」を開きましょう。

店舗案内のHTMLファイル

step.2

開いたら、「薬院店」の下に「大名店」を追加します。
新しく行と列を追加するので、「薬院店」の</tr>の下に、<tr>と<td>を入力しましょう。

[入力するコード]
<tr>
<td>薬院店</td>
<td>福岡市中央区○○○-○○</td>
<td>092-○○○-○○○○</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>

step.3

次に、店舗情報を入力していきます。
店舗名、住所、電話番号を入力しましょう。

[入力するコード]
<tr>
<td>薬院店</td>
<td>福岡市中央区○○○-○○</td>
<td>092-○○○-○○○○</td>
</tr>
<tr>
<td>大名店</td>
<td>福岡市中央区○○○-○○</td>
<td>092-○○○-○○○○</td>
</tr>

これで入力は完了です。

[HTMLの記述例]
HTMLの記述例

入力内容を確認し、間違えがなければ上書き保存しておきましょう。

覚えておきたいポイント

更新する内容

更新する内容は、新店舗オープンのお知らせです。
店舗案内ページの表に新店舗の情報を追加し、トップページでお知らせするようにします。

ブラウザで確認しよう

入力した内容がキチンと表示されるか、ブラウザで確認してみましょう。
画像のように表示されていればOKです。

[ブラウザでの表示例]
ブラウザで確認した画像

これで新店舗「大名店」の情報が追加されました。

次は「index.html」ページも更新しましょう。
トップページの新着情報(What’s New!)に、今回追加した内容を表示します。
こうすることにより、お客さんに「店舗案内ページが更新されていますよ」と伝えることができます。

覚えておきたいポイント

トップページも更新しよう

店舗案内ページを編集したら、次はトップページを編集しましょう。
トップページの新着情報(What’s New!)に、新店舗が追加されたことを記載します。

トップページの更新
« 前のページへ ホームページを更新するには?

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。