KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/3rd/WebWork の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2004/3rd/WebWork へ行く。

*Webページの作成 [#ve9fd77e]
**Webページを作成するながれ [#i3a62f49]
Webページを作成するには、いくつかのソフトウェアを利用します。
そのながれを見てみましょう。
#ref(web_work.png,nolink,Webページ制作の流れ)

***HTMLファイルの作成 [#pf13f36d]
Webページの元になる、HTMLファイルを作成するには「エディタ」を使用します。
Webページの元になる、HTMLファイルを作成するには「''エディタ''」を使用します。
エディタには、いくつかの種類があります。

:アプリケーションソフト|
ワープロソフトなどには、作成したファイルを、HTMLファイルとして出力する機能があるものがあります。
:ホームページ作成ソフト|
Webページ作成専用ソフトで、編集だけでなく、サーバへの転送や画像の編集機能がある、高機能なものもあります。~
主なものには、
[[ホームページビルダー （日本IBM）:http://www-6.ibm.com/jp/software/internet/hpb/]]や
[[Dreamweaver （マクロメディア）:http://www.macromedia.com/jp/software/dreamweaver/]]
があります。
:テキストエディタ|
Webページはテキストファイルですので、専用のソフトがなくても作成することができます。Windowsの「メモ帳」やMacintoshの「Simple Text」でも、十分作成することができます。
もっとも、手軽にHTMLファイルを作成できる方法です。
Windows付属の「メモ帳」やMacintoshの「Simple Text」で、
直接HTMLを記述します。


***Webページの閲覧 [#dc156773]
「''ブラウザ''」は、HTMLファイルを読み込んで、Webページとして表示してくれます。

作成中のHTMLファイルを読み込んで、
でき具合を確認します。
なお、同じWebページでもブラウザによって見栄えが異なる場合があるので、
注意が必要です。

***Webサーバへの転送 [#c7fab088]
作成したWebページをインターネットに公開するには、
Webサーバに転送する必要があります。

「''FTPクライアント''」を使って、
作成したWebページをWebサーバへ転送したり、
逆に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）ソフトを使用します。

**テキストエディタを使うメリット・デメリット [#z2b58b38]
:メリット|
--HTMLなどのWWWに関する技術の勉強になる
--余計なデータが勝手に書き込まれない（見やすいファイル）
--ブラウザによる表示の違いなどを意識して作成できる
:デメリット|
--HTMLなどのWWWに関する技術をある程度理解する必要がある
--作業に慣れるまで、作るのに時間がかかる
--専用ソフトとは違い...
---HTMLを自分で入力しなければならない
---入力中に出来上がりを確認できない（ソフトの切り替えが必要）

&br;
&navi2(Lecture/InfoDesignB2004/3rd,next);進んでください。
----
#navi2(Lecture/InfoDesignB2004/3rd,prev,toc,next)