ホームページ・ビルダーでWEBサイトを作ろう

トップページ「index.htm」を作成してみましょう。

１，ページのタイトルをつける。

メニューバー→【編集】→【ページの属性】
属性のダイヤルログから【ページ情報】ページタイトルを入力

２，背景や文字色を決める。

【背景/文字情報】 から背景を決めます。

・お好みの背景画像がある場合は参照ボタンをクリックして決める。
事前に好きな背景画像をホームページのフォルダ内のimagesフォルダに保存しておく。

または

・【カラーギャラリー】のボタンをクリックしてみましょう。この中から選択。

あるいは、ご自分なりに細かく決めるのも楽しいです。

または、ナビメニューの【素材】から【背景素材】目的の背景画像の上でＷクリック。ページ編集画面へドラッグ。

一度決めてもページの属性で変更も可能です。

ここまでで一度、上書き保存してみましょう。

３，文字の挿入

タイトルロゴは、後で作成するので一番はじめのカーソルの位置にタイトル「長崎の空」の文字を挿入。

文字を続けて同じ段落で挿入したい場合は「Enter」キーで改行します。

今回は、別の段落にしたいので
「Shift」キーを押しながら「Enter」キーを。

ようこそ〜〜〜とサイトの説明文を入れてもいいですね。

 

文字の変更

変更させたい文字をドラッグし、メニューバーの 「書式」→「フォント」→「フォントの属性」でフォントの色や書体、斜体、フォントの大きさ等を変更します。

４，表の挿入

段落が別になったところで、メニューバーの 【表】→【表の挿入】をクリック

表のサイズは４行３列

表の属性はチェックを外します。

表の枠を表示したい場合は、チェックをつけてください。

下の【ＯＫ】ボタンをクリックすると表が挿入されました。

表のセルの中でクリックし、カーソルを表示。セルの中に文字や画像を挿入することができます。

１列目に画像・アイコンの挿入

ナビメニューの【素材】から【画像】【イラスト】を選択するとホームページ・ビルダーの中には多くのアイコン素材がありますのでお気に入りアイコンをセルの上にドラッグするだけで挿入されます。

２列目に文字の挿入

セルをクリックするとカーソルが出てくるのでそのまま、文字を挿入していきます。
文字のサイズ等の変更は、上のツールバーからワープロソフトのような感覚で変更。または変更したい文字をドラッグして変更したい文字の上で右クリック「属性の変更」でフォントを変更。

３列目のセルの結合

３列目のセル全部をドラッグすると、反転します（選択されました）その上で右クリック【選択セルの結合】をクリック。

または、のツールバーよりセルの結合を選ぶ。

３列目が一つのセルになりました。そこに「images」フォルダに用意した画像を挿入することもできます。事前に画像はサイズ変更等をしておく。

メニューバー→【挿入】→【画像ファイル】→【ファイルから】
または、ナビメニュー→【フォルダ】→imagesフォルダのファイルを指定

表の属性の変更

・表の上で右クリック【属性の変更】をクリック。
【表のタブ】で【レイアウト】位置揃えは、中央。表の幅は８００ピクセル。【表の背景色】白に変更してみました。
罫線の幅を６ピクセル。セル内の余白を５ピクセル。

セルにお好きな色も設定できます。
１と２の列のみ選択し、右クリック属性の変更でセルに色を設定してみました。

また「ようこそ」と文字を表の下に挿入してサイトの説明文を加えてもいいですね。

５，ページの保存

一度保存しているので、【ファイル】→【上書き保存】を選択、【素材ファイルをコピーして保存】と表示される

１，ここで日本語ファイル名のファイルが無いかチェックし、もしあったらそのファイルを選択し、ファイル名を半角英数字に変更。【変更したいファイルを選択し、下の選択項目の変更でファイル名を変更します。】

２，画像ファイルを全部選択

３，参照ボタンをクリック 。

保存先フォルダの選択が表示されるので、画像の保存先フォルダを確認して、このときimagesフォルダが開いているのを確認しましょう。そしてＯＫボタン。

４，【素材ファイルをコピーして保存】で保存ボタンをクリック

トップページが最新になりました。

同じような要領で「リンク集のページ」「プロフィールのページ」を作成してみましょう。各ページの最後にはトップへ戻るための「HOME」「TOP」「ホームへ戻る」等の文字か、または、アイコンを挿入しておきます。

リンク集のページ

１，【ファイル】→【標準モードで新規作成】
２，【編集】→【ページの属性】
　　　 →ページのタイトルをつける（例　長崎の空＞リンク集）
　　　 →背景・文字色等を決める。ここで一度ページを保存。「link.htm」
３，表を挿入
　　　 → お気に入りのホームページやお友達のホームページのタイトルを記入。説明文もいれてみる。
４，ページの一番下に 「HOME」「TOP」「ホームへ戻る」等の文字か、または、アイコンを挿入

プロフィールのページ

１，【ファイル】→【標準モードで新規作成】
２，【編集】→【ページの属性】
　　　　 →ページのタイトルをつける（例　長崎の空＞プロフィール）
　　　　 →背景・文字色等を決める。ここで一度ページを保存。「me.htm」
３，表を挿入

簡単にこのホームページを作っている人の紹介をします。

４，ページの一番下に 「HOME」「TOP」「ホームへ戻る」等の文字か、または、アイコンを挿入

それぞれ保存したらツールバーのInternetExplorerの起動ボタンをクリック。

ＩＥで見たときのホームページを確認しましょう。

プレビュータブでも確認できますが画面が狭いのでＩＥボタンがお勧めです。

変更したいところが出てきた時は、ホームページ・ビルダーの場合、そこを選択し、右クリック【属性の変更】で対応します。

次へ（リンクの設定）

▲↑へ