直接入力するか，使い慣れたワープロを利用して入力された文章を 貼り付けます。
（編集／コピー／貼り付け）

ツールバー

1)タイトルの文字の大きさを変更する。

文字を選択して，ツールバーの左端のスタイルの▼をｸﾘｯｸし見出し１等を選ぶ。

2)文字の色を変える。

文字を選択して，ツールバーの真ん中へんの"テキストの色"のアイコンをｸﾘｯｸして色を選ぶ。

基本色以外は色の作成から選ぶ。
（色の作成／色合いを選び／色の明るさを指定）

3)フォントとフォントサイズを変える。

文字を選択して，メニューバーの書式／フォント／フォントプロパティ画面が表示される
フォントとフォントサイズを選ぶ。

4)文字の配置を変える。

文字を選択して，ツールバーの左詰め,中央,右詰めのアイコンから指定します。

5)太文字に変える。

文字を選択して，ツールバーの真ん中へんのＢをｸﾘｯｸする。
（Ｂを解除するにはもう１度ｸﾘｯｸする）

6)文章を途中で改行する。

・行間を空ける改行はﾘﾀﾝｷｰ
・行間を空けない改行はShift＋ﾘﾀﾝｷｰを押すことで入力します

7)文字列のレイアウトを保護するには

メニューバー／挿入／HTMLマークアップ／＜PRE＞タグをと入力し／Ｏ．Ｋ．

改行やインデントを使って入力した文章のレイアウトは，表示するブラウザによって正しく 表示されない場合があります。＜PRE＞タグを使うことでレイアウトを保護し期待通りの 表示が出来るようになります。

６．インデントと箇条書きを設定する。

インデントとは，行頭の位置をずらすことで，引用文や箇条書きをわかりやすくする機能です。

1)インデントを設定する。

インデントを設定するには段落にカーソルを置きツールバーの右端のインデントボタンを
ｸﾘｯｸするとｸﾘｯｸの回数分だけ右へインデントされます。

ａ）インデントを解除するには

ツールバーの右端から２番目のインデント解除 ボタンをｸﾘｯｸするとｸﾘｯｸの回数分だけインデントが 解除されます。

2)箇条書を設定する。

ａ）行頭記号付き箇条書を設定するには

ツールバーの右端から３番目の行頭記号付き 箇条書きボタンをｸﾘｯｸすると右に
インデントされ，段落の頭に記号がつきます。

ｂ）行頭記号付き箇条書きを解除するには

行頭記号付き箇条書きボタンを再度ｸﾘｯｸすると，箇条書きが 解除されます。

ｃ）番号付き箇条書きの設定するには

ツールバーの右端から４番目の番号付き箇条書 きボタンをｸﾘｯｸすると番号の付いた箇条書きを設定 できます。

７．水平線の挿入。

メニューバーの挿入／水平線とｸﾘｯｸすると線が表示されます。

ａ）線の高さ，配置，色等を変えるには，
　水平線上で右ｸﾘｯｸすると水平線のプロパティ画面が表示されますから
　高さ，配置，色等を指定しO.K.をｸﾘｯｸする。

ｂ）線を削除するには,まず線をｸﾘｯｸしＤＥＬキーを押す。

８．文字を点滅させる。

ａ）点滅させる文字列の先頭にカーソルを移動し（E-mailはこちらまでお願いします）
　こちらを点滅させる場合， こちらのこの前のカーソルを移動し

ｂ）メニューバー／挿入／HTMLマークアップ／＜ＢＬＩＮＫ＞と入力し／Ｏ．Ｋ．

ｃ）点滅をやめる文字列の先頭にカーソルを移動し，こちらのらの後にカーソルを移動
　再度／挿入／HTMLマークアップ／＜／ＢＬＩＮＫ＞と入力し／Ｏ．Ｋ．

９．流れる文字を挿入する。

メニューバーの挿入／マーキーとｸﾘｯｸするとマーキーのプロパティ画面が表示されます。
テキスト欄に表示する文字を入力し／Ｏ．Ｋ．

ａ）マーキーの動作を指定するには

　・マーキー上で文字をどのように流せるか次の３通りを選択できます。
　　スクロール･･･右から左，左から右に流れる文字を表示する。
　　スライド･･････左端，または右端で文字が停止する。
　　交互･････････文字の流れる方向を交互に切り替える。

