r


        HTMLを補助するソフト 

                         HTMLだけで できないこと     HTMLファイルを作る各種のやり方
                         スタイルシートの使用        ホームページ作成ソフトで出来ること
                     


  HTMLだけでは出来ないホームページ 

■出来ないホームページはどんなもの :
   文字以外を使用するページ・・・・・・・・文字以外の表示(画像・音楽・特殊文字など)は HTMLでは出来ません
                          その場合 別のファイル(画像・音楽等)へ連携させてり スクリプトで記述する
           スクリプトとは・・・・・・・・テキストの簡易プログラム言語です (JAVAScript ・ VBAScriptがある)
                          スクリプト言語にはコンパイル作業(プログラム→マシン言語)は必要ない
     (例1) ロゴ(デザイン文字)・・・・・文字をデザイン化した画像 ・ ロゴをファイルにして使用する
     (例2) ステータスバーにMssg・・JAVA Scriptというスクリプトを使用して HTMLに記述することが多い
     (例3) データの送信・・・・・・・・・・CGIというプログラムを使用することが多い
     (例4) アクセスカウンター・・・・・・CGIを使用することが多い
     (例5) イラスト・写真・ボタン・・・・ 画像データをファイル保存し利用する
     (例6) 動画・音楽・アニメ・・・・・・ 音楽・動画データをファイル保存し利用する
   処理を必要とするページ・・・・・・・・・・HTMLにはデータを処理する能力がありません
                          その場合 HTMLの中にスクリプトと呼ばれる簡単なプログラムを使うか
                          サーバーにプログラムを置いて 処理を依頼するかになります
■Dynamic HTML (HTMLの拡張機能) :
   Dynamic HTML(DHTML)とは・・・HTMLで表現できなかった 動きや細かなレイアウト指定ができる
     特徴1:動きを表現できる・・・・・・ JAVAScript・VBAScriptなどのスクリプト言語でサポートする
                            ・ マウスを文字上で移動すると 文字が変化する
                             ・ 画像がウィンドウ内で動き回る
           但し単純な動き・・・・・・ スクロールなどの単純な動きしか 表現できない
     特徴2:レイアウトを指定できる・・ スタイルシートなる技術を利用して見栄えよくデザインする
                            ・ 複数のページに 統一したデザインを簡単に繁栄することが出来る
                            ・ 画面のポイントで文字の大きさを指定するので ブラウザの種類無影響


  スタイルシートを使ったホームページ 


■スタイルシートで出来ること :
   書体・文字色・字間・行間・・・・・・・・ ブラウザに影響されず設定できる ・ HTMLでは影響を受ける
   表内文字の書体・色・字間・・・・・・・ 同上
   表全体の色などの書式・・・・・・・・・・同上
   見出し書式の統一・・・・・・・・・・・・・ 特定のタグに 書式やデザインを指定できるため ・ 見出し全てを統一できる
   箇条書きの行頭文字の書式・・・・・・同上
   ページの背景や色・・・・・・・・・・・・・ 同上
   
■スタイルシートとは :
   デザインするツール・・・・・・・・・・・・・ページのデザインに関する情報を集めたもので
                         詳細なレイアウトの指定や 複数ページの統一デザインを行える
   スタイルシートが生まれた背景・・・・HTLMでは限界があり レイアウトを細かく指定できるものを W3Cが標準化                                  (注意)ただし現時点では ブラウザにより多少相異がある
   スタイルシートを記述するところ・・・・CSS(Cascading Style Sheets)という形式で記述する
                         その定義は HTMLファイルのヘッダーに記述するか または 同じ内容を
                         CSSファイルに記述し それを HTMLファイルからリンクするかの2方法がある
                         別ページ統一化で使用するのであれば後者の方が便利
                         CSSファイルは 拡張子に「.css」と付けられます


  HTMLファイルを作る方法 

■テキストエディター : (必要度:高 )
   HTMLを直接記述できる・・・・・・・・ テキストエディターやワープロソフトだけで記述できる ・ 拡張子「.html」で保存
                         Windows付属のメモ帳やワードパッドではデータ量に制限があり不十分
                         フリーウェアかシェアウェアで テキストエディターをダウンロードするのがよい
                         高機能なテキストエディターを使用すると HTMLタグが色付けされ見やすい
     長所・・・・・・・・・・・・・・・・・・・・・HTMLを学ぶことにより トラブルがあっても 対処しやすい
                         最新のタグを使ってホームページを作成できる
                         特別なソフトウェアを購入する必要がなし
     短所・・・・・・・・・・・・・・・・・・・・・勉強するのに時間が掛かる ・ 手入力のために時間が掛かる
