r
ＨＴＭＬを補助するソフト ＨＴＭＬだけで できないこと ＨＴＭＬファイルを作る各種のやり方 スタイルシートの使用 ホームページ作成ソフトで出来ること ＨＴＭＬだけでは出来ないホームページ ■出来ないホームページはどんなもの ： 文字以外を使用するページ・・・・・・・・文字以外の表示（画像・音楽・特殊文字など）は ＨＴＭＬでは出来ません その場合 別のファイル（画像・音楽等）へ連携させてり スクリプトで記述する スクリプトとは・・・・・・・・テキストの簡易プログラム言語です （ＪＡＶＡＳｃｒｉｐｔ ・ ＶＢＡＳｃｒｉｐｔがある） スクリプト言語にはコンパイル作業（プログラム→マシン言語）は必要ない （例１） ロゴ（デザイン文字）・・・・・文字をデザイン化した画像 ・ ロゴをファイルにして使用する （例２） ステータスバーにＭｓｓｇ・・ＪＡＶＡ Ｓｃｒｉｐｔというスクリプトを使用して ＨＴＭＬに記述することが多い （例３） データの送信・・・・・・・・・・ＣＧＩというプログラムを使用することが多い （例４） アクセスカウンター・・・・・・ＣＧＩを使用することが多い （例５） イラスト・写真・ボタン・・・・ 画像データをファイル保存し利用する （例６） 動画・音楽・アニメ・・・・・・ 音楽・動画データをファイル保存し利用する 処理を必要とするページ・・・・・・・・・・ＨＴＭＬにはデータを処理する能力がありません その場合 ＨＴＭＬの中にスクリプトと呼ばれる簡単なプログラムを使うか サーバーにプログラムを置いて 処理を依頼するかになります ■Ｄｙｎａｍｉｃ ＨＴＭＬ （ＨＴＭＬの拡張機能） ： Ｄｙｎａｍｉｃ ＨＴＭＬ（ＤＨＴＭＬ）とは・・・ＨＴＭＬで表現できなかった 動きや細かなレイアウト指定ができる 特徴１：動きを表現できる・・・・・・ ＪＡＶＡＳｃｒｉｐｔ・ＶＢＡＳｃｒｉｐｔなどのスクリプト言語でサポートする ・ マウスを文字上で移動すると 文字が変化する ・ 画像がウィンドウ内で動き回る 但し単純な動き・・・・・・ スクロールなどの単純な動きしか 表現できない 特徴２：レイアウトを指定できる・・ スタイルシートなる技術を利用して見栄えよくデザインする ・ 複数のページに 統一したデザインを簡単に繁栄することが出来る ・ 画面のポイントで文字の大きさを指定するので ブラウザの種類無影響 スタイルシートを使ったホームページ ■スタイルシートで出来ること ： 書体・文字色・字間・行間・・・・・・・・ ブラウザに影響されず設定できる ・ ＨＴＭＬでは影響を受ける 表内文字の書体・色・字間・・・・・・・ 同上 表全体の色などの書式・・・・・・・・・・同上 見出し書式の統一・・・・・・・・・・・・・ 特定のタグに 書式やデザインを指定できるため ・ 見出し全てを統一できる 箇条書きの行頭文字の書式・・・・・・同上 ページの背景や色・・・・・・・・・・・・・ 同上 ■スタイルシートとは ： デザインするツール・・・・・・・・・・・・・ページのデザインに関する情報を集めたもので 詳細なレイアウトの指定や 複数ページの統一デザインを行える スタイルシートが生まれた背景・・・・ＨＴＬＭでは限界があり レイアウトを細かく指定できるものを Ｗ３Ｃが標準化 （注意）ただし現時点では ブラウザにより多少相異がある スタイルシートを記述するところ・・・・ＣＳＳ（Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔｓ）という形式で記述する その定義は ＨＴＭＬファイルのヘッダーに記述するか または 同じ内容を ＣＳＳファイルに記述し それを ＨＴＭＬファイルからリンクするかの２方法がある 別ページ統一化で使用するのであれば後者の方が便利 ＣＳＳファイルは 拡張子に「．ｃｓｓ」と付けられます ＨＴＭＬファイルを作る方法 ■テキストエディター ： （必要度：高 ） ＨＴＭＬを直接記述できる・・・・・・・・ テキストエディターやワープロソフトだけで記述できる ・ 拡張子「．ｈｔｍｌ」で保存 Ｗｉｎｄｏｗｓ付属のメモ帳やワードパッドではデータ量に制限があり不十分 フリーウェアかシェアウェアで テキストエディターをダウンロードするのがよい 高機能なテキストエディターを使用すると ＨＴＭＬタグが色付けされ見やすい 長所・・・・・・・・・・・・・・・・・・・・・ＨＴＭＬを学ぶことにより トラブルがあっても 対処しやすい 最新のタグを使ってホームページを作成できる 特別なソフトウェアを購入する必要がなし 短所・・・・・・・・・・・・・・・・・・・・・勉強するのに時間が掛かる ・ 手入力のために時間が掛かる ■ＨＴＭＬタグエディター ： （必要度：中 ） ホームページ作成専用のソフト・・・・ＨＴＭＬへの意識有無により２種類がある ＨＴＭＬタグエディター・・・・・ メニューやボタンを使って 簡単にＨＴＭＬのタグを挿入できる ある程度のタグの知識が必要 ・ フリーウェア・シェアウェアのソフトが多数ある （ホームページ作成ソフト）・・・ホームページ作成ソフト（下記説明）で タグを使って作業することが出来る 長所・・・・・・・・・・・・・・・・・・・・・タグを少々学ぶので トラブルへの対処ができる ・ タグ入力はソフトで時間短縮 フリーウェア・シェアウェアのソフトが多数あり 比較的お金が掛からない 短所・・・・・・・・・・・・・・・・・・・・・ＨＴＭＬを学ぶので スムースに作成出来るまでに時間が掛かる ソフトを使ってタグを入力するため 新しいタグに対応することが出来なし ■ホームページ作成ソフト ： （必要度：中 ） ＨＴＭＬ作成のほか 画像作成・ファイル転送ソフト付・・・ＨＴＭＬを意識せずに使用できる ・ クリック・ドラッグなどで画像を挿入できる 出来上がりに近いビジュアルな状態で作業を進めていけます 長所・・・・・・・・・・・・・・・・・・・・・ＨＴＭＬを覚えなくても 簡単な操作で ホームページを作成出来る 完成イメージを見ながら ホームページを作成出来る ホームページ作成に便利な各種ソフトが付属されている 短所・・・・・・・・・・・・・・・・・・・・・ＨＴＭＬを理解せず作業を進めることが多いので 修正・トラブルに対処し難い 見た目は問題なくても 必要のないタグが残って ＨＴＭＬの記述が冗長する ソフトを購入しなければならないことがある ■ＨＴＭＬ変換機能のあるソフト ： （必要度：高 ） Ｗｏｒｄ・Ｅｘｃｅｌ・一太郎等で作成・・・ワープロなどで作成した文章を ＨＴＭＬへ変換 ・ 保存をＨＴＭＬ形式でする 長所・・・・・・・・・・・・・・・・・・・・・保存形式を変えるだけなので ＨＴＭＬファイルの作成が容易である パソコン購入時にソフトが付いていることが多いので 費用が掛からない 短所・・・・・・・・・・・・・・・・・・・・・ＨＴＭＬを理解しないで作成することが多く 修正・トラブルに対処し難い 見た目は問題なくても 必要のないタグが残って ＨＴＭＬの記述が冗長する ホームページ作成ソフトで出来ること ■出来ること ： 基本機能はＨＴＭＬファイル作成・・・ＨＴＭＬ作成 ・ 画像ファイルをＨＴＭＬへ連結 ・ 着色 ・ 文字・画像の配置 ＨＴＭＬを意識せず ビジュアル化した状態を見ながら操作できる 基本機能以上の機能も付属・・・・・ ＪＡＶＡＳｃｒｉｐｔを簡単に記述する機能 ・ ＨＴＭＬのチェック機能 ＜ＪＳ＞ 画像・アニメーションを作成する機能など 備えているソフトもある＜アニメ＞ その他 便利な機能・・・・・・・・・・・・ ＨＴＭＬの構造をチェックして 足りないタグをチェックする機能 ＜タグ＞ Ｉモード用ページ作成時 タグを制限 ・ Ｉモードページ作成機能 ＜Ｉモード＞ サイト管理機能 ＜サイト＞ ・ 音楽作成ツール ＜音＞ 画像作成加工ツール ＜画像＞ ・ サンプル素材 ＜素材＞ スタイルシート対応機能 ＜ＳＳ＞ ・ ファイル転送ツール＜ＦＴＰ＞ ■ホームページ作成ソフト（市販ソフト） ： ホームページビルダー・・・・・・・・・・ 日本アイ・ビー・エム（株）：＜ＪＳ＞＜ＳＳ＞＜サイト＞＜タグ＞＜Ｉモード＞ Win95〜 ＜ＦＴＰ＞＜素材＞＜画像＞＜アニメ＞ Ｆｒｏｎｔ Ｐａｇｅ ２０００・・・・・・・・・・・・ マイクロソフト（株） ：＜ＪＳ＞＜ＳＳ＞＜サイト＞ Win95〜 ＜ＦＴＰ＞＜素材＞＜画像＞＜アニメ＞ Ｄｒｅａｍweaver・・・・・・・・・・・・・・・・ マクロメディア（株） ：＜ＪＳ＞＜ＳＳ＞＜サイト＞ Win98〜・Ｍａｃ ＜ＦＴＰ＞ ホームページ手作り工房・・・・・・・・ デービーソフト（株） ：＜ＪＳ＞＜ＳＳ＞＜サイト＞＜Ｉモード＞ Win95〜 ＜ＦＴＰ＞＜素材＞＜画像＞＜アニメ＞＜音＞ ＧｏＬｉｖｅ・・・・・・・・・・・・・・・・・・・・・ アドビシステムズ（株） ：＜ＪＳ＞＜ＳＳ＞＜サイト＞＜タグ＞ Win98〜・Ｍａｃ ＜ＦＴＰ＞ Ｅａｓｙ Ｈｏｍｅ・・・・・・・・・・・・・・・・・ ＴＥＭＰＥＳＴ ：＜サイト＞＜Ｉモード＞ Win95〜 ＜ＦＴＰ＞＜素材＞＜画像＞＜アニメ＞ Ｈｏｍｅ Ｍａｋｅｒ Ｐｒｏ・・・・・・・・・・・・ ハセピーソフト ：＜ＪＳ＞＜サイト＞ Mac |