━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┏┏┏ まぐまぐ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/ )
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━