Webサイト制作の流れ

もちろん、ここでの編集者はテンプレートではなく純粋にカスタマイズされた Web サイトについて話しています。そこで、カスタマイズされたウェブサイトを作成するプロセスについて編集者が簡単に説明します。

まず、カスタマイズされたウェブサイトなので、デザインから制作、開発まですべて段階的に行われます。デザインでも機能開発でも、顧客のニーズを理解する必要があります。したがって、最初に言うべきことは、設計の開始時に何をすべきかということです。

1. デザインの最初にやるべきこと

デザインから始めるので、例えばお客様の会社はどのような企業グループなのか？電子商取引タイプ、政府機関、学校タイプ、またはその他ですか?次に、企業の規模を確認し、企業の規模に基づいて企業 Web サイトのコラムを計画する必要があります。次に、お客様がどのようなスタイルやトーンを好むか、ページで何を強調する必要があるか、特別な機能開発があるかどうかなどに特に注意を払う必要があります。その後、デザイナーは提示されたニーズに基づいて企画プランを作成し始めます。お客様による。この計画は主に、お客様の企業タイプ、企業規模、コラム構造、Web サイトのスタイル、サイト全体のトーン、および機能開発をさらに解釈することに焦点を当てています。

企画案が承認されたら、デザイナーがお客様のご希望のスタイル、色調、ページ内で特に強調したい部分などに合わせてホームページのデザインを開始します。ホームページのデザインが完成したらJPGを作成します。ホームページのファイルはレビューのために顧客に送信され、顧客に確認してサブページのデザインを開始してもらいます。サブページ完成後は、デザイン案もレビューのためにお客様に送信し、お客様のご要望に応じてデザイン案を修正・確認していただくことが可能です。全てのデザイン案が確認された後、次のページ制作に引き継がれます。

2. ページを作成するときに注意することは何ですか?

もちろん、デザイン案が完成しクライアントに確認された後、Webサイト制作プロセスは次のページ制作ステップに進むはずです。フロントエンドはページの制作を担当します。これは、デザイン ドラフトの PSD ファイルをスライスし、デザイン ドラフトの画像を Web サイト上のページに書き込むための HTML コードを記述することを意味します。そして、ページ上の JS エフェクトを処理し、ブラウザの互換性をデバッグして、デザイン ドラフトと 99% 以上の類似性を持つページを完成させます。これらはフロントエンドが行う必要がある部分ですが、フロントエンドは何に注意する必要がありますか。

まず、デザイン案をもらってすぐに制作を始めるのは間違いです。直接作業を開始すると、当然、Web サイトについて何も知りませんし、ページを作成するためにコードを入力することだけに集中することになります。これは間違っているので、どうすればよいでしょうか? 編集者の個人的な考えは、デザイン案を受け取った後、急いで制作を開始せず、まずデザイナーと一緒にすべてのページを確認し、Web サイトの列構造を理解することです。そして、ページ上の注意が必要な場所と、エフェクトを使用する必要がある場所があります。すべてのページを読み終えると、次のページに進むのがはるかに簡単になります。

制作開始時に注意すべき点を理解した後、ページを作成する過程で何に注意すべきですか？まず、制作過程では、デザイン案をWebサイトのページに戻すことが必ず必要です。その後、デザイナーのデザインアイデアに従って、ページ上のJS効果が必要な場所（カルーセルなど）にJS効果を追加します。 、タブなど。一般的に使用される JS エフェクトなど。最後に、HTML コードで注意する必要があるいくつかの点に焦点を当てます。最初は、SEO に有益な画像の title 属性と alt 属性です。最適化。フォーム送信のあるページはフォーム検証などを行う必要があります。

3.開発上の注意点

プログラムでの機能開発は一般的にページ制作に大きな影響を与えません。機能開発が必要なページがあり、デザインドラフトにそのページがあれば、フロントエンドと通信して優先的に機能を開発することができます。ページの機能開発、この場合はページ制作と機能開発を同時に行うことができます。プログラムの開発過程で注意しなければならないことは、まずデザイン案を理解する必要があることと、ページ作成の過程でプログラムの連携部分を理解することができることです。デザイン案を理解していないと、協力する際に​​問題が発生する可能性があります。これはフロントエンドとプログラム間の暗黙の了解にもつながります。

上記は、カスタマイズされたWebサイトプロジェクトの制作中に、デザイン、フロントエンド、プログラムで注意する必要があることです。もちろん、これは私が日常生活で遭遇したことを整理してこの短い記事を書いたものにすぎません。後で他の問題が発生した場合は、編集者が関連記事を更新し続けます。

この記事は http://www.0731pgy.com/a/news/Industry%20News/382.html からの転載です