| ホームページのトップページを作成 | |
 |
先ほどまで使っていたページをとりあえず白紙に戻しましょう。 普通にページ編集で削除してください。 |
 |
まず背景を指定します。 今回はオレンジぽい色を選択しました。 他の部分はデフォルトで進めます。 好みの色があれば自由に変更してください。 |
 |
タイトルを入れて文字を大きくしました。 Bタグを使って少し太くして強調しました。 センタリングを行い、文字色も変化させました。 |
 |
少し見づらいですがソースはこんな感じです。 <p align="center"><FONT size+2 color="#ff0033"><B> これだけのタグを使っています。 |
 |
タイトル部を強調するためにラインを入れてみました。 水平線と呼ばれるものです。 <HR>タグを使います。 |
 |
□部分を押せば簡単に挿入出来ます。 |
 |
一つ段差を付けて かおるのプロフィールと簡単ホームページ作成と入力しました。 エンターキーで段差が入ります<BR>タグ かおる…と簡単の間に段差が入ってしまう場合は SHIFTキー+エンターキーで回避出来ます。 文字を中央にセンタリングしています。 これにリンクをはってページを追加します。 |
 |
まずはかおるのプロフィールにリンクをはります。 ファイル名はkaoru-pro.htmにしました。 同じように簡単ホームページ作成にもリンクをはります。 |
 |
簡単ホームページ作成にもリンクをはりました。 ファイル名はkantan.htmにしました。 これでトップページ以外にサブページが２ページ追加されました。 次にメールアイコンを埋め込んでみましょう。 サンプル素材を使います。 |
 |
ナビメニューから画像ファイルの挿入を選択します。 素材集からメールアイコンを選択してはりつけます。 |
 |
段差を付けてメールアイコンを埋め込みました。 センタリングをして中央にもってきました。 このメールアイコンからメールを送信できるようにします。 リンクのさせかたはページリンクと同じです。 |
 |
ページリンクと違う部分がわかりますか？ 単にファイルがメールに変わっているだけです。 宛先には自分のメールアドレスを 件名は送信されてくるときのものです。 ちなみに…このメールアドレスは本物なのでいたずら禁止です。 これで簡単すぎますがトップページは終了です。 |
 |
ブラウザでチェックしてみましょう。 左の画像のように表示されましたね？ 試しにリンクをクリックしてみてください。 かおるのプロフィールも簡単…も ページが存在していないのでエラーになります。 メールアイコンだけは使えると思います。 次はサブページを作ります。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |