関連記事: Web コンテンツ ページを作成するための 9 つの実用的なヒント<br />ページ デザイン1. テキストの作成、画像の検索、HTML タグの作成を開始する前に、まず基本的な Web ページ構造を整理する必要があります。 始めるときにかなり明確な構造を念頭に置いていないと、間違いなく混乱に陥ってしまいます。お気に入りのページをいくつかアンロードし、HTML ソース ファイルをチェックしてその記述方法を確認し、その全部または一部をテスト ファイルに貼り付けてテストします。他人のページ全体をコピーするのは盗作ですが、他人から学ぶのは研究です。 2. ユーザーが初めてホームページにアクセスするとき、通常は読む価値のあるものを探しているわけではありません。ハイパーテキスト用語で言えば、マウスでクリックできる単語、画像、ボタンなどのオプションを探している可能性があります。次のステップは、テキストを読み、オプションを選択し、マウス ボタンを押し、次のページが表示されたらこのプロセスを繰り返すことです。 ここでの秘訣は、読んでいるときに適切なキー押下比率を決定することです。選択肢が少なすぎると訪問者は退屈に感じ、選択肢が多すぎると訪問者を怖がらせてしまう可能性があります。 3. ページに大量の情報が含まれている場合は、ページのデザインを開始する前に、対象となる読者を決定する必要があります。 初心者や新しい訪問者にとっては、ファイル構造を固定し、最初に指示を与えるのが理にかなっています。たとえば、目次やそれに類似した構造などです。知識や経験のレベルが異なる読者を満足させようとしている場合、制限的なヒントを提供することで、一部の読者が基本を飛ばして要点だけを理解できるようになる可能性があります。リンクを提供するときは、あらゆるレベルの読者を考慮してください。 4. 読者を圧倒しすぎないようにしましょう。 ウェブページをサウンドや画像で乱雑にする必要はありません。また、ファイルを長くして読者が読み込みに長時間待たされるようなことも避けてください。そのため、画像は注意して使用してください。大きな画像はページの作成を遅くするのは明らかですが、順番に読み込む必要のある小さな画像が多数ある場合も同様です。 |
<<: 効率化に役立つ 20 の CSS コーディングのヒント (並べ替え)
Vue バス メカニズム (バス) vuex を使用するだけでなく、vue 内の親子以外のコンポーネ...
序文現在、私の会社で使用しているオペレーティングシステムはすべて CentOS7.4 で、アプリケー...
仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...
この記事の例では、WeChatアプレットで画像コントロールを選択するための具体的なコードを参考までに...
この記事の例では、JavaScriptで4桁のランダムな検証コードを生成する具体的なコードを参考まで...
目次1. jsステートメント2番目、js配列3. js関数4. メイヴンV. 結論1. jsステート...
Docker入門Docker はオープンソースのアプリケーション コンテナ エンジンです。従来の仮...
インストール手順 rpm -ivh mysql-コミュニティ-共通-5.7.18-1.el7.x86...
目次1. SC テーブルを挿入または変更するときに、テスト スコアが 0 ~ 100 の範囲外の場合...
この記事の例では、ページング効果表示を実現するためのミニプログラムの具体的なコードを参考までに共有し...
SUSE Linuxでルートパスワードを忘れた場合の解決方法SUSE (Linux オペレーティング...
目次導入導入集計関数 + over()ソート関数 + over() ntile() 関数 + ove...
css-vars-ポニーフィルCSS 変数を使用して Web ページのスキニングを実現すると、互換...
1. プロジェクト構造 2.Tomcat.javaを呼び出す パッケージ com.calltomca...
margin:auto; + position: absolute; 上、下、左、右:0デモを見れ...