*Webページの作成 [#ve9fd77e] **Webページを作成する道具 [#z106678c] Webページを作成するには、いくつかのソフトウェアが必要です。 **Webページを作成するながれ [#i3a62f49] Webページを作成するには、いくつかのソフトウェアを利用します。 そのながれを見てみましょう。 #ref(web_work.png,nolink,Webページ制作の流れ) :編集ソフト| Webページを作成し、編集するためのソフトです。いくつかの種類があります。 --アプリケーションソフト~ ワープロソフトなど、本来は別の目的に使用するソフトの中には、簡単なWebページを作るための機能があるものがあります。 --ホームページ作成ソフト~ Webページを作成専用のソフトで、作成・編集するためのさまざまな機能をもっています。また、サーバへのデータの転送や画像データの作成・編集機能がある、高機能なものもあります。 ---[[ホームページビルダー(日本IBM):http://www-6.ibm.com/jp/software/internet/hpb/]] ---[[Dreamweaver(マクロメディア):http://www.macromedia.com/jp/software/dreamweaver/]] --テキストエディタ~ Webページはテキストファイルですので、専用のソフトがなくても作成することができます。Windowsの「メモ帳」やMacintoshの「Simple Text」でも、十分作成することができます。 :ブラウザ| 作成中または完成したWebページのでき具合を、ブラウザを使って確認します。 なお、同じWebページでもブラウザによって見栄えが異なる場合があります。 これについては、あとで詳しく説明します。 :ファイル転送ソフト| 作成したWebページをネットワークで公開するには、Webサーバに登録する必要があります。 Webサーバに作成したWebページを送ったり、逆にWebサーバから現在のデータを取り寄せるのに、ファイル転送(FTP)ソフトを使用します。 ***HTMLファイルの作成 [#pf13f36d] Webページの元になる、HTMLファイルを作成するには「''エディタ''」を使用します。 エディタには、いくつかの種類があります。 :アプリケーションソフト| ワープロソフトなどには、作成したファイルを、HTMLファイルとして出力する機能があるものがあります。 :ホームページ作成ソフト| Webページ作成専用ソフトで、編集だけでなく、サーバへの転送や画像の編集機能がある、高機能なものもあります。~ 主なものには、 [[ホームページビルダー (日本IBM):http://www-6.ibm.com/jp/software/internet/hpb/]]や [[Dreamweaver (マクロメディア):http://www.macromedia.com/jp/software/dreamweaver/]] があります。 :テキストエディタ| もっとも、手軽にHTMLファイルを作成できる方法です。 Windows付属の「メモ帳」やMacintoshの「Simple Text」で、 直接HTMLを記述します。 ***Webページの閲覧 [#dc156773] 「''ブラウザ''」は、HTMLファイルを読み込んで、Webページとして表示してくれます。 作成中のHTMLファイルを読み込んで、 でき具合を確認します。 なお、同じWebページでもブラウザによって見栄えが異なる場合があるので、 注意が必要です。 ***Webサーバへの転送 [#c7fab088] 作成したWebページをインターネットに公開するには、 Webサーバに転送する必要があります。 「''FTPクライアント''」を使って、 作成したWebページをWebサーバへ転送したり、 逆にWebサーバから現在のデータを取り寄せたりします。 **テキストエディタを使うメリット・デメリット [#z2b58b38] :メリット| --HTMLなどのWWWに関する技術の勉強になる --余計なデータが勝手に書き込まれない(見やすいファイル) --ブラウザによる表示の違いなどを意識して作成できる :デメリット| --HTMLなどのWWWに関する技術をある程度理解する必要がある --作業に慣れるまで、作るのに時間がかかる --専用ソフトとは違い... ---HTMLを自分で入力しなければならない ---入力中に出来上がりを確認できない(ソフトの切り替えが必要) **Webページを作成する手順 [#nbb4e4fb] &br; &navi2(Lecture/InfoDesignB2004/3rd,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/3rd,prev,toc,next) |