Several things to note when making a web page

Several things to note when making a web page
--Homepage backup
1.txt text
2. Scan the image
3. PSD design original picture (including AI, Flash, Banner, etc.)
4. htm web page file
5. htm_old* Old web page file backup--html directory structure
1. Open the site management window of the web page layout software Dreamweaver and create subdirectories according to the column content;

2. Create an independent images directory in each main directory, and do not store all files in the root directory;
3. All folder names and file names should be in lowercase letters, and the English file names should correspond to the Chinese meanings. --HTML source code
1. Character set setting: The Chinese version uses GB simplified code gb2312, and the English version uses iso-8859-1 character set;
2. Each page should have a title <title>. Different pages should have different titles according to their topics.
3. Foreign companies should add <meta> fields to their homepages to facilitate search engine searches (such as description, keyword);
4. Include the length, width and alt attributes (comment text) of all icons <img>. --Application of tables
1. Do not put the entire page in one table, try to split it into multiple tables;

2. The nesting level of tables should be as small as possible;
3. Use as few layers as possible if tables can be used for positioning. --Use frames
Avoid hiding column boundaries, which may cause some column contents to be hidden as well. --text
1. Use CSS to define font size and line spacing (it is recommended to use the "external link" method, make the CSS settings into a separate file, and call it in each page);
2. Avoid text errors and content placement errors (subject to customer information and production requirements);
3. Leave two spaces at the beginning of each line of Chinese text. --For pictures with rich colors or gradients (such as product pictures, etc.), it is recommended to use the JPG format; for pictures with monotonous colors (such as LOGOs, text buttons, etc.), it is recommended to use the GIF format. --Link
1. There should be no wrong links or images that cannot be exported (including errors caused by inconsistent file names or incorrect paths);
2. All secondary pages contain a link back to the home page. --Effect and speed
1. Web pages should be kept small in size, and oversized files should be divided into several pages;
2. Reasonably compress graphic files without affecting the image effect. --Browser compatibility takes into account both IE and Netscape browsers and multiple resolutions to avoid typesetting errors. --Others: Confirm that the company profile contains all relevant information about the company, including mailing address, phone number, E-mail and contact person, etc.

<<:  Setting up Docker proxy under CentOS 7 (environment variable configuration of Systemd service under Linux)

>>:  Table setting background image cannot be 100% displayed solution

Recommend

Detailed explanation of commands to view linux files

How to view linux files Command to view file cont...

How to use a field in one table to update a field in another table in MySQL

1. Modify 1 column update student s, city c set s...

The correct way to use Homebrew in Linux

Many people use Linux Homebrew. Here are three ti...

How to use mixins in Vue

Table of contents Preface How to use Summarize Pr...

MySQL compression usage scenarios and solutions

Introduction Describes the use cases and solution...

Detailed explanation of how to implement secondary cache with MySQL and Redis

Redis Introduction Redis is completely open sourc...

Discussion on horizontal and vertical centering of elements in HTML

When we design a page, we often need to center th...

Nginx proxy axios request and precautions

Preface I recently wrote a small demo. Because I ...

The use of FrameLayout in six layouts

Preface In the last issue, we explained LinearLay...

Four completely different experiences in Apple Watch interaction design revealed

Today is still a case of Watch app design. I love...

Example code of CSS responsive layout system

Responsive layout systems are already very common...

How to use docker to deploy Django technology stack project

With the popularity and maturity of Docker, it ha...

How to implement a lucky wheel game in WeChat applet

I mainly introduce how to develop a lucky wheel g...

Detailed Example of MySQL InnoDB Locking Mechanism

1. InnoDB locking mechanism The InnoDB storage en...