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

各ページのhtmlの土台を準備しましょう

会社概要・サービス・問い合わせのhtmlの準備をします。

トップページはできているのでこれをコピーして作っていきます

index.htmlがトップページとなりますが、これを複製して他のページを作っていきましょう。
まず、index.htmlをTeraPadで開きます。

上部の「ファイル」メニューを左クリックし、出てきたリストから「名前を付けて保存」を左クリック。

小ウィンドウが出てきますので、ファイル名の欄に「company.html」と入力して保存ボタンを押します。

ここで入力していくhtmlファイル名は、html側のメニューのリンク先に設定しているファイル名です。index.htmlはトップページとして既にあるので、company.htmlservice.htmlcontact.htmlを作っていきます。

HPフォルダにcompany.htmlが追加できたか確認

HPフォルダを開いて今作ったcompany.htmlがあるか確認してみて下さい。

さて、company.htmlをプレビューで見てみましょう。
当然ですが、トップページと全く同じデザインですね。

トップページにはメイン写真を配置しましたが、その他のページには邪魔なので削除しましょう。

company.htmlをTeraPadで開きます。

画像を配置したhtmlタグを削除して下さい。

削除したら上書き保存します

TeraPad上にあるフロッピーマークをクリックすればそのまま上書きできます。

プレビューで改めてindex.htmlを見て、写真が消えていればOKです。

company.htmlを土台に、他のhtmlを作っていきます。

company.htmlを作ったのと同じ手順で作っていきますが、今度はindex.htmlでなく、company.htmlを土台にします。なぜならindex.htmlをまた土台にしていまうと、その都度メイン画像を削除しなくてはならないからです。

上記のように、全部で4枚のhtmlができればOKです。

次のステップは…

「会社概要ページを完成させる」です。頑張りましょう!