ウェブサイトのデザイン – 定義

導入

Web サイトの作成とデザインは、最初はいくつかの簡単な手順を含むプロセスですが、サイトを成功させるには、非常に重要なリソースとスキルが必要になる場合があります。 Web サイトは、HTML 形式の単純なページである場合もあれば、アニメーション、Java、 PHP 、またはその他のサーバー言語でプログラムされたサービス、 JavaScriptまたは AJAX での処理を必要とするフォームを提供する数千のページである場合もあります。これは、MySQL などのデータベース テクノロジに基づくことができます。

歴史

World Wide Webの発明者であるTim Berners-Lee は、1991 年 8 月に最初のWeb サイトをオンラインに公開し、彼を最初の Webデザイナーにしました。このサイトでは、初めてハイパーリンクと電子メール アドレスへのリンクが使用されました。

当初、Web サイトは基本的な HTML で書かれていました。HTML は、Web サイトに基本的な構造 (見出しと段落) を与え、ハイパーリンクを使用する機能を提供する言語です。これは新しいものであり、これまでのコミュニケーション形式とは根本的に異なり、ユーザーは簡単に他のページを開くことができました。

インターネットとサイトのデザインが進歩するにつれて、ページを形成する言語であるハイパーテキスト マークアップ言語 (HTML) はより包括的かつ柔軟になりました。データを表示できる新しい要素であるテーブルは、すぐに当初の目的から転用され、レイアウトの手段として使用されました。 CSS とスタイル シートの登場により、テーブルを使用したレイアウトはすぐに時代遅れとみなされました。データベースやサーバーサイドコーディング(CGI、PHP、ASP.NET、ASP、JSP、ColdFusion を参照) を使用する最新のテクノロジ、および CSS などのデザイン標準により、サイト デザイン ツールがさらに改良され、多様化しました。

Macromediaによって開発された Flash の登場により、アニメーションの作成や音声やビデオのブロードキャストが可能になり、インターネットの外観も変わり、サイト設計者に新しい地図が提供されました。ただし、Flash は Macromedia によって保護されている形式であり、表示するにはプラグインが必要であるため、HTML よりも制限がはるかに厳しくなります。

リモート コーディングと呼ばれるかなり新しい技術により、プラグインや特殊なアプリケーションを必要とせずに、インターネットをより動的に使用できるようになりました。これらのテクノロジーのリーダーは AJAX ですが、存在する唯一のテクノロジーではありません。さらに、AJAX はまだ標準の地位に達していません。

ページの構成要素

• ページのテキストとその構造 (HTML または XHTML)
• PHP でのページのダイナミズム。
• CSSスタイルシートを使用したレイアウト。
• GIF、JPG、PNG、MNG 画像を使用したグラフィックス。
• Flash または SVG でのアニメーション。
• マルチメディア オブジェクト。
• フォーム。AJAX で処理される可能性があります。

創造の段階

サイトの種類、コンテキスト、およびそれを実装するために利用できる手段に応じて、これらの手順の一部はオプションであるか、不要である場合もあります。これらの各段階は、専門的なスキル (人間工学、情報アーキテクチャ、リファレンス、Web ライティングなど) に対応しています。

1. プロジェクト ：
   • サイトの目的、ターゲット、収益性、投入する資金的手段についての考察…
   • 望ましい自律性と、更新を実行するための人的資源の種類についての考察。
   • コンテンツの反映: ページ、期待されるサービス、ナビゲーション原則
2. 実装：
   • ドメイン名の登録。
   • ホストの選択。
   • コンテンツ管理システム (SPIP、 wiki 、Wordpress、Joomla、Drupal など) または WYSIWYG タイプのWeb サイトエディタ (例: NVU、Macromedia Dreamweaver、 Microsoft FrontPage 、Webself) またはテキスト (例: Bluefish 、Emacs、 …)。
3. デザイン ：
   • HTML または XHTML ページ構造を確立します。
   • ツリーの定義
   • グラフィック憲章の作成
   • 編集憲章の策定。
4. 実現:
   • コンテンツ管理システムまたはエディターを介してページを作成します。ページは個別に作成することも、テンプレート システムに基づいて作成することもできます。
   • CSS スタイル シートを介したグラフィック憲章の実装。
   • 動的開発の可能性 (フォーム、サービスなど)
5. フォローアップ ：
   • 準備ができたらサイトからレシピを入手
   • サイト開設：オンライン
   • 発表。サイトの存在を知らせるには、アナウンス、宣伝、ディレクトリへの登録など、いくつかの手段を使用します。
   • メンテナンス（新規コンテンツ、修正、継続的な品質向上）

サイトのアクセシビリティは、ページ構造の開発から始まる各段階で考慮する必要があります。 SEOも同様で、設計段階から戦略を立てることができます。テンプレートの作成、ページの統合、コンテンツの作成、サイトの立ち上げ、維持の際にも SEO の原則を考慮する必要があります。人間工学は、設計、承認と監査、継続的改善などのすべての段階にも介入します。