ホームページ制作京都

クライアントサイド

サーバから発信した情報をクライアントサイド（ブラウザやリッチクライアント環境）が様々に解釈して動的なページを実現する。サーバからスクリプトを含めたコンテンツが送られ、クライアント側でそのスクリプトを実行するケースが多い。これによりHTMLでは表現できない装飾や動的なページが表現される。クライアント側で用いられる代表的なスクリプトとしてJavaScriptがある。実行結果が実行環境に依存するため、クリティカルな領域で使用されることは少ない。また、SEOやアクセシビリティにおいて様々な問題がある。使用する場合は、代替テキストなどが推奨される。

サーバサイド

WWWサーバ側に用意した特別なソフトウェアにより、ユーザのリクエストに応じたHTMLページを自動的にその場で生成する。ソフトウェアは各種スクリプト言語、プログラミング言語により作成されることが多い。また、各種データベースを利用することも多い。

＜主なプログラミング言語・スクリプト言語＞
・ASP（厳密には言語ではない）
・JSP（厳密には言語ではない。詳しくはJava Servlet、Javaを参照）
・Perl
・PHP
・Python
・Ruby

＜主なデータベース＞
・MySQL
・PostgreSQL
・Oracle Database
・Firebird
・HSQLDB
・Apache Derby

＜マークアップ言語を使用するものもある＞
・ColdFusion

＜XMLをHTMLに変換することも行われる＞
・XSLT

注意する点

・機種依存文字を使用しない。
・文字コードを指定する。
・ターゲットとする環境上で動作確認をする（Mac OS XなどのOS、Mozilla Firefoxなどのブラウザ）。
・Web Safe Colorを使用する。
・画像を使用する<img>タグにはalt属性を指定して画像の概要を説明する。

ソフト

ソフト (soft) は「柔らかい」という意味の英語であるが、以下の略語としても使われる。
・ソフトウェア (software)
・ゲームソフトの略としても使われる。
・ソフトボール (softball)
・ソフトクリーム
・ソフトドリンク
・ソフトバンク
・福岡ソフトバンクホークス

da:Soft
en:Soft

レイアウト

ウェブページは、ユーザのブラウザのウィンドウによりデザイン領域を制限されている。その中でどのようにレイアウトするかがひとつの課題である。

多くのデザイナーは、ウェブページ全体を固定幅のテーブルで包むことでこの問題を解決している。これによりデザイナーはブラウザのウィンドウサイズに左右されず、イメージ通りの表示結果を得ることができる。例えば、Yahoo! JAPANのトップページは幅710pxのテーブルの中でレイアウトされている（2006年5月現在http://www.yahoo.co.jp/）。これは最低横800px×縦600pxのディスプレイで最適に表示されるようになっている。

しかし、レイアウト幅を固定することは、ユーザの選択を無視することにもなる。そこで、幅を固定しないレイアウトを用いることもある。固定しない場合、ウェブページのサイズはブラウザのウィンドウサイズに合わせて自動的に整えられる。例えば、ウィキペディアのこのページはその手法がとられている（2006年5月現在）。

デザイナーがどのレイアウトを使用すべきかは、文字の量や画像の多寡にもよるが、アクセスするユーザの利便性を考えて決めるべきである。

アクセシビリティウェブデザインにおいて、...