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

ウェブページを作成する際に注意すべき点
--ホームページのバックアップ
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 の問題

推薦する

Centos7環境でYUMを構築する方法

1. yumソースの設定ファイルを入力します 2.lsで設定ファイルを表示する 3. ディレクトリを...

純粋な CSS3 マインドマップ スタイルの例

マインドマップ彼はおそらく次のように見えるでしょう: インターネット上の実装のほとんどは d3.js...

Flex モバイルレイアウトにおけるシングルラインレイアウトとダブルラインレイアウトの違いと使い方

レイアウトにul>liを使用した単一行レイアウトを以下に示します。 <ul class=...

postcss-pxtorem モバイル適応の実装

コマンドを実行してプラグインpostcss-pxtoremをインストールします npm インストール...

Docker での環境変数の使用とよくある問題の解決策

序文Docker はコンテナの環境変数を設定できます。設定方法は 2 つあります。イメージを作成する...

dockerfile における ENTRYPOINT と CMD の組み合わせと違い

前回の記事【dockerコンテナのためのdockerfileを詳しく解説】では、dockerfile...

CSS グリッドレイアウトの完全ガイド

Grid は 2 次元のグリッド レイアウト システムです。これを使用すると、本質的にはハック メソ...

Vueコンポーネントドキュメント生成ツールライブラリのメソッド

目次.vue ファイルの解析文書情報を抽出するコンポーネント名、説明、プロパティ、メソッド、モデルを...

オーディオマニアにアピールするオーディオビジュアルLinuxディストリビューション

私は最近、多くの音楽に特化した Linux ディストリビューションの 1 つである Audiovis...

MySQLの自己接続と結合の詳細な理解

1. MySQL 自己接続MySQL では、情報を照会するときに自分自身に接続 (自己接続) する必...

Elementのメッセージポップアップウィンドウが繰り返しポップアップする問題の解決

目次1. 使用2. メッセージポップアップウィンドウが繰り返し表示される問題を解決する1. 使用Vu...

JavaScript ベースで年・月・日の 3 階層連携を実現

この記事では、年、月、日の3段階のリンクを実現するためのJavaScriptの具体的なコードを参考ま...

CSS+SVGでBステーションの課金効果を実現するサンプルコード

困難SVG グラフィックの 2 つのマスクの作成まず、コード左側のピンク色のボックスの内容ですこれに...

2つのLinuxサーバー間でファイルとフォルダを転送する手順

今日、私はプロジェクトの移行の問題に取り組んでいましたが、突然、大量の写真をどうやって移動したらよい...