関連記事: Web コンテンツ ページを作成するための 9 つの実用的なヒント<br />ページ デザイン1. テキストの作成、画像の検索、HTML タグの作成を開始する前に、まず基本的な Web ページ構造を整理する必要があります。 始めるときにかなり明確な構造を念頭に置いていないと、間違いなく混乱に陥ってしまいます。お気に入りのページをいくつかアンロードし、HTML ソース ファイルをチェックしてその記述方法を確認し、その全部または一部をテスト ファイルに貼り付けてテストします。他人のページ全体をコピーするのは盗作ですが、他人から学ぶのは研究です。 2. ユーザーが初めてホームページにアクセスするとき、通常は読む価値のあるものを探しているわけではありません。ハイパーテキスト用語で言えば、マウスでクリックできる単語、画像、ボタンなどのオプションを探している可能性があります。次のステップは、テキストを読み、オプションを選択し、マウス ボタンを押し、次のページが表示されたらこのプロセスを繰り返すことです。 ここでの秘訣は、読んでいるときに適切なキー押下比率を決定することです。選択肢が少なすぎると訪問者は退屈に感じ、選択肢が多すぎると訪問者を怖がらせてしまう可能性があります。 3. ページに大量の情報が含まれている場合は、ページのデザインを開始する前に、対象となる読者を決定する必要があります。 初心者や新しい訪問者にとっては、ファイル構造を固定し、最初に指示を与えるのが理にかなっています。たとえば、目次やそれに類似した構造などです。知識や経験のレベルが異なる読者を満足させようとしている場合、制限的なヒントを提供することで、一部の読者が基本を飛ばして要点だけを理解できるようになる可能性があります。リンクを提供するときは、あらゆるレベルの読者を考慮してください。 4. 読者を圧倒しすぎないようにしましょう。 ウェブページをサウンドや画像で乱雑にする必要はありません。また、ファイルを長くして読者が読み込みに長時間待たされるようなことも避けてください。そのため、画像は注意して使用してください。大きな画像はページの作成を遅くするのは明らかですが、順番に読み込む必要のある小さな画像が多数ある場合も同様です。 |
<<: 効率化に役立つ 20 の CSS コーディングのヒント (並べ替え)
タブ選択カードは、実際の Web ページで非常に頻繁に使用されます。基本的に、すべての Web ペー...
Vue foreach配列を記述し、jsで配列をトラバースする方法シナリオVueでAxiosを使用し...
この記事の例では、Vueスライダー検証の実装を共有しています。コードは次のとおりです。 <テン...
序文テーブルを削除するには、無意識に思い浮かぶコマンドは、DROP TABLE "テーブル...
最近、データベースについて学び始めました。最初にやったことは、データベースとは何か、データベースとデ...
背景すべては、WeChat 技術グループのクラスメートが「写真の主な色を取得する方法はあるか」と尋ね...
展開環境:インストールバージョン Red Hat Cent 7.0 MYSQL バージョン 8.0....
目次前に書いてビジネスコードは環境変数を使用するwebpack.DefinePlugin プラグイン...
LinuxにMySQL 8.0.25をインストールするための最新のチュートリアルを参考にしてください...
LinuxでのMySQL5.7 rpmのインストール方法を参考までに記録します。具体的な内容は以下の...
react-native インストールプロセス1.npx react-native init Awe...
MySQLの起動失敗の解決策MySQLを起動できませんmysqlを停止した後、いくつかの操作(ホスト...
1. Dockerの紹介1.1 仮想化1.1.1 仮想化とは何ですか?コンピュータにおける仮想化とは...
システムド: CentOS 7のサービスsystemctlスクリプトは、/usr/lib/syste...
MySQLはレプリケーションフィルターを動的に変更します今日遭遇した問題についてお話しします。今日は...