コラム７-６-３　ホームページビルダーでページを作る。　<<ページ作成-2>>

前回の続きです。
テンプレートのまま、とりあえずページを作ったところです。
それでは、内容を編集していきましょう。

<　4　ページ作成-2　>

上の状態で終わったわけですが、、。

　　　　　　　　↓

テキストの内容を変更してみましょう。
点線の枠中をクリックすると、中のテキストが編集できる状態になります。
内容についてはご自由に。

　　　　　　　　↓

また、編集が可能な状態だと　(その部分が選択されると)　枠に黒いマークがでます。
その黒い部分をドラッグすることで枠の大きさが変わります。(選択部分の領域が広がります。)

　　　　　　　　↓

続いて、上部にあるボタンについて簡単に説明をします。(説明書を見てもらった方が早いですが、、)

テキストエディタでＨＴＭＬタグを書いていくより、ボタンを押すだけで設定が多々できるので楽チンです。
また、実際に表示される状態に近いかたちで編集できるので、完成のイメージを確認しながらページを作っていくことができます。

それでは、上の赤丸部分ですが、
ボタンの絵をみると何となく分かるようになっています。
テキストの位置を設定するボタンです。

左から、左揃え・中央揃え・右揃え。

青丸部分は、左から、上揃え・中央揃え、下揃えです。

ボタン一発で上記画像のように選択部分のテキスト位置の設定が自由自在です。

　　　　　　　　↓

続いてのボタンです、、赤丸部分は左から、太く・斜め・打ち消し線。
青丸部分は左から、サイズを大きく・サイズを小さく・詳細設定です。

このボタンは、テキスト自体を選択している必要があります。
下のように選択している部分は色が反転しますので、そのような状態の部分に効果が反映されます。

はい、このような設定もボタン一発です。

ちなみに詳細設定のボタンを押すと、、

上のようなウィンドウがでてきます。
書体やサイズ色の指定など一気に設定可能です。
また、その結果をサンプル表示してくれるので、確認が直ぐにできて便利です。

　　　　　　　　↓

続いてのボタンです。
赤丸部分のボタンは表 (枠) の設定をするボタンです。
HTMLで書くと、完成イメージが非常に分かりにくいのですが、これもボタン一発で楽チン操作です。

先程のテキストが書いてある部分は、(はじめに選択したところは)　実は表という設定になっていたのです。
この表はレイアウトの工夫をしたい時に便利です。
ボタン一発で表の新規追加や、行や列を追加・削除などできます。
好きな位置に好きなものを配置できるようになりますのでフル活用しましょう。

色々いじってボタンを覚えて下さい。

　　　　　　　　↓

続いてのボタンです。
赤丸部分のボタンで、ホームページビルダーに予め用意されているロゴやボタンをページに挿入できます。
青丸部分のボタンは、自分の写真などの画像ファイルをページに挿入できます。

(後は適当にいじって覚えて下さい。いやいや、説明書・ヘルプなどを見て下さい。)

　　　　　　　　↓

ページ作成は4ページあるので、ウィンドのメニューから他のページを選び
それぞれのページを自分の好きなように編集しましょう。

ソフトの使い方について、ホームページブルダーをお持ちの人は、説明書やヘルプをご参照下さい。
お持ちでない方は、、
テキストエディタで作るのに比べて、簡単に作っていけることが分かっていただけたでしょうか？
このソフトに限ったことではないですが、とても楽に作っていけると思いますので、
ホームページ作成ソフトはおすすめです。

次回は作ったページをネット上にＵＰして全世界に公開してみましょう。

コラム７-6-2へ　　　　　コラム７-6-4へ

目次へ戻る