ホームページ > ウェブフロントエンド > CSSチュートリアル > Webページアート制作仕様書_CSS/HTML

Webページアート制作仕様書_CSS/HTML

WBOY
リリース: 2016-05-16 12:12:26
オリジナル
1554 人が閲覧しました

1. 全文検索が可能なページでは、インターネット上の検索エンジンが効果的に検索できるように、チャンネルのホームページの HTML の

の間にキーワードと説明メタ タグを追加する必要があります。ページを作成するときに、顧客の Web サイトを忘れずに追加してください。特に一般的なURLのページは必ずキーワードを追加してください~!これで宣伝もしやすくなりますよ!
例:



2. Web サイトを作成する場合、ページにはヘッダー ファイルとテール ファイルが統一されます。必ず単一の上部ヘッダー ファイルと下部テール ファイルを作成し、ページ内でそれらをネストしてください。これは簡単に変更できます。ネストされたコード:
1. (推奨)
2. (使用する場合は青い部分を変更するだけです)

3. プラグイン スタイルを統一して使用します。テーブル~!関連コード:
a:link a:visited a:hover a:actived の順序は、元の順序と一致している必要があることに注意してください。
最初に再定義、2 番目に疑似クラス、そして最後にカスタマイズです。
異なるブラウザでフォント サイズの一貫性を確保するには、ポイント pt とピクセル px を使用してフォント サイズを定義することをお勧めします。pt は通常、中国宋時代の 9pt と 11pt を使用し、px は通常中国宋時代を使用します。王朝 12px および 14.7px これは、太字フォントまたは Song フォントを太字にする場合、通常は 11pt および 14.7px のフォント サイズが適切です。

4. Web ページでは、大きなテーブル全体の使用を避ける必要があります
ブラウザーがページの要素を解釈するとき、Web ページがテーブル単位で 1 つずつ表示されるため、すべてのコンテンツはこの大きなテーブル内にネストされます。埋め込み 大きなテーブルに配置すると、訪問者が URL を入力すると、最初は長い間空白のスペースが表示され、その後、すべての Web コンテンツが同時に表示されるという結果が考えられます。これを行う必要がある場合は、 タグを使用して、大きなテーブルをチャンクで表示できるようにします。
テーブルのネストを 3 レベル以内で制御するようにしてください
5.幅と高さの書き方についても統一された仕様があり、1列のみのテーブルの場合はのタグに幅を記述し、
のタグに高さを記述します。複数の行と列があるテーブルの場合、幅と高さは最初の行または列の
タグに書き込まれます。つまり、同じセルのサイズを制御する高さと幅は 1 つだけであってはなりません。つまり、幅と高さの値を変更する場合は、それが有効であることを確認してください。変更はブラウザに表示されます。これを行うのは簡単ではなく、長い時間の練習と思考が必要です。

◆レイアウト:
1. テキストを安易に中央揃えにしたり、太字や斜体を使用したりしないでください。視覚的に乱雑であることに加えて、多くのブラウザでは斜体が適切に表示されず、文字の傾きによって生じる空白の変化が補正されません。
2. 各ページで異なるスタイルのアイコンを使用しないでください。
3. img行にaltタグを追加します。これにより、テキストベースのブラウザを使用している読者には [IMAGE] 以外のものが表示され、画像が正常に読み込まれなかった場合でもグラフィカル ブラウザを使用している読者には何かが表示され、HTML ファイルも非常にきれいに作成できます。
4. ボタンのように見えてもボタンとして機能しないものを使用しないでください。

◆Web カラーマッチングのテクニック
1. 1 つの色を使用します。これは、最初に色を選択し、次に透明度または彩度を調整して (より簡単に言うと、色を明るくしたり暗くしたりすることを意味します)、Web ページで使用する新しい色を生成することを指します。このようなページは色が統一されており、階層感があります。
2. 2色を使います。まず色を選択し、次にその対照的な色を選択します (Photoshop で Ctrl+Shift+I を押します)。こうして私のホームページは青と黄色で決まりました。ページ全体はカラフルですが、過度にカラフルではありません。
3. カラーシステムを使用します。簡単に言うと、ライトブルー、ライトイエロー、ライトグリーン、またはアースイエロー、アースグレー、アースブルーのような色を使用します。色を決定する方法は人によって異なります。Photoshop で前景色のカラー ボックスをクリックし、表示されるカラー ピッカー ウィンドウで「カスタム」を選択し、「カラー ライブラリ」でそれを選択します :)
4 . 黒と 1 色を使用します。たとえば、真っ赤なフォントに黒い枠線があると、非常に「人気」があるように感じられます。
Web のカラー マッチングにおけるタブーは次のとおりです。
1. すべての色を使用せず、3 色に制限するようにしてください。
2. 本文の内容を強調するために、背景と前のテキストのコントラストをできるだけ大きくする必要があります (複雑なパターンを背景として使用しないでください)
◆ 点滅すると頭痛がします
ロゴを使用すると、ホームページの特別セクションに訪問者を引き付けることができますが、訪問者にとっては頭痛の種にもなります。訪問者がサイトに戻ってくるようにしたい場合は、この方法は慎重に使用してください。
◆ アニメーションの装飾
アニメーションは 1 つだけ使用してください
「空白万歳」
空白を残すように注意してください。たとえ十分なスペースがあるとしても、Web ページを画像、テキスト、不必要なアニメーション GIF で乱雑にしないでください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート