html web page design-how to make HTML pages

Text description of html5 web design process?

Website structure design includes website column design and website module design to determine the logical expression of the services provided by the website, and is also the hierarchical relationship between web pages.

1. The website columns can play the role of outlining and guiding the content

2. The website columns have the function of clear navigation

3. The website modules must be in clear order and Close integration

2. Website theme design

Website theme design is actually the design of the visual presentation style of the website. The theme style of the website should be able to fully attract users' attention and provide users with a pleasant visiting experience.

1. Design a logo that reflects the content of the website, and place the logo in a prominent position on the website.

2. The color of the website should be unified and the main color of the website should be highlighted.

3. Images of the same type should have the same effect.

4. The website must have a clear promotional slogan.

3. Website layout types

1. Chinese font layout

This layout type is divided into top sidebar, left sidebar, middle content area, right sidebar and The footer area at the bottom is shaped like the word "国". The Chinese character structure is a commonly used web page layout structure at present. It is suitable for websites with a wide variety of information categories that require good organization.

2. T-shaped layout

This layout type consists of a top sidebar, a left sidebar, a content area, and a bottom sidebar. Its shape is a bit like a "T" written in English letters. Character. T-shaped structure websites currently appear more frequently on corporate websites of some authoritative institutions, enterprises and institutions.

3. Left and right frame layout

This type of website mainly consists of the left column and content area. The composition is relatively simple and is mainly used for the presentation of exciting content, mainly many personal sites, Blog of choice.

4. Top and bottom frame layout

This type of website consists of upper and lower sidebars. The upper sidebar is used to place information such as logos and links, and the lower sidebar is used to place the content of the web page. Top-down websites are often used for personalized display, and are also commonly used in company display on corporate portal websites.

5. Title text layout

The layout structure of this type of website consists of a top sidebar and a content area. The top sidebar is used to display the title of the article. It is mainly used to display the title of the article and place the content of the article in the content area. This type of layout is commonly used in the design of some papers and academic websites.

Website design will not use any of the layout structures listed above alone, but will achieve the desired effect by mixing a variety of layout structures. This type of layout is often called "comprehensive" layout".

4. Website page design

Website page is the final expression of the website. Website pages are determined by the quality of page content and the beauty of the page. The principles that page design should follow are as follows:

1. In line with the industry attributes and corporate characteristics of the enterprise. When customers open the website, they can intuitively feel the concepts and features conveyed by the company.

2. In line with users’ browsing habits. Sort the website content according to its importance so that users can find the information they need in the shortest time.

3. In line with users’ usage habits. Place frequently used functions in prominent locations on your website.

4. Match pictures and texts.

5. Conducive to search engine optimization. Reduce pictures and animations and use more text descriptions to facilitate search engine inclusion and make it easier for customers to find you. How to write a simple web page in html

A simple html web page can be written directly using text without downloading a specific editor.

1. In our Windows operating system, right-click the mouse on the desktop to create a new txt text and name it "The Simplest Web Page". This is only for convenience of identification and does not actually affect our operations. Note that we need to display the extension in the file properties in advance.

2. We open the folder attribute settings and display the file extension. Later we need to operate the file extension. The setting locations of different operating systems are different. We can directly search for "folder" Properties" to search and modify.

3. Then enter the simplest HTML text language.

The code is as follows:

The simplest web page

4. Save and close the txt text, and then modify the extension of our txt text to html. At this time, a warning box will pop up, prompting us to modify it. This may cause the file to become unusable. This is a processing logic of the operating system to prevent accidental or malicious file damage.

5. There is no need to worry, because this is under our own control. Confirm the warning, click "Yes", and then double-click to open our first html web page, and you will see the simplest html page. How to make an HTML page

1. First, we need to create a new notepad on the desktop

2. Then we need to open the notepad and write code

3. Then we need to change the suffix of Notepad to .html

4. Then we need to have a web page on the desktop, which is very important.

5. Finally, we need to run the webpage on the browser