ピクシブ百科事典は2023年6月13日付でプライバシーポリシーを改定しました。改訂履歴

ウェブデザイン

うぇぶでざいん

「ウェブデザイン」は、デザインの一種。ウェブページやウェブサイトを見栄えよく整理・再構築・意匠等を施すことである。
目次 [非表示]

グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つWebウェブ)の性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブデザインを行うデザイナーを、ウェブデザイナーと呼ぶ。


必要な技術

基本的な技術

HTMLXHTML(テキストと文章構造の記述)

CSS (ウェブページの見た目の記述)

DOM・javaScript (ウェブページに動的機能を付加する)


ダイナミック・ウェブデザイン

サーバサイド

ウェブサーバー側に用意した特別なソフトウェアにより、ユーザのリクエストに応じたHTMLページを自動的にその場で生成する。

ソフトウェアは各種スクリプト言語プログラミング言語により作成されることが多い。また、各種データベースを利用することも多い。


主なプログラミング・スクリプト言語

JavaScript

ASP(厳密には言語ではない)

JSP(厳密には言語ではない。詳しくはJava Servlet、Javaを参照)

Perl

PHP

Python

Ruby


主なデータベース

Firebird


アクセシビリティ

ウェブデザインでは訪問者の誰もが同様に情報を得ることができるアクセシビリティ(以下「見易さ」)は重要な要素である。特に、ウェブページは訪問者のブラウザOSによっても表示結果が異なる。

ウェブページを作成するのは簡単である。HTMLの知識がなくても簡単に作成できるツールやサービスがあり、たとえHTMLを誤って記述しても大抵のブラウザは正しく理解し表示することができる。しかし、訪問者がどのような環境でも同様に表示し、アクセシビリティにも考慮したウェブデザインをすることはとても難しいことである。


注意する点

  • Unicodeを使う。
  • 様々な環境で動作確認をする。
  • Web Safe Colorを使用する。
  • 画像を使用する<img>タグにはalt属性を指定して画像の概要を説明する。

関連タグ

デザイン Web プログラミング

インターネット サーバー ブラウザ ホームページ・ビルダー

ブログ 掲示板


リンク

  • W3C (英語)

関連記事

親記事

デザイン でざいん

子記事

  • PHP ぴーえいちぴー

兄弟記事

pixivに投稿されたイラスト pixivでイラストを見る

このタグがついたpixivの作品閲覧データ 総閲覧数: 3698

コメント

問題を報告

0/3000

編集可能な部分に問題がある場合について 記事本文などに問題がある場合、ご自身での調整をお願いいたします。
問題のある行動が繰り返される場合、対象ユーザーのプロフィールページ内の「問題を報告」からご連絡ください。

報告を送信しました