b）マーキーの表示速度を変更するには

　・停止時間　　表示速度はﾐﾘｾｺﾝﾄﾞで指定します（一時停止する速度を１秒に
　　　　　　　　　　設定するには停止時間を「1000」に設定します）。

　・移動する量の単位はﾋﾟｸｾﾙになります。

　・なお，Netscapeではマーキーはサポートされていません。

１０．画像を挿入する。

ツールバー

Webページに挿入することが出来る画像はJPEG形式かGIF形式のフアイルです。

1)画像を挿入する。

ａ）ツールバーの真ん中あたりの”画像の挿入”アイコンを選択すると画像の画面が
　　表示されます。
ｂ）参照をｸﾘｯｸ／ﾌｱｲﾙの場所,ﾌｱｲﾙ名を指定し／開くをｸﾘｯｸ

2)画像の大きさを決める。

挿入された画像をｸﾘｯｸすると枠が表示されますから，枠を ドラッグして画面を拡大縮小します。

3)画像を編集する。

画像を右ｸﾘｯｸすると画像のプロパティ画面が表示されます／外観タグを選択。

ａ）文字列の配置をするには

　　画像のプロパティ画面の配置欄の▼をｸﾘｯｸし上，下，中央と指定します。

ｂ）画像の大きさを指定するには

　　2)で指定しましたが，画像のプロパティ画面のサイズの所でも指定できます。

ｃ）画面の周りの空白を指定するには

　　プロパティ画面の横の間隔，縦の間隔で指定し画像の周りに余白を入れます。

d）画像の位置を指定するには

　　プロパティ画面の配置欄の▼をｸﾘｯｸし中央，右。

１１．ハイパーリンクを設定する。

1)入力済みの文字にリンクを設定する。

リンクを設定する文字を選択し
ツールバーの真ん中あたりの"ハイパーリンクの作成"ボタンをｸﾘｯｸするとリンクの
プロパティ画面が表示される。
その中の開いているページを選び（リンクするページを開いておく）／リンクするページを指定／Ｏ．Ｋ．を押す。

2)ULRをリンク先に指定する。

リンクのWWWを選び／ULR欄にULRを入力し／Ｏ．Ｋ．

3)設定したリンクを後から変更,削除するには

リンクを設定した文字の所で右ｸﾘｯｸ／リンクのプロパティをｸﾘｯｸ／
リンクのプロパティ画面が表示されます／リンクの設定を変更し／Ｏ．Ｋ．
また，リンクの削除の場合はリンクの設定欄を削除し／Ｏ．Ｋ．

１２．背景を設定する。

1)背景に色を配置する場合

ツールバーのファイル／ページプのロパティ／ページプロパティ画面の背景をｸﾘｯｸ。
背景の▼から色を指定します。

2)背景に画像を配置する場合

ページプロパティ画面の背景画像欄をONにし／参照をｸﾘｯｸ／ﾌｱｲﾙの場所,ﾌｱｲﾙ名を指定し／
開く／ Ｏ．Ｋ．ボタンを押す。

3)リンクの文字の変更

ページのプロパティ画面のハイパーリンク，表示済みのリンクの色等を変更できます。

メニューバーの挿入／バックグラウンドサウンド／参照をｸﾘｯｸ／ﾌｱｲﾙの場所,ﾌｱｲﾙ名を指定し／開く

ａ）再生回数を設定するには

　　ファイル／ページプロパティ／ページプロパティ画面の／全般を選択／
　　再生回数を入力／O.K.

ｂ）バックグラウンドサウンドを削除するには

　　ページプロパティ画面の／全般を選択／バックグラウンドサウンドの
　　場所の所の「000.wav」を削除し／O.K.

ｃ）挿入できるサウンドファイル

　　・WAV　Windows標準のサウンドファイル。
　　・MID　MIDI規格のサウンドファイル。
　　・AU　 UNIX標準のサウンドファイル。
　　・AIF　Macintosh標準のサウンドファイル。

1)表を挿入する。

メニューバーの表／表の挿入／表のプロパティ画面が表示されます。

ａ）表を何行，何列にするかを指定するには
　　行,列欄に数字を入力する。

ｂ）表の幅をかえるには
　　幅の指定欄で指定します。

ｃ）作成後の表に行，列を追加
　　メニューバーの表／行または列の挿入／指定します。

