━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光    ┏ ┏┏ ホームページ楽々講座 NO.001 2002.06.20    ┏┏ ┏ Home Page : http://www.salty1.com/      ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  創刊号の発行にあたり、ご購読登録をしてくださった皆様に心からお礼を 申し上げます。  このマガジンは等幅フォント「MS ゴシック」で表示してご覧ください。 「ツール」→「オプション」とクリック、→「読み取り」タブを開き、→ 「フォント」ボタンをクリック、→「プロポーショナルフォント」と「固定 ピッチフォント」の両方を「MS ゴシック」にして、 →「OK」ボタンを クリックします。  この講座では、メモ帳にタグを入力する方法でホームページを作りますか ら、ホームページビルダーなどのソフトは不要です。  「タグ入力で作るなんて難しそうだなあ」と思われるかもしてませんが、 実はこれが意外と簡単なのです。ソフトで作るにしても、そのソフトの使い 方を覚えなくてはなりませんね。タグを覚えるのにも、その程度のご努力は お願いいたします。 【タグ入力の準備】  では、ホームページ作成の準備をしましょう。と言っても、ホームページ 用のフォルダを作り、メモ帳を起動するだけです。 A.「スタート」ボタンを右クリック、→表示されるメニューの「エクスプロ  ーラ」をクリックして起動します。 B.エクスプローラの左欄で、任意のドライブ、またはフォルダをクリックし  て選択、→メニューバーの「ファイル」→「新規作成」→「フォルダ」と  クリックします。 C.エクスプローラの右欄下に「新しいフォルダ」が作成されたら、適当なフ  ォルダ名に変更します。ここでは「homepage」としておきましょう。 D.メモ帳を起動しましょう。「スタート」→「プログラム」→「アクセサリ」  →「メモ帳」とクリックですよ。  でも、これからは頻繁にメモ帳を起動しなくてはなりませんから、毎回こ  んな面倒なことはやっていられませんね。デスクトップにメモ帳のショー  トカットを作っておきましょう。 E.上記の手順で「アクセサリ」のサブメニューを表示、→「メモ帳」をマウ  スの右ボタンでデスクトップへドラッグ&ドロップします。→メニューが  表示されますから、その中の「ここにコピー」をクリックします。  デスクトップにショートカットができましたね。マウスの左ボタンでドラ  ッグ&ドロップすると「移動」になり、「アクセサリ」のサブメニューか  ら消えてしまいますからご注意ください。 F.デスクトップの「メモ帳」のショートカットアイコンをダブルクリックし  てメモ帳を起動します。 G.下記の から までをメモ帳に入力します。 【HTMLの基本形】 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ My Homepage わたしのホームページ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  入力をするのが面倒なら、 から までをコピー&ペースト  してもOKですよ。  1.ドラッグして選択(反転)、→メニューバーの「編集」→「コピー」と   クリックします。   選択した上でマウスの右ボタンをクリック、→「コピー」をクリックし   てもOKです。  2.メモ帳のメニューバーの「編集」→「貼り付け」とクリックします。   こちらもメモ帳の入力部をクリック、→マウスの右ボタンをクリック、   →「貼り付け」をクリックしてもOKです。 ■「構造タグ」は HTML で記述された文書には必ず付けなければならないも  のです。下記のように文書の構造を定義します。       (HTML で記述されることを宣言します)  〜 (〜の部分に文書の情報などを記述します)  〜 (〜の部分に実際に画面に表示される内容を記述します)       (HTML の記述が終わることを宣言します) ■「HTML」は「Hyper Text Markup Language」の略語で、「タグ」(括弧<>  の部分)を使って構造や修飾情報などを追加し、それらをコンピューター  (「Internet Explorer」や「Netscape Navigator」 などのブラウザ)が  読み込めるようにする働きをします。 ■「タグ」は半角で記述しなければなりませんが、大文字・小文字の区別は  ありません。 ただし、URL・フォルダ名・ファイル名などは区別しますか  ら、正確に記述してください。 ■「タグ」は通常「開始タグ」と「終了タグ」が対になっており、画面に表  示する内容を囲む形で記述します。 ただし「IMG」や「BR」などのように  「開始タグ」だけのものもあります。「開始タグ」の後には属性を記述し  ます。 H.入力が完了したら、メニューバーの「ファイル」→「名前を付けて保存」  とクリックします。→「名前を付けて保存」ダイアログが表示されます。 I.「ファイル名」欄に「"index.html"」と入力(前後のダブルクォーテーシ  ョンを忘れずに)、→「保存する場所」は先に作成しておいた「homepage」  フォルダを指定、→「保存」ボタンをクリックします。→メモ帳を閉じま  す。  「ファイルの種類」欄を「すべてのファイル」にしておけば、前後のダブ  ルクォーテーションは不要です。 J.「homepage」フォルダを開き、→「index.html」ファイルをダブルクリッ  クします。黒い文字で「わたしのホームページ」と表示されましたね。 K.メニューバーの「表示」→「ソース」とクリックしてください。メモ帳に  入力したソースが表示されましたね。 L.「わたしのホームページ」の文字列を「あなたのホームページ」と変更、  →メモ帳の右上の「×」をクリック、→「変更を保存しますか?」と表示  されたら「はい」ボタンをクリックします。これで、変更が上書き保存さ  れます。 M.ツールバーの「更新」アイコンをクリックします。「あなたのホームペー  ジ」に変わりましたね。同じようにして「わたしのホームページ」に戻し  ておいてください。  このようにして修正を繰り返し、満足のいくように仕上げていきます。  難しいと感じましたか? 使いたいタグをコピー&ペーストして、変更が 必要な個所だけを書き直せば良いのです。■以降に書いてあることは無理し て覚えなくてもOKですよ。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光    ┏ ┏┏ ホームページ楽々講座 NO.001 2002.06.20    ┏┏ ┏    Home Page : http://www.salty1.com/      ┏┏┏ ※ このメールマガジンの読者登録解除は下記のホームページから出来ます。 http://www.salty1.com/rakuraku.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して 発行しています。( http://www.mag2.com/ ) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━