ウェブページデザインのための4つの実践的なヒント

ウェブページデザインのための4つの実践的なヒント
関連記事: Web コンテンツ ページを作成するための 9 つの実用的なヒント<br />ページ デザイン1. テキストの作成、画像の検索、HTML タグの作成を開始する前に、まず基本的な Web ページ構造を整理する必要があります。
始めるときにかなり明確な構造を念頭に置いていないと、間違いなく混乱に陥ってしまいます。お気に入りのページをいくつかアンロードし、HTML ソース ファイルをチェックしてその記述方法を確認し、その全部または一部をテスト ファイルに貼り付けてテストします。他人のページ全体をコピーするのは盗作ですが、他人から学ぶのは研究です。
2. ユーザーが初めてホームページにアクセスするとき、通常は読む価値のあるものを探しているわけではありません。ハイパーテキスト用語で言えば、マウスでクリックできる単語、画像、ボタンなどのオプションを探している可能性があります。次のステップは、テキストを読み、オプションを選択し、マウス ボタンを押し、次のページが表示されたらこのプロセスを繰り返すことです。
ここでの秘訣は、読んでいるときに適切なキー押下比率を決定することです。選択肢が少なすぎると訪問者は退屈に感じ、選択肢が多すぎると訪問者を怖がらせてしまう可能性があります。
3. ページに大量の情報が含まれている場合は、ページのデザインを開始する前に、対象となる読者を決定する必要があります。
初心者や新しい訪問者にとっては、ファイル構造を固定し、最初に指示を与えるのが理にかなっています。たとえば、目次やそれに類似した構造などです。知識や経験のレベルが異なる読者を満足させようとしている場合、制限的なヒントを提供することで、一部の読者が基本を飛ばして要点だけを理解できるようになる可能性があります。リンクを提供するときは、あらゆるレベルの読者を考慮してください。
4. 読者を圧倒しすぎないようにしましょう。
ウェブページをサウンドや画像で乱雑にする必要はありません。また、ファイルを長くして読者が読み込みに長時間待たされるようなことも避けてください。そのため、画像は注意して使用してください。大きな画像はページの作成を遅くするのは明らかですが、順番に読み込む必要のある小さな画像が多数ある場合も同様です。

<<:  効率化に役立つ 20 の CSS コーディングのヒント (並べ替え)

>>:  HTML H タイトルタグの使用

推薦する

Dockerはrabbitmqのサンプルコードをインストールして実行します

イメージをプルします: [mall@VM_0_7_centos ~]$ sudo docker pu...

MySQLデータベースはMMM高可用性クラスタアーキテクチャを実装します

コンセプトMMM (Mysql のマスター マスター レプリケーション マネージャー) は、Perl...

Vueはページdivボックスのドラッグアンドドロップソート機能を実装します

vue は、ページ上の div ボックスのドラッグ アンド ドロップ ソート機能を実装します。 序文...

MySQL Workbench の使い方チュートリアルの詳しい説明

目次(I) Workbenchを使用してデータベースを操作する①データベースを作成する② データベー...

デジタルテーブル特殊効果を実現するネイティブJS

この記事では、ネイティブ JS で実装されたデジタル時計エフェクトを紹介します。エフェクトは次のとお...

MySQLの実行原理、論理階層化、データベース処理エンジンの変更について詳しく説明します

長い間 MySQL を使ってきたので、SQL 文はすでに覚えていると思います。そこで、その実行原理を...

CSS3 でのシンプルな LED デジタル時計の実装方法

これは多くの人がやったことがあるはずです。ただうずうずして書きたかったので、時間をかけていじってダー...

Dockerのデフォルトネットワークセグメントの正しい変更手順

背景同僚がセキュリティ プロジェクトに取り組んでおり、AWS サーバーに秘密兵器を展開する必要があり...

Windows プラットフォームでの MySQL のインストールと設定方法と注意事項

2.1、msiインストールパッケージ2.1.1、インストール特に重要なのは、インストール前に、元の ...

TSで最も一般的な宣言マージ(インターフェースマージ)

目次1. マージインターフェース1.1 非関数メンバー1.2 関数メンバー序文:今日お話ししたいのは...

いくつかのMySQL更新操作のケース分析

目次ケーススタディアカウント残高を更新する直接更新楽観的ロック方式ロックフリーソリューションキューイ...

Javascriptの基本ループの詳しい説明

目次サイクルのために入室のためのその間しながら行うループから抜け出す要約するサイクルのためにループは...

js で 0ms 遅延タイマーを実装するいくつかの方法

目次キューマイクロタスク非同期/待機メッセージチャネルやっと付録ここ二日間、「タイムリーな setT...

Docker イメージのプルとタグ操作 pull | tag

Fabric プロジェクトのソースコードを読み直してみたところ、Docker の部分でよくわからな...

CSSでできるならJavaScriptは使わない

序文JavaScript で記述できるアプリケーションは、最終的には JavaScript で記述さ...