1章　XHTML ＆　CSS　②

こんにちは！

今日は前回の続きから

Webサイトの基本デザインを検討

Webサイトのデザインで重要な点は統一感を持たせることです。

統一感のあるデザインを作成するには、CSSを使います。

統一感のあるデザインで作成したWebサイトの利点。

メニュの位置や配色などを統一すると、ユーザーは短時間でそのWebサイトの操作を学習し、ストレスを感じることなくスムーズに情報を閲覧できるようになる。

企業のロゴを使ってデザインを統一すると、企業の印象を残すことにつながります。

Webサイト管理者にとっては統一感のあるデザインはメンテナンスが容易になります。

アクセシビリティ・ユーザビリティ

誰もが使いやすいWebサイトを作成するにはアクセシビリティとユーザビリティに配慮する必要があります。

アクセシビリティ

高齢者や障害者など含むできる限り多くの人々が使えるかどうかを表す言葉です。

公開したWebサイトは多くのユーザーに閲覧されます。

ユーザーによってパソコンの機種や利用するブラウザ等も違うので、さまざまな利用環境に配慮し誰からも閲覧できるサイトを作るように心がけましょう。

また、次のようなアクセシビリティに配慮しましょう。

文字のサイズは固定しない。

背景と文字の配色に注意する

画面全体が明滅するような表現は避ける

機種依存文字や半角カナを使用しない

音声ブラウザでも情報が伝わるようにする。

----------------------　マんタ　の　POINT 　コーナー　---------------------------

機種依存文字について

機種依存文字とは、ある特定の環境上でしか正しく表示されない文字のです。

お使いのPCの製作会社や、OSの種類（ウィンドウズやマッキントッシュ、他）やバージョンなど、それぞれの環境によって異なります。

お使いのPCとは違う環境のPCやサーバーでは、 文字化けやプログラムの不具合の原因となるので、使用を避けてください。

詳しくは上のリンクでご覧ください。

------------------------------------------------------------------------------------

ユーザビリティ

ユーザビリティとは、使いやすさのことです。

普段からパソコンを使ってる人とめったにパソコンを使わない人とは大きく使い勝手が違いますね。

ユーザビリティの高いWebサイトを作成するには、利用状況を想定しその利用状況に最適なデザインを考える必要があります。

Webサイトの題材

構想を練ったらWebサイトに掲載する原稿や画像を作成したりして素材を集めます。

素材は市販の素材集やインターネット上で探しても構いませんが　著作権や肖像権　等　他人の権利に注意する必要があります。

Webページを作成

Webページを作成する方法は主に2通りがあります。

直接XHTMLやCSSテキストファイルを使う。

（ちなみにJavaScriptを使うと動きが付けられます。）

メモ帳やTeraPadなどのテキストエディタを使い、自分でXHTMLやCSSを記述します。XHTMLやCSSの知識が必要ですがそこまで難しい物ではありません( ´艸｀)

XHTMLやCSSの知識があれば高度な編集が行えます。

ホームページ作成ソフト

この方法もありますが個人的にはお勧めしません。

知識がなくてもホームページが作成できるみたいですが、個人的には0から組んで自分オリジナルのホームページを作りたいと思いますねｗｗｗ

話がそれてしまいましたね・・・・

代表的なホームページ作成ソフト

まあ、興味があれば試してみては‥‥？

Webページを転送

今回最後に説明するのはWebページを転送？

自分のコンピュータ上で作成したWebページは、そのままではほかの人に閲覧してもらうことができません。

作成したWebページをwwwサーバに転送することによりはじめてWebサイトとして閲覧してもらうことができます。

転送する方法

FTPソフトを利用する

FTPソフトを利用してWebページを転送できます。

代表的なものは　FFFTP　や　NextFTP　ですね。

Web発行ウィザードを利用する

Web発行ウィザードは、Webページを転送するためのプログラムです。

表示されるダイアログボックスに必要な情報を入力するだけで、Webサイトを転送できます。

----------------------　マんタ　の　POINT 　コーナー　---------------------------

FTP(File Transfer Protocol)

ネットワーク上でファイルを転送すること。

またその仕組みを　FTP(File Transfer Protocol)といいます。

--------------------------------------------------------------------------------------

次回からXHTMLの基本に入ります。

JavaScriptについてはごじつきじにかくのでその時に( ´艸｀)

ここまでご覧いただきありがとうございました。

--------------------------　By　マんタ　--------------------------------------------

参考書は

よくわかる

XHTML　と　CSS　による　Webサイト作成

発行者　　大森　康文

著作/制作　富士通エフオーエム株式会社

協力　　　富士通株式会社　総合デザインセンター