| ●エディタ HTML文書を作成するもの。 Win・・・メモ帳やワードパッドなど。 Mac・・・Simple TextやTeach Textなど。 ◇あると便利な専用ソフト Win・・・IBMホームページビルダー、デービーソフトHOTALL Ver3.0など Mac・・・Adobe Pagemill2.0J、デービーソフト HOTALL Ver2.0など ◇その他あると便利なもの ・HTML文書のタグの説明の本など。タグの確認などする時に便利です。 ・イラストの書けるソフト（ペイントブラシなど） ・イラストの書けない人はクリップアートなどのCD-ROMがあると便利です。 または、著作権フリーのホームページ用素材集もあります。 ●ブラウザ ＷＷＷを見るためのソフト インターネットエクスプローラー、ネットエスケープナビゲーター など ●ファイル転送ツール(ftp) File Transfer Protocolの略で出来上がったホームページをプロバイダーに転送するソフト。 Ｗｉｎ・・・WS FTP、Cute FTPなど Ｍａｃ・・・Fetch 3.0.1 |
| (1)HTML（Hyper Text Markup Languageの略） WWWブラウザに表示する文字やレイアウト等を<タグ>を使って設定するファイル形式のこと。 <>でくくられた部分をタグといいます。タグはブラウザ上では表示されません。 <○○>から始まり、</○○>で終ります。(※タグの中には</○○>の必要がないものもあります。) (2)基本的な構造(ソース）
| |
| (3)お約束（※ここでの注意事項はMISサーバーに登録される方を対象にしています。） その１：ファイル名の拡張子は.htmlにすること。 その２：表紙ページは必ず『index.html』にすること。 その３：ファイル名、タグともに半角英数字を使用すること。 大文字、小文字はどちらでもよいが、統一すること。 その４：半角カタカナは使用しない。 |
（１）文字入力
| 画 面 表 示 | |||||||||||
| 僕のホームページへようこそ！
目次 自己紹介 こだわり | |||||||||||
| ソース表示 | 説 明 | ||||||||||
| <HTML> <HEAD> <TITLE>Ｔｏｍのホームページ</TITLE> </HEAD> <BODY> 僕のホームページへようこそ！ <HR> 目次<BR> 自己紹介<BR> こだわり<BR> </BODY> </HTML> |
| ||||||||||
(2)見やすい画面構成をしましょう。
・背景色をつける
・文字の大きさ、色などをかえる
・レイアウト（文字を画面の中心に置くなど）
| 画 面 表 示 | |||||||||
| 僕のホームページへようこそ！ 目次 自己紹介 こだわり | |||||||||
| ソース表示 | 説 明 | ||||||||
| <HTML> <HEAD> <TITLE>Ｔｏｍのホームページ</TITLE> </HEAD> <BODY bgcolor="#ffff80"> <CENTER> <FONT size="4" color="#0000ff">僕のホームページへようこそ！</FONT> <HR> <B>目次</B><BR> 自己紹介<BR> こだわり<BR> </CENTER> </BODY> </HTML> |
| ||||||||
| ◆最初のページへ戻る | ●「初級編」へ進む | ●「転送方法」へ進む |
＜ホームページに必要なもの＞
＜ホームページの構造＞
＜ホームページを作ろう＞