取扱説明書 > ステップバイステップ > 4日目:見出しと本文を流し込む

4日目:見出しと本文を流し込む

今日からテンプレートに原稿を流し込んでみます。こちらの見本を参考にしてください。

 今日の作業の見本

まず、昨日用意したトレーニング用の原稿をメモ帳などで開いて用意します。

図

次にテンプレート(index.html)もBlueGriffonで開きます。

図

基本の手順は

  1. メモ帳の文章をコピー
  2. テンプレートへペースト(貼り付け)

この繰り返しです。

図

見出しは見出し、本文は本文をそれぞれテンプレートの部分にペーストしていきます。

図

見出しや囲みなどの部品はテンプレートに1つづつしかないので、テンプレートの中で見出しをコピー&ペーストしてスタイルを複製しておいてから原稿をペーストします。

図

ですから、より正確な手順は

  1. テンプレートの部品を複製
  2. メモ帳の文章をコピー
  3. テンプレートの部品へペースト

となります。

図

保存したindex.htmlはGoogle ChromeやFireFoxなどのブラウザで開くと実際にホームページを公開した場合にどう見えるかを確認できます。作業が終わったら必ずブラウザで見て確認してください。

コピペを繰り返して「今日の作業の見本」のような状態を作ってみてください。

図
関連するマニュアル
今日憶えたこと
  • 作業するときは、HTMLエディタとテキストエディタを両方開く。
  • テキストエディタから原稿をコピーして、テンプレートへペーストする。
  • テンプレートの部品(見出しなど)はコピペして複製して使う。
  • できたページはブラウザで開いて確認する。

 3日目に戻る

5日目に進む 

 

ご利用マニュアル

Page top icon