9 Tips for Web Page Layout

9 Tips for Web Page Layout
<br />Related articles: 9 practical suggestions for web content page creation 4 practical suggestions for web page design<br /> Layout 1. Don't easily center the text or use bold or italic characters.
2. Use short paragraphs, bullet points, appropriate block quotations, horizontal lines to divide sections, and image maps to guide main links to make your pages attractive and easy to read.
3. Don’t use different icons on every page.
4. Don’t fill the page with images to add visual interest. Use colored dots whenever possible — they’re smaller and add color to list items (and can be used in colored lists). Colored separator bars can also enhance the graphics without disrupting the bandwidth.
5. Be cautious with GIFs used as backgrounds. They can make a page look interesting and even professional, but decorative backgrounds can easily render text unreadable. To make a good background, color contrast alone is not enough. The background is either very light (darker text) or very dark (lighter text). If the background contains an image, the contrast should be low so as not to be too distracting to the reader.
6. Add an ALT tag to the IMG line.
7. You can also use ALT tags on the separator bar so that readers using text-based browsers can see something more interesting rather than just a straight line.
8. Don’t put important content at the end of the page—some readers may not read that far down.
9. Don't make something that looks like a button but doesn't function as a button.

<<:  JavaScript to achieve elastic navigation effect

>>:  Implementation of Docker deployment of SQL Server 2019 Always On cluster

Recommend

MySQL uses init-connect to increase the implementation of access audit function

The mysql connection must first be initialized th...

How to make if judgment in js as smooth as silk

Table of contents Preface Code Implementation Ide...

Sample code for seamless scrolling with flex layout

This article mainly introduces the sample code of...

Complete example of vue polling request solution

Understanding of polling In fact, the focus of po...

Tutorial on installing MySQL 8.0.11 using RPM on Linux (CentOS7)

Table of contents 1. Installation preparation 1. ...

Solution to MySQL startup successfully but not listening to the port

Problem Description MySQL is started successfully...

The use of vue directive v-bind and points to note

Table of contents 1. v-bind: can bind some data t...

JavaScript to achieve simple tab bar switching case

This article shares the specific code for JavaScr...

MySQL optimization: how to write high-quality SQL statements

Preface There are a lot of information and method...

The difference between ENTRYPOINT and CMD in Dockerfile

In the Docker system learning tutorial, we learne...

JavaScript implements simple date effects

The specific code of JavaScript date effects is f...

A brief summary of basic web page performance optimization rules

Some optimization rules for browser web pages Pag...

Detailed tutorial on compiling and installing MySQL 8.0.20 from source code

In the previous article, we introduced: MySQL8.0....