初心者向け
ホームページの
作り方講座

次は「お問い合わせ」ページを作ります

今回は完結にお問い合わせ先電話番号を大きな文字で表示させる事にします。

お問い合わせフォーム」を設置する方法もご案内したい所ですが、無料サーバーの多くでは、フォーム用のプログラムの使用を禁止している所が多いので紹介は改めてさせて頂きます。

contact.htmlをTeraPadで開きます

会社概要やサービスページの時と同様、<div id="contents">から</div>までの間に内容を入れていきます。

お問い合わせページの情報を入れるボックスを作る

会社概要やサービスページの時と同じように<section>~~</section>というタグを入力します。

↓手打ちに自信がない人は以下のタグをコピペ。

「お問い合わせ」の見出しを入れる

次に「お問い合わせ」の見出しを入れます。

↓手打ちに自信がない人は以下のタグをコピペ。

続いてお問い合わせ用の内容を段落タグ<p>を使って入れます

今回は、連絡先の電話番号などを入力します。

この辺で一旦プレビューします

以下のように表示されましたか?

文字を大きくするスタイルを設定します。

まず、「お問い合わせ先」の段落タグにスタイル名を付けます。

style.cssにこのclass用のタグを追加します。

このスタイルも色々な場所で使う可能性があるので、その他の欄に追加します。

改めてプレビュー

以下のように文字が大きく表示されればOKです。

次のステップは…

「トップページ他、完成させる」です。頑張りましょう!