最短ホームページテンプレートの使い方5 各ページに情報を追加

最短ホームページテンプレートの使い方5 各ページに情報を追加

今回は各ページに情報を追加のしていきます。
最短ホームページテンプレートの動画の、第5回の部分になります。

情報を追加するのここ

今回の情報を追加する。と言うのは…
下記画像のページ上部のコンテンツ1(page2,3,4,5.html)です。
上部のコンテンツ1(page2,3,4,5.html)です

どのページも変更方法は同じなので、
今回はpage2.htmlのページで説明していきます。

まず、page2.htmlのファイルをテラパッドにドラッグ&ドロップして開きます。
※無料テキストエディタTerapad(テラパッド)を利用
page2.htmlのファイルをテキストエディタにドラッグ

【ワンポイント】
多くのページ(page1.html~page5.html)は、デザインは同じなので
変更するページをしっかり確認しながら進めましょう。
page2.htmlを編集しているつもりでいるのに
page3.htmlやpage4.htmlを編集していることもあります(^^ゞ

変更するページをしっかり確認しながら進めましょう。

各ページのコンテンツを追加するにはココを編集する

開いたら、<!– ここが「コンテンツ1(2,3)」を掲載している箇所です –>の部分を変更します。
開いたら、<!-- ここが「コンテンツ1(2,3)」を掲載している箇所です -->の部分を変更します。

<h2> コンテンツ</h2>の部分(ここは小見出し)と
コンテンツ2の情報を変更します。という部分を変更します。
<h2> コンテンツ</h2>の部分(ここは小見出し)と コンテンツ2の情報を変更します。という部分を変更します。
変更したら保存します。
保存方法は、ファイル⇒ 上書き保存で保存できます。

【ワンポイント】
保存は、ファイル⇒上書き保存としなくても、
キーボードのCtrl + s のショートカットキーを使い保存できます。
このCtrl + s での保存は、めちゃくちゃ使えますので、
こちらの保存方法を癖にしましょう。

保存が終わったら、更新ボタンを押して
編集した部分が変更されているか確認してみて下さい。

今回の編集でこのように変更されていればOKです。

今回の編集でこのように変更されていればOKです。

他のページの編集の仕方も同じ

自分で更新できる最短ホームページテンプレートの初期状態の場合
page1.html~page5.htmlまでは、同じ構成のページになっていますので
基本的な編集方法は今回の説明と同様に進めて下さいね。

基本的な編集方法は今回の説明と同様に進めて下さいね。

【ワンポイント】
まだ、基本的な操作の説明が多いですが
この基本の作業はホームページ作りにはとても大切な部分です。
パソコンの操作に慣れることで作成スピードがあがりますので
焦らずに確実に作っていきましょう。

 


関連記事


初心者さんおすすめ! 徹底比較 簡単ホームページ作成ソフトランキング


おすすめ記事


ボタンマルシェ - ButtonMarche

人気の記事

  1. 作成ソフト選びから完成まで最初から完璧を求めない考え方を!
    作成ソフト選びから完成まで、完璧を求めない考え方を!
  2. weblog
    ホームページとブログの違いは何?
  3. 結局、1番モッタイナイのはコレです!
    結局、1番モッタイナイのはコレです!
  4. ムームードメインで取得のドメインをさくらで使う設定方法
    ムームードメインで取得のドメインをさくらで使う設定方法
  5. ホームページを作っていて本当に困った時の解決方法
    ホームページを作っていて本当に困った時の解決方法

ピックアップ記事

  1. 会社のホームページを作るのに向いている作成ソフトは?

    会社のホームページを作るのに向いている作成ソフトは?

    今回は会社でホームページを作ることになった方に向けて 会社のホームページを作るのに向いている作成ソフ…
  2. おしゃれなホームページを作るのに向いてるソフトは?

    おしゃれなホームページを作るのに向いてるソフトは?

    今回はデザインを重視する方に向けて「おしゃれ」なホームページを作るのに向いている作成ソフトをランキン…
  3. 重いサイトはダメ!?軽いホームページ作成ソフトは?

    重いサイトはダメ!?軽いホームページ作成ソフトは?

    サイトを開いた際に表示速度が遅く閉じた。 こんな経験は誰にでも1度はあると思います。表示速度が遅いこ…
  4. WordPress(ワードプレス)とホームページ作成ソフトの違い

    WordPress(ワードプレス)とホームページ作成ソフトの違い

    ホームページ作成ソフトのおすすめで3位としているWordPress(ワードプレス)今では日本でも使っ…
  5. 私がホームページ作成ソフトを買って「失敗した」と思ったこと

    私がホームページ作成ソフトを買って「失敗した」と思ったこと

    これからホームページ作りを考えている方に向けて、 1つの経験談をお伝えしようかと思います。も…