Webデザインの経験: Webコードを効率的に書く

本来、この第 7 章では、デザインにおけるレイヤーと空間テクニックについて深く議論するはずです。しかし、今日、ヌアンヌアンは私に向かって泣きながら、対処すべきことが十分にないと不平を言いました。また、当社は今年3月と4月に多くの事業を成功裏に完了しました。そして、その時に経験したいくつかのことをまとめました。効率の問題をみんなで共有する必要があると思います。スケジュールがタイトなため、分類が明確ではありませんが、ご容赦ください！

この記事は、3つの側面から始まります。1つは、企業サイトの構築（教育や政府カテゴリも企業サイトに含まれる）、2つ目は小規模ポータルサイトの構築、そして3つ目はグラフィック広告デザインについても触れます。主にウェブサイトです。

実は、コーポレートサイトの作業量は多くありません。一般的なコーポレートサイトで使われる可能性のあるカラムについては、経験豊富な同僚が教えてくれると思います。ここでは、これらのタスクを別の視点から見ていきます。ページの内容に応じて分類されます。

1: ホームページ。
ここのデザイン内容は最高です。作業も最も複雑です。今はデザインについては話さないようにしましょう。 PS 版から HTML へ、そして最終的にはサイト全体へ。多くの場合、ホームページは最も頻繁に変更されます。ここで強調したいのは、ホームページから始めて、インクルードファイルの使用に注意を払うということです。

2: ページネーション。
ページングにはいくつの種類がありますか?私の意見では、それはリストとビュー、リストページと読み取りページに過ぎません。リストは通常、ニュースリストまたは画像リストです。そして、ビューは 1 つだけ必要です。

そのため、一般的な企業サイトを構築する場合、上記の3ページが完成すれば、基本的に作業の1/3は完了となります。プログラムやコンテンツのエントリーもあります。

完全に動的なサイト。コンテンツの入力は簡単です。しかし、教育サイトや政府サイトなど、静的ページが多数あるサイトの場合は、もちろん、企業やプログラマーの視点からすると、紹介ページなど長期間に一度しか更新されないページは静的にしておく、というのも大きな理由です。もう 1 つの状況は、コンテンツに多数の画像、特殊記号、数式、表などが含まれている場合です。最も強力なエディタを使用しても、編集は依然として面倒です。 dw を使用するとより効率的かもしれません。ここでのみ、私の経験を真に表現することができます。
まず、大量のテキスト入力についてお話ししましょう。まず P を定義し、2em のインデントを忘れないでください。多くの人がこれに注意を払うからです。これにもまた留意する必要がある。誰もが QQ を開いて、Word やメモ帳から大量のテキストを直接コピーし、QQ ダイアログボックスに貼り付けて再度コピーし、余分なものを削除してから、dw コードの状態に移行していると思います。貼り付けられるのはコードステータスであることに注意してください。この時点で、コードの状態は元の段落を保持していますが、プレビューはセグメント化されていません。この時点で、P がその力を発揮し始めます。開始箇所は<p>、終了箇所は＜／p>で、途中の段落は「＜p＞＜／p＞」としてそのままコピー＆ペーストします。もう Enter キーや ALT + SHIFT + SPACE キーを押す必要はありません。！！
表について言えば、エディタで表を挿入するのは、DW で挿入するほど効率的ではありません。次に、DW でテーブルを描画し、コードをコピーしてエディターのコード状態に貼り付けます。効果は良いですね…
複雑なコンテンツといえば、表、特殊記号、数式、大量のテキスト、表、画像などがあります。そしてかなり長いです。どうすればいいですか？ FLASHPAPER という小さなソフトウェアをお勧めします。このソフトウェアは、すべてのコンテンツを Word 内で直接スクロールバー付きの swf ファイルに変換できます。 DW で少しずつ編集した HTML ファイルよりもサイズが小さくなる場合が多くあります。
実際、私が言いたいのは、コードステータス操作が最も効率的であることが多いということです。
お客様から提供された内容が不完全または不完全な場合、この状況は考慮されません。これは予備作業です。適切な対処方法が分からない場合は、最初の 6 章を読んでください。

****************************************** 制作とデザインの境界線について語る*******************************************

実際、多くの同僚はデザインに最も多くの時間を費やしています。また、企業サイトには一般的にコンテンツがあまりありません。私の「Advanced Web Design」シリーズの最初の 4 章をぜひご覧になってください。あなたのデザインに大いに役立つでしょう。残りについては詳しく説明しません。蓄積を再度強調するためです。継続的な積み重ねによってのみ、継続的な進歩を遂げることができます。第 4 章の材料については、次のように述べました。

写真の特定の部分を見ると、頭の中が明るくなり、その部分だけに基づいて一連のものをデザインできることに気づきます。

タスクを受け取ると、脳はハードドライブのように、そのタスクに類似したコンテンツ、または直接使用できるコンテンツをマシンに自動的にパッケージ化します。

何かをしたいときには、ハードドライブ内の利用可能なフォント、パターン、小さなアイコンが自動的に思い浮かびます。

何かをしたいとき、道路上や自転車に乗っているときに、どのウェブサイトのどの資料が使えるかすぐに思いつくことができます。

あるサイトを見たときに、どのサイトの構造が似ているか、どのサイトのスタイルが似ているかをすぐに推測することができます。。。

これらすべてができるのに、デザインはまだ難しいのでしょうか?

デザインとは、実際には継続的な蓄積のプロセスです。

*********************************************特に強調された区切り線************************************

もう一度強調しておきますが、インクルードファイルには 1 つ以上のインクルードファイルを含めることができます... この文を理解することで、静的および動的な Web サイトを作成するときに多くの労力を節約できます。

****************************************ウェブサイトデザインの基本的な境界線****************************************

このトピックについては後ほどさらに詳しく検討します。 Webデザイン関連。画像とテキストを混ぜるだけです。

<<: MySQL プロジェクトでトランザクション分離レベルを選択する方法

>>: Linux システム Docker への ASP.NET Core アプリケーションのデプロイのプロセス分析