ホームページビルダー　初級講座　 　Room110　 　第4回

表組みの中に文字を入力する。　画像を入れる。

第２回で作ったファイルを呼び出し、文字を入れます。 　また、枠を広げたり、狭めたり、画像を入れたりします。

１．　第３回　保存した　lesson1.html　を呼び出してください。

下の図のような、升目ができています。

２．升目の中にマウスカーソルを入れクリックすると、下図のようになります。
　 　　　　　

３．ここで文字を入れます。文字を入れるたびに枠幅が広がってくるでしょう。
　　例えば、下のように・・・。

どんどん入力してください。別のサイトからコピーした文章、ワープロなどで既に作た文章を、範囲指定してコーピーしていいのです。 改行はＥｎｔｅｒキーで、ワープロと同じです。 この枠が、一枚の用紙というイメージです。ただし、縦横伸び縮みする用紙です。

４．上の図で、右の枠が空白になっています。　ここは、アイコンを入れることにして、少し狭く（文字枠を広く）しましょう。

文字入力された枠を広げ、右側の枠を狭くします
	文字枠内をクリックすると左図のように ８つのポイントマークが現れます。 図中の矢印位置にカーソルを近づけると ←→に変わります。この状態で、右に ドラッグします。 どう？広がったでしょう！。

５．下図のように出来ました。画像（アイコン）は、gifファイルをコピーアンドペースト　または　ドラッグアンドドロップです。

文章を入れる	アイコン
どんどん入力してください。別のサイトからコピーした文章、ワープロなどで既に作た文章を、範囲指定してコーピーしていいのです。 改行はＥｎｔｅｒキーで、ワープロと同じです。 この枠が、一枚の用紙というイメージです。ただし、縦横伸び縮みする用紙です。

６．枠線が気になります。枠線表示をしないようにしましょう。

（１）表の枠内にマウスカーソルを移動します。 （２）マウスをボタンを右クリックします。右図の画面がポップアップします。 （３）表の枠を非表示を選択します。

７．このようになります。

文章を入れる	アイコン
どんどん入力してください。別のサイトからコピーした文章、ワープロなどで既に作た文章を、範囲指定してコーピーしていいのです。 改行はＥｎｔｅｒキーで、ワープロと同じです。 この枠が、一枚の用紙というイメージです。ただし、縦横伸び縮みする用紙です。

８．作った作品は保存しましょう。サイト[lesson1]の中に[lesson4.html]　という名前で保存しましょう。

　　　画像が一つ入ってきたので、同じサイトにその画像を保存する画面がでます。

　　　保存ボタンを押してください。

　　

これで第４回は終わりです。

	back to  room 110 top	goto e-school top