ウェブページを作成する際に注意すべき点

ウェブページを作成する際に注意すべき点
--ホームページのバックアップ
1.txtテキスト
2. 画像をスキャンする
3. PSDデザイン原画(AI、Flash、バナー等含む)
4. htm ウェブページファイル
5. htm_old* 古いウェブページファイルのバックアップ - html ディレクトリ構造
1. Web ページレイアウトソフトウェア Dreamweaver のサイト管理ウィンドウを開き、列の内容に応じてサブディレクトリを作成します。

2. 各メイン ディレクトリに独立した画像ディレクトリを作成し、すべてのファイルをルート ディレクトリに保存しないでください。
3. すべてのフォルダ名とファイル名は小文字にし、英語のファイル名は中国語の意味に対応している必要があります。 --HTML ソースコード
1. 文字セット設定:中国語版はGB簡体字コードgb2312を使用し、英語版はiso-8859-1文字セットを使用します。
2. 各ページにはタイトル <title> が必要です。トピックに応じて、ページごとに異なるタイトルが必要です。
3. 外国企業は、検索エンジンによる検索を容易にするために、ホームページに <meta> フィールドを追加する必要があります (説明、キーワードなど)。
4. すべてのアイコン <img> の長さ、幅、alt 属性 (コメント テキスト) を含めます。 --表の応用
1. ページ全体を 1 つの表にまとめるのではなく、複数の表に分割するようにしてください。

2. テーブルのネストレベルはできる限り小さくする必要があります。
3. テーブルを使用して配置できる場合は、レイヤーをできるだけ少なくします。 --フレームを使用する
列の境界を非表示にしないでください。列の内容も一部非表示になる可能性があります。 - 文章
1. CSS を使用してフォント サイズと行間隔を定義します (「外部リンク」方式を使用して、CSS 設定を別のファイルにし、各ページで呼び出すことをお勧めします)。
2. テキストエラーやコンテンツ配置エラーを回避する(顧客情報および制作要件による)。
3. 中国語テキストの各行の先頭に 2 つのスペースを残します。 --色彩が豊かでグラデーションのある画像(商品画像など)の場合は JPG 形式を使用することをお勧めします。単調な色彩の画像(ロゴ、テキスト ボタンなど)の場合は GIF 形式を使用することをお勧めします。 - リンク
1. エクスポートできない間違ったリンクや画像がないこと(ファイル名の不一致やパスの誤りによるエラーを含む)
2. すべてのセカンダリ ページには、ホームページに戻るリンクが含まれています。 --効果とスピード
1. Web ページのサイズは小さく保ち、大きすぎるファイルは複数のページに分割します。
2. 画像効果に影響を与えずにグラフィックファイルを適切に圧縮します。 --ブラウザの互換性では、IE と Netscape の両方のブラウザと複数の解像度を考慮し、タイプセット エラーを回避します。 --その他: 会社プロフィールに、郵送先住所、電話番号、電子メール、連絡先担当者など、会社に関するすべての関連情報が含まれていることを確認します。

<<:  CentOS 7 での Docker プロキシの設定 (Linux での Systemd サービスの環境変数設定)

>>:  オブジェクトのプロパティを反復処理する際の TypeScript の問題

推薦する

CentOS 7 に Percona Server+MySQL をインストールする

1. 環境の説明(1) CentOS-7-x86_64、カーネルバージョン uname -r は、 ...

Windows での Nginx のインストールと環境設定 (nginx をサービスとして実行)

最初で最も重要なステップは、Windows 環境に Ngnix サービスをインストールする方法です。...

Typescriptを使用してWeChatミニプログラムでプロジェクトを作成する方法

プロジェクトを作成するWeChat開発者ツールでプロジェクトを作成し、言語でTypeScriptを選...

HTML 特殊文字エンコーディング CSS3 コンテンツに関する簡単な説明:「私は特別なシンボルです」

プロジェクトで使用されている特殊文字とアイコンHTMLコードXML/HTML コードコンテンツをクリ...

vue+antv でレーダーチャートを実装するためのサンプルコード

1. 依存関係をダウンロードするnpm インストール @antv/データセットnpm インストール ...

ウェブサイトのビジュアルデザインの重要なポイント

手工芸デザインからグラフィックデザイン、そしてウェブデザインまで、デザインの原則は同じままですが、私...

MYSQL の binlog 最適化に関する考察の要約

質問質問 1: トランザクションをコミットするときに REDO ログをフラッシュすることによって発生...

MySQL ストアド プロシージャにおけるループ ステートメント (WHILE、REPEAT、LOOP) の使用法の分析

この記事では、例を使用して、MySQL ストアド プロシージャでのループ ステートメント (WHIL...

ストリーマーボタンの効果を実現するCSS3アニメーション

CSS3 を学習する過程で、CSS3 属性を使用すると多くのクールな効果を簡単に実現できることが分か...

Chrome デベロッパー ツールの詳細な紹介 - タイムライン

1. 概要ユーザーは、アクセスする Web アプリケーションがインタラクティブでスムーズに実行される...

CSSはスクロールを許可しながらスクロールバーを非表示にするためにオーバーフローを設定します

CSS は、スクロールを許可しながらスクロール バーを非表示にするために Overflow を設定し...

Nginx がサーバーの生存状態をパッシブにチェックする詳細な説明

導入定期的にヘルスチェックを送信して、アップストリーム グループ内の HTTP サーバーのヘルスを監...

高い同時実行性の下でNginxのパフォーマンスを最適化する方法をまとめます

目次特徴利点インストールとコマンド設定ファイルプロキシモードとリバースプロキシ構成フォワードプロキシ...

Docker データ ストレージ ボリュームの詳細な説明

デフォルトでは、コンテナ データの読み取りと書き込みはコンテナのストレージ レイヤーで行われます。コ...

jQuery ベースのカレンダー効果

この記事では、カレンダー効果を実現するためのjQueryの具体的なコードを例として紹介します。具体的...