FrontPage ExpressによるHP作成講座
即席のページなのでちょっと不備な点もあります。
Lesson1 保存方法
新しく書いた文章を保存する場合、またはヘッドタイトル(ブラウザの一番左上の文字)を変更する場合は、名前を付けて保存にします。その時に、ページタイトルと場所の二つの入力項目がありますよね。上のほうはヘッドタイトルになります。下(場所)はページの場所で最後に.htmってのがあるでしょ。その前のところ(/から.htmの間)を好きな名前(半角英数)に変えて下さい。
それが、ファイル名にもなります。
一度書いた文章を開いて内容を変更した場合は上書き保存でかまいません。作業が一段落したごとに保存すると良いでしょう。
注)HPにつかうファイルはすべて同一のフォルダにしまってください。それから作業しましょう
Lesson2 HP完成までの手順
手順といってもFrontPage Expressを使ってHPを完成させる手順です。これをやったからといってweb上で見れるわけではありません。
0.画像をインターネット上で集めてくる。(ホームページ素材でかなりヒットします)
1.トップのページを書く(必ず名前を付けて保存する時にindex.htmにすること)
2.他のページを書く(お好きなページを書いてください)
3.トップページに作ったmenu(例えば自己紹介など)から、それぞれのページにハイパーリンクさせる。
4.保存先からindexというファイルを立ち上げて、動作確認する。
これで、しっかり動けば完成です。後はサーバーにアップロードしましょう(FTP接続)
Lesson3 機能を使う
このソフトの機能の一部を紹介しましょう。
「編集」
ブックマーク・・・同一のページ内で飛ぶ時に使う。例は私のページの用語集参照
ハイパーリンク・・必ず使う機能です。ちょっと詳しく以下↓
ハイパーリンクボタン(地球のマーク?)を選択すると開いてるページ・WWW・新しいページの三つのタブが表れます。通常は開いてるページで設定します。ハイパーリンク元を範囲指定し、ハイパーリンクを選択、リンク先をしていするといった手順でやって行きます。当然、リンク先のファイルも開いておかなければなりません。WWWを使うのはレンタル掲示板やメーラーにリンクする時です。レンタルものの場合は、ボックスのhttp:の後に任意のURLをいれてください。メーラーは選択ボックスでmailto:を選択してから、あなたのアドレスを入れます。
「挿入」
改行・・このページを見て分かる通り列と列の間が離れているものとそうでないものがあります ね。離したくない場合は改行を選択します。
水平線・・・HPで良く見られるこれ↓です
右クリックして水平線のプロパティで幅などを変更できます。
マーキー・・・流れる文字で3種類あります。ずっとスクロールするもの、端まで行って止まるもの、おり返してくるもの。コツとしてスクロールさせたい文章を書いた後、範囲を選択して挿入→マーキーを選ぶと良いでしょう。
画像を貼りつける
バーに黄色い四角の中に山と月?が書かれてるボタンがありますよね。これが、画像を貼りつけるためのボタンです。ボタンを押して、読みこみたい画像を開きましょう。画像自体は、ネット上などでフリー素材をダウンロードしましょう。ロゴやバナーは自分で作るか、作ってもらうか。ちなみに、簡単なものですが、私も依頼に応じて作成します(無料)。
あと、基本として書式の中の背景です。これによって背景色または背景に画像の選択が出来ます。操作はMicrosoft Word と似ているのですぐになれると思います。
アンケーフォームを作る
挿入→フォームフィールドで作ります
これらの材料を使ってフォームを作ります。
しかし、これだけではまだです。HTMLを直接書きこまなければならないのです。このように
<form action="mailto:あなたのE-mailアドレス" method="POST">
<>は半角になおしてください。
このフォームで送信されたデータはメールで届きますが読むことは出来ません。読むためにはClipdecoderをダウンロードしましょう。これで完了です。例はこのHPの質問投稿フォームです。
この他に、知りたい機能などがありましたら、お手数ですが質問投稿フォームから投稿して下さい。ちなみに、このHPはすべてFrontPageで作っています。