コンテンツのプラン、デザインのワイヤーフレーム、webページの作成、サイトの公開といったwebプロジェクトの主な工程について学習します。
create-first-website_1408x792

コンテンツのプランを立てる

適切なコンテンツプランは、webデザインにおいて何より重要な工程と言っていいでしょう。もっとも時間のかかる工程でもありますが、十分に時間をかける価値があります。適切なコンテンツプランは、サイトの存在感を高め、閲覧者の利用を促進するだけでなく、web制作も高速化します。

プランする上で、いくつか大切なキーポイントがあります。対象ユーザーを知ること、短く簡潔なほど良いこと、対象ユーザーがどのような言葉でサイトを検索するかを考えること、コンテンツを論理的に整理することです。

コンテンツのプランを立てる

デザインのワイヤーフレームを作成する

ワイヤーフレームとは抽象的に視覚化したwebサイトの設計図のことです。設計とプランの工程で、チーム全体が共同作業しやすいように作成します。ワイヤーフレームはその場で思いついたことを手描きした簡単な図式でも構いませんし、webサイトのナビゲーションと機能を詳細に定義することもあります。

ワイヤーフレームを作成するには様々な方法があります。ペンと紙、無料または有料のワイヤーフレームアプリ、PhotoshopなどのCreative Cloudアプリを使うのも良いでしょう。ご自身と制作チームに最も適した方法と詳細度をもとに選んでください。

デザインのワイヤーフレームを作成する

webページを作成する

この工程では、十分に練ったデザインとプランを実行に移します。概念的プランを実現するには、webデザインに使用する言語を理解することが重要です。このシリーズでは主にHTMLとCSSを対象とし、JavaScriptは紹介にとどめます。

HTML(Hypertext Markup Language)はwebサイトの各ページについて全体構造とコンテンツを作成するのに使用する言語です。CSS(Cascading Style Sheets)はwebサイトのコンテンツについて視覚的プロパティをスタイル設定し、レイアウトをカスタマイズするのに使用します。JavaScriptはwebページにインタラクティブコンテンツなど各種機能を加えるのによく使用される言語です。

webページを作成する

webサイトを公開する

webサイトを世界に公開する準備が整ったら、いくつか確認する事項があります。まず、webサイトのアドレスとなるドメイン名が必要です。またwebサーバー上の専用スペースと接続に使用する設定も確認してください。通常はFTPでwebサーバーに接続します。企業のwebサイトを作成する場合は、システム管理部門のweb担当者からこの情報を入手します。個人のサイトを公開する場合は、webホストプロバイダーからこの情報を入手します。

Dreamweaverの「サイト」機能を使ってこの情報を入力すれば、直接webサーバーに接続し、サイトを公開できます。

webサイトを公開する
11/25/2019

提供元:Tom Buch

このページは役に立ちましたか。