4hed

最短ホームページテンプレートの使い方2 タイトルを掲載しよう

基本情報の次はタイトルバーのタイトルを変更することです。
最短ホームページテンプレートの動画では、第2回の部分になります。

初期状態のホームページを確認しよう!

まず、現在のホームページを確認してみましょう。
※index.htmlをダブルクリックすれば確認できます。

まずデフォルトを確認

 

今回のタイトルを変更する。と言うのは…
下記画像のホームページタイトルという部分です。
今回のタイトルを変更する。と言うのは… 下記画像のホームページタイトルという部分です。

【ワンポイント】
ここで行う作業はとても簡単な作業です。
ただ、作業は簡単なのですが
ホームページ作成の中では、最も重要とも言える部分です。
ホームページのタイトルはSEO対策(検索エンジン最適化)でも
非常に大切になりますので、じっくり考えて決めて下さいね。


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

タイトルを変更するソース部分はここ

開いたら、ここが<h1> ホームページのタイトル </h1>の文字部分を
あなたが考えたタイトルに変更します。
<h1> </h1>のタグは絶対に消さず文字部分だけ変更
あなたが考えたタイトルに変更します。

サンプルで下記のように変更しました。
あなたが考えたタイトルに変更します。

変更したら保存します。
保存方法は、ファイル⇒ 上書き保存で保存できます。
保存方法は、ファイル⇒ 上書き保存で保存できます。

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


保存が終わったら、更新ボタンを押して
ファイルが変更されているか確認してみて下さい。

【ワンポイント】
更新は、更新ボタンを押さなくても、
キーボードのCtrl + F5 のショートカットキーを使い更新できます。
インターネットエクスプローラー(IE)やFirefoxでは
Ctrl + F5をスーパーリロードと言います。
スーパーリロードについて、詳しく理解する必要はないですが、
古いデータは消え、最新の状態になる。と思って頂ければ結構です。

タイトルバーの画像・文字色・文字サイズの変更

また、タイトルバーの画像は下記で変更できます。
また、タイトルバーの画像は下記で変更できます。

そして、この部分(h1)の部分の
文字の色や文字サイズはスタイルシートを変更することで変えることも出来ます。

そして、この部分(h1)の部分の 文字の色や文字サイズはスタイルシートを変更することで変えることも出来ます。

ここまで来たら、最後の作業は、
変更したタイトルを、index.htmlのファイル以外にも貼り付けます。

今回変更したタイトル部分を丸ごとコピーして
page1.html~page5.htmlのタイトル部分にコピーをして完成です。

【ワンポイント】
index.html以外のページへのコピーを忘れないで下さい。
※よく忘れます
page2.html page3.htmlなどをテキストエディタで開き
タイトル部分にコピーして下さいね。

 

 


関連記事


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


おすすめ記事


ボタンマルシェ - ButtonMarche

人気の記事

  1. ホームページを作っていて本当に困った時の解決方法
    ホームページを作っていて本当に困った時の解決方法
  2. 作成ソフト選びから完成まで最初から完璧を求めない考え方を!
    作成ソフト選びから完成まで、完璧を求めない考え方を!
  3. ホームページ作成ソフトの選び方
    自分に合うホームページ作成ソフトの選び方
  4. 結局、1番モッタイナイのはコレです!
    結局、1番モッタイナイのはコレです!
  5. YahooやGoogleでの検索順位をチェックできる優良ツール
    YahooやGoogleでの検索順位をチェックできる優良ツール

ピックアップ記事

  1. SEO対策の基礎知識

    SEO対策の第一歩!タイトル・説明文を書くポイント

    ホームページを作るためにはSEO対策が必ず必要になってきます。SEO対策とは、ホームページが検索され…
  2. 重いサイトはダメ!?軽いホームページ作成ソフトは?

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

    サイトを開いた際に表示速度が遅く閉じた。 こんな経験は誰にでも1度はあると思います。表示速度が遅いこ…
  3. 人のレビューや口コミが正しいとは限らないという問題

    人のレビューや口コミが正しいとは限らないという問題

    これからホームページを作成しようとしている方は、 少なからず検索エンジンで、口コミや評判を見て検討し…
  4. 初めてドメイン取る前に知っておきたい3つの基礎知識

    初めてドメイン取る前に知っておきたい4つの基礎知識

    インターネット上にホームページを表示させるためには サイトの住所となる、ドメインを取る必要があります…
  5. 簡単にホームページが作れるという評判は本当?(最短HPテンプレート編)

    簡単にホームページが作れるという評判は本当?(最短HPテンプレート編)

    ホームページ作成ソフトを決める段階の方でしたら 多くのサイトを見てソフトを比較しているハズ。レビュー…