トップ > 無料で作る簡単なホームページ > Komposerを使った簡単なホームページ作成

※ここの解説は、後になるほど省略されている場合がありますのでできるだけ順番に読んでください。

■ 日記帳を作ってみよう。

さて、今度は簡単な日記帳を作ってみましょうか?
いろんな方法がありますが、今回はテーブルを使い、「HTML(タグ)」だけで作ってみます。

記述する項目は「日付」、「内容」の2項目です。
まずは表組みで枠を作りましょう。
表組みは以前解説した「表組み(テーブル)を使ってみよう。」と同じです。

◆ 表(テーブル)に1行追加する

まず、「編集ツールバー」「新規作成」をクリックします。
原寸表示

編集画面が空白になりましたら「書式ツールバー2」「中央揃え(センタリング)」をクリックして「【日 記】」と入力しましょう。

次に、適当に改行したら「編集ツールバー」「テーブル」をクリックします。
原寸表示

すると次のような画面が表示されます。
原寸表示

表示されてるマス目で「2×1」の位置をマウスでクリックします。
すると、次のように編集画面に「2×1」のセルを持ったテーブルが作成されます。
原寸表示

◆ 日記の記入

まず、上のセル「日付」を入力し、下のセル「内容」を入力していきます。
私が作ったサンプルは次のような感じ。
原寸表示

次にトップページ同様、「コマンドメニュー」「書式(O)」−「ページのタイトルとプロパティ…(G)」「タイトル」「文字エンコード」を設定し、 「コマンドメニュー」「ファイル(F)」−「名前をつけて保存…(A)」をクリックして「トップページ」と同じ場所に保存しておきます。
今回のページのファイル名は「nikki.html」としました。

続けて、トップページ同様、「背景色」「背景画像」の設定をしておくといいでしょう。

そして、 「編集ツールバー」「上書き保存」をクリックして保存します。
原寸表示

※ページの保存をしてから背景画像の設定をしないと画像の指定方法が変わってしまい、うまく表示されない場合があります。
 面倒でも先にページ保存しておく方が賢明です。

【 姉妹サイト 】

  • SEO対策、インターネット上の便利な調査ツールを公開
SEO対策についての解説やWEBツールの公開


Copyright (c) 2000-2009, all Rights Reserved & Produced by atom
page update:2019/01/09 19:55

SEO対策 & ツール  株式会社ピーオーピー
Home  ↑ページトップ  タオル卸市場