ｄ）表を削除するには
　　表にカーソルを置いて／メニューバーの表／表の選択／DELキー

2)表の書式を変更する。

ａ）表を中央や右に配置するには
　　表を右ｸﾘｯｸ／表のプロパティ／表のプロパティ画面が表示されます
　　レィアウトの配置から左，中央，右を指定します。

ｂ）枠線の幅，セルの間隔・余白を設定するには
　　表のプロパティ画面／レィアウトの外枠のサイズ、セル内のスペース，
　　罫線のサイズを指定します。

　　下図のような関係になっています。

ｃ）表の背景色を設定するには

　　表のプロパティ画面の背景色の▼をｸﾘｯｸし色を選択します。

ホームページの読者からご意見や感想等をもらいやすくするために ，入力してもらう枠とメール送信用のボタンを作って見ましょう。

1)範囲枠，送信用のボタンを作る。

ａ）作成する位置にカーソルを置き／ツールバーのスクロールテキストボックスをｸﾘｯｸ／
　　テキスト入力枠が表示されます。

ｂ）テキスト入力枠をｸﾘｯｸ／スクロールボタンをドラッグしボックスの大きさを変更する。

ｃ）スクロールテキストボックスに入力されたテキストを送信するための ボタンをつくります。

　　枠の下をｸﾘｯｸしボタンを設置する場所を指定／ツールバーのプッシュボタンをｸﾘｯｸ

ｄ）送信ボタンが押された時の動作を設定します。

　　送信ボタンの横で右ｸﾘｯｸ／フォームのプロパティ／フォームのプロパティ画面が
　　表示されます／設定／アクションの欄に自分のメールアドレスを入力／O.K.

2)クリアボタンを作る。

スクロールテキストボックスに入力されたテキストを消去するためのボタンです。

ａ）作成する列にカーソルを置き（送信ボタンの横）／ツールバーのプッシュボタンをｸﾘｯｸ

ｂ）追加されたボタン上で右ｸﾘｯｸ／フォームフィールドのプロパティ／
　　フォームフィールドのプロパティ画面が表示されます。

ｃ）ボタンの種類を設定します／設定／リセットをONにし／O.K.

3)フォームの説明文を入れる。

今回は「ご意見，感想等を入力し送信ボタンをクリックして下さい」と入力します。

以上の設定により，送信ボタンが押されると読者からのメールが 自動的に送信されます。

１６．HTMLを直接編集する。

FrontPage Expressで対応できないタグがあります，その場合は直接入力できます。

例えばフレーム機能を使う場合

メニューバー／表示／ＨＴＭＬ／ＨＴＭＬソースが表示されます／ 直接タグを挿入／ソースを閉じる／保存

メニューバーの／ファイル／名前を付けて保存／ページタイトルを入力／
ファイルとして保存／場所の指定,ﾌｱｲﾙ名を入力して／保存を押す

ホームページをプロバイダーに登録する時，ちょっと手数ですが大変重要な点なので忘れないで下さい。

ａ）メニューバーの／表示／ＨＴＭＬ／ＨＴＭＬのソースが表示されます。

ｂ）FontPage Express では，画像，サウンド等のファイルを挿入したり，リンクを設定すると
　　例えばfile:///C:/image/ICON.gifとかfile:///C:/ＨＰ/welcome.htmという
　　記述が挿入されています。
　　このままインターネット上に登録するとプロバイダーのWWWサーバーには
　　file：Ｃは存在しないので画像が表示されないという問題が発生します。

ｃ）そこでこれらの記述をすべて削除してください。

　　＜img　src="file:///c:/image/ICON.gif"＞→＜img　src="ICON.gif"＞
　　＜a href="file:///c:/ＨＰ/Welcome.htm"＞→＜a href="Welcome.htm"＞
　　となります。

ｄ）修正後／上書き保存

１９．先頭ページを作成する。

1)文章を入力する。

ａ）もととなる文章を入力する。

　　WELCOME TO My Homepage
　　ようこそ私のホームページへ！
　　コナラの道
　　ＭＥＮＵ
　　プロフィール
　　ギャラリｰ
　　メールはこちらまでお願いします。

2)編集をする。

ａ）タイトルの設定。

　　WELCOME TO My Homepageを選択しスタイルの
　　見出し１を選択する。