■HTMLタグエディター : (必要度:中 )
   ホームページ作成専用のソフト・・・・HTMLへの意識有無により2種類がある
       HTMLタグエディター・・・・・ メニューやボタンを使って 簡単にHTMLのタグを挿入できる
                        ある程度のタグの知識が必要 ・ フリーウェア・シェアウェアのソフトが多数ある
      (ホームページ作成ソフト)・・・ホームページ作成ソフト(下記説明)で タグを使って作業することが出来る
     長所・・・・・・・・・・・・・・・・・・・・・タグを少々学ぶので トラブルへの対処ができる ・ タグ入力はソフトで時間短縮
                        フリーウェア・シェアウェアのソフトが多数あり 比較的お金が掛からない
     短所・・・・・・・・・・・・・・・・・・・・・HTMLを学ぶので スムースに作成出来るまでに時間が掛かる
                        ソフトを使ってタグを入力するため 新しいタグに対応することが出来なし
■ホームページ作成ソフト : (必要度:中 )
   HTML作成のほか
   画像作成・ファイル転送ソフト付・・・HTMLを意識せずに使用できる ・ クリック・ドラッグなどで画像を挿入できる
                        出来上がりに近いビジュアルな状態で作業を進めていけます
     長所・・・・・・・・・・・・・・・・・・・・・HTMLを覚えなくても 簡単な操作で ホームページを作成出来る
                        完成イメージを見ながら ホームページを作成出来る
                        ホームページ作成に便利な各種ソフトが付属されている
     短所・・・・・・・・・・・・・・・・・・・・・HTMLを理解せず作業を進めることが多いので 修正・トラブルに対処し難い
                        見た目は問題なくても 必要のないタグが残って HTMLの記述が冗長する
                        ソフトを購入しなければならないことがある
■HTML変換機能のあるソフト : (必要度:高 )
   Word・Excel・一太郎等で作成・・・ワープロなどで作成した文章を HTMLへ変換 ・ 保存をHTML形式でする
     長所・・・・・・・・・・・・・・・・・・・・・保存形式を変えるだけなので HTMLファイルの作成が容易である
                         パソコン購入時にソフトが付いていることが多いので 費用が掛からない
     短所・・・・・・・・・・・・・・・・・・・・・HTMLを理解しないで作成することが多く 修正・トラブルに対処し難い
                        見た目は問題なくても 必要のないタグが残って HTMLの記述が冗長する


  ホームページ作成ソフトで出来ること 

■出来ること :
   基本機能はHTMLファイル作成・・・HTML作成 ・ 画像ファイルをHTMLへ連結 ・ 着色 ・ 文字・画像の配置
                         HTMLを意識せず ビジュアル化した状態を見ながら操作できる
   基本機能以上の機能も付属・・・・・ JAVAScriptを簡単に記述する機能 ・ HTMLのチェック機能  <JS>
                         画像・アニメーションを作成する機能など 備えているソフトもある<アニメ>
   その他 便利な機能・・・・・・・・・・・・ HTMLの構造をチェックして 足りないタグをチェックする機能  <タグ> 
                         Iモード用ページ作成時 タグを制限 ・ Iモードページ作成機能  <Iモード>
                         サイト管理機能      <サイト>  ・   音楽作成ツール  <音>
                         画像作成加工ツール   <画像>   ・  サンプル素材    <素材>
                         スタイルシート対応機能 <SS>    ・   ファイル転送ツール<FTP>
■ホームページ作成ソフト(市販ソフト) :
   ホームページビルダー・・・・・・・・・・ 日本アイ・ビー・エム(株):<JS><SS><サイト><タグ><Iモード>
                          Win95〜          <FTP><素材><画像><アニメ>
   Front Page 2000・・・・・・・・・・・・ マイクロソフト(株)      :<JS><SS><サイト>
                          Win95〜          <FTP><素材><画像><アニメ>
   Dreamweaver・・・・・・・・・・・・・・・・ マクロメディア(株)     :<JS><SS><サイト>
                          Win98〜・Mac       <FTP>
   ホームページ手作り工房・・・・・・・・ デービーソフト(株)     :<JS><SS><サイト><Iモード>
                          Win95〜          <FTP><素材><画像><アニメ><音>
   GoLive・・・・・・・・・・・・・・・・・・・・・ アドビシステムズ(株)   :<JS><SS><サイト><タグ>
                          Win98〜・Mac      <FTP>
   Easy Home・・・・・・・・・・・・・・・・・ TEMPEST          :<サイト><Iモード>
                          Win95〜          <FTP><素材><画像><アニメ>
   Home Maker Pro・・・・・・・・・・・・ ハセピーソフト        :<JS><サイト>
                          Mac