ホーム > ホームページの作り方 > ホームページのページの追加・更新方法と運営

ホームページのページの追加・更新方法と運営

いよいよ最終回になりましたホームページ作成講座。


最後は「更新の仕方」です。


最初の方でご説明しましたとおり、ブログなどのPHPを使用しないホームページの更新方法は、かなりアナログです。


実際の作業はHTMLを手入力で編集し、サーバーへアップロードするまでが更新手順になります。


一見楽そうに思われますが、地味に面倒くさいです。


例えば、イベントページを更新したら、トップページの「イベント参加&新刊情報」も更新しなければならないので、「index.html」と「event.html」の両方の更新が必要です。


トップページに更新内容を追記しないと、せっかくイベント情報を更新しても、全く気づかれないなんてこともあります。


ホームページの更新ファイル


では、順に更新方法と編集箇所をご説明します。


【index.html(トップページ)】


●イベント参加&新刊情報→「index_contents」内の複製・編集


「dl」から[/dl](1ブロックのみ)までをコピーし、上に貼り付けてください。





それから「p」の中の文章や、新規に作った画像名に差し替え、上書き保存します。


必要に応じて、文章にイベントページへのリンクを貼ると効果的です。(pタグ内)


リンクの貼り方は「ホームページをコーディングする(HTML編)」でご確認ください。




【illust.htm(イラスト一覧ページ)】


トップページと同じように、「illust_list」内を編集します。


今度は「dl」を囲んでいる「a」から「/a」までをコピーして、上にはりつけます。





新しく作った方の画像、文章を差し替えたら、今度は新規ページへのリンクを貼ります。




【illust_0●.html(イラスト個別ページ)】


イラストの個別ページ「illust_01.html」は編集しませんが、こちらを複製して「illust_02.html」と名前を変更して、編集します。


変更箇所は、画像名とテキスト部分のみになります。


今後イラストを追加する際も、ページの複製、を繰り返していきますので、ファイル名を「03、04」などの連番にしておくと、管理が楽になると思われます。


イラストページの追加方法


※このホームページではイラストページの更新は、ツイッターで報告します。




【event.html(イベントページ)】


これまでの作業と同じように、「event_contents」の「dl」~「/dl」をコピー&ペーストし文章部分を変更します。





ごくたまに、文章は変わっていても、開催イベントへのリンクが古いままになってるHPも見かけますので、リンクが間違ってないかの確認もしてください。




【編集したファイルをサーバーにアップする】


編集がおわったら、今度は更新したファイルと、新規に作成したHTMLや画像データを、またファイルマネージャーやFTPソフトを使ってサーバーへアップし上書きします。


画像はかならず「img」フォルダに入れるようきを気をつけてください。


アップロードが完了しましたら、かならず更新が反映されているかチェックします。


更新がすぐに反映されない時はブラウザのキャッシュが残ってる可能性もあるため、キーボードの「F5」を押すか、「Shift+F5」を押してキャッシュをクリアしてください。


キャッシュをクリアして更新を確認


それでもダメだったら、「ファイルが正常にアップロードできていない」「古いファイルをアップしてしまった」の2点が考えられますので、もう一度更新ファイルを見直してください。




さて、約4ヶ月にわたってホームページの作り方をご説明させていただきましたが、いかがでしたでしょうか?


正直、わかりやすさを重視したために、ちょっと隠喩しすぎた箇所もあるかと思います。(サーバーの仕組みとか)


ですが、このぐらい大雑把な知識でも、ホームページは作れます。


って言うか、細かいことに気をとらわれ過ぎると「Webデザイナー」なんてやってられません。


この業界は、常に新しい情報が入ってきて、毎日が勉強状態です。


もし、ダウンロードしたデータで、物足りないと思ったら、ご自身でネットを探索し、どんどんカスタマイズして自分好みのホームページを作ってください。


質問やアドバイスをご希望でしたら、「お問い合わせ」よりお気軽にご連絡ください。


それでも、ホームページの作成・運用に行き詰ってしまったら、こちらは有料になりますが「同人専用ホームページ」をご検討ください。


近々ページを新しくする予定ですので、もしかしたら、その内容で要望が叶えられるかもしれません。


それでは、これまでお読みいただきましてありがとうございました。


よいホームページライフを!


次のお話

「ホームページ作成講座」に関連するオススメ記事

フリー漫画素材

無料で使える漫画素材です

ホームページの作り方

初心者向けHP作成講座

同人サークル専用HP

ホームページ作ります!

Copyright (C) 牛屋へ.com, All Rights Reserved.