ｂ）文字編集をする。

　　ようこそ私のホームページへ！を選択しフォントをＭＳ明朝を選び，フォントサイズ
　　は14，カラーは紺，さらに太文字Ｂを選ぶ。

　　５．3)フォントとフォントサイズを変えるを参照。

ｃ）中央揃えを設定する。

　　WELCOME TO My Homepage〜ようこそ私のホームページへ！までを
　　を選択しツールバーの配置ﾎﾞﾀﾝ中央をｸﾘｯｸする。

ｄ）水平線を入れる。

　　ようこそ私のホームページへ！の次の行にカーソル置き／挿入／水平線。

ｅ）画像を挿入する。

　　今回の場合は画像挿入位置にカーソルを置き"ten.jpg"を選択し中央に配置します。

ｆ）次にコナラの道とＭＥＮＵの書式を設定する。

　　・コナラの道を選びフオントサイズ=12,カラー=ｵﾚﾝｼﾞ太文字と指定し配置を中央にする。
　　・さらに，コナラの道を点滅文字にする。
　　　挿入／HTMLマークアップ／コの前にカーソルをおき＜BLINK＞／
　　　道の後にカーソルをおき＜/BLINK＞と入力し／O.K.

　　・ＭＥＮＵを選びフオントサイズ=12,カラー=紺，太文字と指定する。

ｇ）箇条書の設定。

　　プロフィール，ギャラリーを選択し行頭文字付き箇条書きボタンをｸﾘｯｸする。

ｈ）メールはここまでお願いしますを太文字に変える。

　　ツールバーのＢをｸﾘｯｸする。（Ｂを解除するにはもう１度ｸﾘｯｸする）

ｉ）リンク先を設定する。

　　リンクする文字プロフィールを選び
　　ツールバーのリンクボタンをｸﾘｯｸするとリンクのプロパティ画面が表示されます。
　　リンク先欄のﾌｱｲﾙ選択をｸﾘｯｸ／ﾌｱｲﾙ場所,ﾌｱｲﾙ名profile.htmとし／開く／O.K.
　　次はギャラリーを選択しgallary.htmにりンクします。

ｊ）電子メールアドレスをリンク先に指定する。

　　メールはこちらまでお願いします。から[こちらまで]を選択しリンクボタンをｸﾘｯｸ／
　　リンク先にmailto:電子メールアドレスを入力します。

ｋ）先頭ページを保存するする。

　　メニューバーのファイル／名前を付けて保存／ファイルとして保存／
　　場所の指定,ﾌｱｲﾙ名（今回はwelcome.htmとします）を入力して／保存を押す。

　　（注）表紙はindex.html（今回はwelcome.htmとしました）が一般的ですが，
　　　　　プロバイダーによっては指定がある場合があります，確認して下さい。

1)プロフィールのページ

ａ）文字プロフィールを入力。

　　スタイル=見出し２,文字色=濃ｸﾞﾘｰﾝを指定センターリングする。

ｂ）プロフィールの内容を表示する表を作成する。

　　表を作成，文字入力（なまえ　×××，ねんれい　×××
　　せいざ　×××，すまい　×××，しゅみ　×××）
　　表をセンターリングし， 表の中を黄色で塗りつぶす。
　　14．表を作成するを参照。

ｃ）先頭ページに戻るためのリンクを設定する。

　　ホームページに戻ると入力しリンクを張る。
　　11．リンクを設定するを参照。

ｄ）ページを保存する（今回はprofile.htmとします）。

2)ギャラリーのページ

ａ）背景色（水色）を設定する。
　　12．背景を設定するを参照。

ｂ）文字ギャラリーを入力。

　　文字サイズ=20,文字色=紺，太字を指定する。

ｃ）水平線を挿入する（今回は高さ=3に設定）。

　　７．水平線の挿入を参照。

ｄ）文字私の住んでる町ーー横浜市金沢区を入力。

　　文字サイズ=12,文字色=紺，太字を指定する。
　　さらに，流れる文字にする。
　　９．流れる文字を挿入を参照。

ｅ）画像を挿入する。

　　今回の画像は"nagaha6.jpg"を使います。
　　10．画像を挿入するを参照。

ｆ）ページを保存するする（今回はgallary.htmとします）。

　　17．Webページを保存を参照。