web-dev-qa-db-ja.com

ウェブサイトをゼロから開始する手順は何ですか?

設計する前、何かをコーディングする前に開始します。実用的なWebサイトを完全に実装するには、どのような手順を実行する必要がありますか?

編集

技術的観点と非技術的観点の両方を意味します。

8
Jason
  1. 目標を設定する-ウェブサイトの目的は何ですか?何を達成しようとしますか?それはあなたの原因、最終結果、自我にどのように貢献しますか?

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

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

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

  5. Integration/Coding-設計されたグラフィック要素および開発された他のコンテンツを使用して、HTML/CSSおよび他のプレゼンテーションテクノロジー(たとえば必要に応じて)。

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

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

7
Justin Scott

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

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

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

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

0
digit1001

Pragmatic Press は、このトピックをカバーする「 Web Design for Developers 」という優れた本を発行しています。開発者として、私はそれを本当に楽しんだ。 Webプレゼンスを構築しようとするほとんどの人は、Webプレゼンスが役立つと思うでしょう。

0
Alan