簡単ホームページ作成講座（仮版） １１・１９ 辻 陽介
Word編 ⇒ Netscape
Composerも仕様ほぼ変わりません。
基本操作・よく使う操作
１．立ち上げる、ワードを起動します。
２．「ファイル」⇒「新規作成」⇒「白紙のWebページ」をクリック（Web編集モードになる）
３．文章を書く（文字・フォント・サイズ・色・罫線・表などワープロと同じ）
４．ブラウザでプレビューする。
「ファイル」⇒「ブラウザでプレビュー」
５．ＨＴＭＬを表示する。
「表示」⇒「ＨＴＭＬソース」
６．ファイルの保存
「ファイル」⇒「名前を付けて保存」⇒「ファイル名をつけて保存」ウインドウを開く。
※Webページを格納するフォルダをあらかじめ作っておくと便利。
※ファイル名は半角英数字で統一すること。一番初めのページはindex.htmlが妥当。
７．編集・新規作成
編集：「ファイル」⇒「開く」
新規作成：ツールバー左端（※初期設定時）、新規作成ツールをクリック。
飾り付け・応用編
１．タイトルロゴの作成（ワードアート）―
ページタイトル作成。
「挿入」⇒「図」⇒「ワードアート」
サイズ調整・編集…ロゴを左クリック、文字の周りに四角がでたら、マウスでポイント。→に変わったらドラッグします。右クリックで編集可能。
※もちろん普通の文章をサイズやフォントを工夫してタイトルにしてもよい。
２．画像の挿入
―
写真やイラスト、アニメーションを挿入
挿入したい位置にカーソルを移動し、「挿入」⇒「図」⇒「ファイルから」⇒「図の挿入」で、目的の画像を選ぶ。挿入ボタンクリックかダブルクリックで画像がカーソル位置に現れる。
サイズ調整・編集…ワードアートに同じ。編集は「表示」⇒「ツールバー」⇒「図」で、ツールバーが現れコントラスト、明暗、画像のレイアウト、文字の回りこみ、代わりに表示する文字列など設定可能。
※挿入した画像は作成ページと同じフォルダにコピー又は移動しておこう。
３．フレーム作成
―
メニューのついたページ、分割されたページ作成
①「書式」⇒「フレーム」⇒「新しいフレームの作成」⇒「新しいフレームの作成（左）」をクリック。
②
画面中央に枠線が現れる。それをマウスでドラッグし幅を調整する。
③
枠線を消したい場合は「書式」⇒「フレーム」⇒「フレームのプロパティ」をクリックし、「フレームのプロパティ」ダイアログボックスの「枠線」タブで「枠線なし」をチェックする。
④
目次となる（仮）ページを作成し、保存する。「フレーム名をつけて保存」⇒「ファイル名をつけて保存」
⑤
フレーム枠画面の保存。「ファイル」⇒「名前をつけて保存」⇒「ファイル名をつけて保存」
※フレーム作成の場合、追加したフレームに表示するファイルと、フレーム枠自体の構成を示すファイルが作成される。それぞれ名前をつけて保存しなければならない。
４．ハイパーリンクの設定
―
他のページへ飛びます。リンク。
自分のページにリンクする場合、あらかじめリンク先ページを作っておく。名前をつけフォルダに収納する。
①
リンク元（文字列なら対象文をドラッグ）を選択した状態で右クリック。「ハイパーリンク」⇒「ハイパーリンク挿入」ウインドウを開く。
②
リンク先ファイルを選択する、アドレスに選択したファイル名が表示。
③「対象フレーム」をクリックし、「対象フレーム設定」ウインドウでリンク先ファイルを表示させたいフレームを選択する（クリック）。「ＯＫ」をクリックすると設定完了。
５．ブックマークの設定
―
ページ内で対象へジャンプする
①
対象ページ、リンク先となる項目（ブックマーク先）を選択した状態で、「挿入」⇒「ブックマーク」で「ブックマークダイアログ」を開く。ブックマーク名を入力し、「追加」ボタンクリック。
②
リンク元項目を選択した状態で右クリック⇒「ハイパーリンク」⇒「ハイパーリンク挿入」ウインドウを開く。リンク先ファイルを選択するとアドレスに選択したファイル名が表示される。「対象フレーム」をクリックし「対象フレーム設定」ダイアログボックスでリンク先ファイルを表示させたいフレームを選択する。続いて「ブックマーク」をクリックし、「ドキュメント内場所の指定」ウインドウでリンク先「ブックマーク」を選択する。「ＯＫ」をクリックし、設定完了。
６．水平線の挿入
―
見やすく区切りましょう
水平線を設定する位置をクリック。「罫線」⇒「線種とページ罫線と網掛けの設定」⇒「罫線」⇒「水平線」をクリック⇒「水平線」ウインドウで任意の水平線を選択。
７．箇条書きの行頭文字の画像
―
行頭絵文字で飾り付け ・
「書式」⇒「箇条書きと段落番号」⇒「箇条書き」⇒「図」⇒「行頭絵文字」⇒「図」で任意の行頭絵文字を選ぶ。
役立つフリー素材サイト
Web Stylish! http://www.web-stylish.com/
ひまわりの小部屋 http://www.aikis.or.jp/~himafp/
月球儀工房 http://www.nyoro.com/factory/
もっと応用編
１．文字のスクロール
「表示」⇒「ツールバー」⇒「Webツール」⇒「スクロール文字」アイコン
「スクロール文字」ウインドウの「スクロールする文字列をここに入力してください」ボックスに、ス
クロールする文字列を入力する。必要に応じて、その他のオプションを選択する。
※マーキーの解除 ａ）マーキーを選択 ｂ）「編集」→「切り取り」
２．その他Webツール―チェックボックス、ドロップダウンメニュー、テキスト領域など
「表示」⇒「ツールバー」⇒「Webツール」より、各項目アイコンをクリックより。
３．ブラウザのバージョン設定
「ツール」→「オプション」→「全般」→「Webオプション」→「ブラウザ」タブで下記を確認する。
このWebページを参照するときに使用するブラウザがMicrosoft
Internet Explorer4.0、Netscape
Navigator4.0またはそれ以降’となっていること。オプションでこれらのブラウザがサポートしない機能はオフにする。にチェックマークがついていること。
４．掲示板、チャットをつける
ややこしいので略。CGI
（Ｃommon
Ｇateway
Ｉnterfaceの略）というホームページのタグから指定されたサーバーに置いてあるプログラムを実行して、その結果を処理する仕組みが必要。Perlなんかですね。
有料・無料でレンタルしているのでそこで登録、リンクを貼れば利用できる。Yahooなどでも提供。
レンタル掲示板・アクセスカウンターなど ＣＧＩ ＢＯＹ http://www.cgiboy.com/
※ワードにおける個人情報の問題―マイクロソフトのページでHTMLFilter
をダウンロード
ホームページ登録
今回はyahoo
JAPANに登録し、無料ホームページを作成します。
※ホームページをプロパイダへ登録するには、ＦＴＰソフトでファイルをアップロードします。このＦＴＰソフトを含め登録の際の細かい取り決めや登録の方法等が各プロバイダのホームページに記載されています。
（yahooではアップロードはファイルマネージャのページより行うので簡単です。）
アサヒネット http://www.asahi-net.or.jp/homepage/individual/win_ftp/index.htm
フリーのＦＴＰソフト、ＦＴＰソフト使ったアップロード方法等の記載があります
検索エンジンに登録
yahooの場合、ホームページ登録後ある程度は検索エンジン登録がついてくる。Yahooに載せる場合は審査が必要。登録代行サイト、コンピュータ登録制の検索サイトもあり、簡単なフォーム送信や会員登録で自動的に登録できる。サイト照会文やサイトの分野、キーワードなどを考えておくと利用しやすい。
登録代行サイト：さぶみっとJAPAN http://www.e-365.com/ 無料版あり（１２サイトgoogle もあり便利）
著作権に関する注意
著作権について
―
Copyright (C) 2002 tougarashi All rights reserved などというように基本的にホームページの著作権は作成者に属し、また取り扱う内容に関しても気をつけなければならない。もし歌手の写真などを使う場合は商業利用でなくとも一言、「著作権・肖像権は本人に属し、当方の掲載によって権利を侵害する場合は削除します」のような内容は載せておくべきだろう。また、自身のページにも転載禁止などと明示すべき。
フリー素材
―
自分のホームページでそのまま使ってもOK。ただし、著作権は放棄してないので自分のホームページで再配布したり、画像を利用してお金を儲けたりするのはダメ。また直リンクは絶対にしないように。
ネチケットについて―ネチケットホームページhttp://www.cgh.ed.jp/netiquette/
基本的に個人のページではそこまで深く考えなくても大丈夫。ただ、オンラインに公開する、ということは誰からでも見られる可能性があるということを理解して作成してください。
２００３年１１月１９日 辻 陽介
