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

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

■ 表組み(テーブル)を使ってみよう。

さて、次は「プロフィール」という「サブページ」を作ってみます。
「プロフィール」は今までのように文字をそのまま入力するだけではうまく作れませんから、表組み(テーブル)を使うことにします。

◆ 表組み(テーブル)の作成方法

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

編集画面が空白になりましたら「書式ツールバー2」「中央揃え(センタリング)」をクリックして「【プロフィール】」と入力しましょう。
次に、適当に改行したら「編集ツールバー」「テーブル」をクリックします。
原寸表示

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

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

右端の列が余分ですので、列の削除をします。

◆ 表組み(テーブル)の列削除

列の削除方法には、右クリックを使う方法と編集画面のマークを使う方法があります。

まずは、簡単な編集画面のマークを使う方法を説明します。
セルの中でカーソルが点滅していると、次のように、そのセルの左部及び上部に制御用のマークが表示されています。
原寸表示

上部にある制御マークの中央の「原寸表示」をクリックしますと、その列すべてが一気に削除されます。

右クリックを使う方法は、
セル内で右クリックしますと、右クリックメニューが表示され、「テーブルを削除(D)」−「列(O)」をクリックします。
制御用のマークと同様、その列すべてが一気に削除されます。
原寸表示

後はそれぞれのセルの中に文字を入力して完成です。
私が作ったサンプルは次のような感じ。
原寸表示

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

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

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

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

【 姉妹サイト 】

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


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

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