Webサイトを最初から開始する手順は何ですか?


8

設計前、コーディング前。機能するWebサイトを完全に実装するには、どのような手順を踏む必要がありますか?

編集

技術的な観点と非技術的な観点の両方からです。

回答:


7
  1. 目標を設定する -ウェブサイトの目的は何ですか?それは何を達成しようとしますか?それはどのようにあなたの目的、利益、自我に貢献しますか?

  2. サイトの概要 - サイトにはどのようなコンテンツが掲載されますか?どのように整理されますか?それは何をしますか?Webサイトの主要なセクションを特定し、コンテンツが配置されるセクションごとにコンテンツを分類します。

  3. ワイヤーフレーム/モックアップ -サイトを視覚的に表示するための基本的なフレームワークを作成します。コンテンツ、行動を促すフレーズ、インタラクティブな要素、動画などのおおよその配置を決定します。これは、Mockingbirdなどのモックアップツールを使用して紙の上で行うことができます。

  4. デザイン -ワイヤーフレーム/モックアップをガイドとして使用して、Webサイトの実際のデザインを作成します。これは、サイトのルックアンドフィールを構成する実際のグラフィック要素です。

  5. 統合/コーディング -設計されたグラフィック要素および開発されたその他のコンテンツを使用して、必要に応じてHTML / CSSおよびその他のプレゼンテーションテクノロジー(Flashなど)で個々のページをコーディングします。

  6. テストと修正 -すべての要素をまとめたら、Webサイトをテストして、最新のWebブラウザーで正しく機能することを確認し、必要な技術テスト(HTML / CSS検証など)に合格します。必要に応じて修正します。

  7. ローンチ!-サイトの準備ができたら、ホスティングプロバイダーを選択し、サイトをオンラインにします。独自のドメイン名を使用する場合は、考えられるさまざまなドメイン名を選択し、使用したいドメイン名を登録することをお勧めします。起動時に、一番気に入ったものを使用し、他のものをメインサイトにリダイレクトします(複数購入した場合)。


1
Balsamiqは、もう1つの甘いモックアップツールです。balsamiq.com
products


0

それのいくつかはサイトの目的に依存します。あなたがあなた自身の利益のために個人的なサイトを構築しているなら、上記の@JustinScottはすべてを本当にうまくカバーしています。私はおそらくISPを探し、他のステップと同時にドメイン名を取得します...

商用サイトの場合は、クライアントと会って、さまざまなセクションの目標とニーズを収集し、「要件」ドキュメントをまとめて、各パーツで何が提供されるかを正確に説明します。このようにして、彼らが同意(署名)したことを踏まえて設計図を作成し、後で他の何かを追加または変更したいときに「範囲外」と言うことができます。範囲外のものを追加することはできますが、時間、お金、またはその両方にコストがかかるはずです。

その他の手順は、商用プロジェクトまたはより正式なプロジェクトとほぼ同じで、開発後およびリリース前のQ&A /テスト/修正の問題に関するセクションがあります。

最後に...そもそもプロジェクトの「メンテナンス」フェーズが終わることはありません。そもそもそもそも最初から作業を始めたことを恐れているからです:-)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.