I think every person who just came into contact with web standards will ask such a question. I will summarize it based on my own experience.
Step 1. Do not use DW or other tools to design webpages. Familiarize yourself with (x) HTML and CSS languages.
Because web standards have higher requirements for code, you cannot pass the verification without a certain understanding of the XHTML code. The DW tool can also be used, but you have to look at the code to write the webpage.
The first is XHTML code, not many, know how they are used, how to write correctly, and remember to close tags. For example, <br/>. We recommend you read some HTML reference manuals. After all, XHTML is upgraded from HTML, and many tags are still in use.
Step 2. Establish a standardized statement (doctype) and head
The previous web pages and even large portal websites do not even have a declaration, just <HTML>. What we need to do now is to add a declaration to your web page to regulate the head area, let the search engine and your website.
Recommended statement
<! -- (1) Transitional -->
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<! -- (2) Strict -->
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 strict // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! -- (3) Framework -->
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 frameset // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<! -- Set a namespace lang = "ZH-CN"/-->
<HTML xmlns = "http://www.w3.org/1999/xhtml" lang = "ZH-CN">
<Head>
<! -- Declare your encoding language: gb2312/UTF-8/Unicode/ISO-8859-1 -->
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Meta http-equiv = "content-language" content = "ZH-CN"/>
<! -- Content prepared for search engines -->
<! -- Allows a robot to search all links in a site. If you want some pages not to be searched, the robots.txt method is recommended -->
<Meta content = "all" name = "Robots"/>
<! -- Set the site author information -->
<Meta name = "author" content = "email, name"/>
<! -- Set site copyright information -->
<Meta name = "Copyright" content = "website copyright description"/>
<! -- Brief introduction to the site (recommended) -->
<Meta name = "Description" content = "New web designer. The Web Standard tutorial site promotes the application of Web standards in China "/>
<! -- Site keywords (recommended) -->
<Meta content = "Designing, with, web, standards, XHTML, CSS, graphic, design, layout, usability, ccessibility, W3C, W3, w3cn, ajie "name =" keywords "/>
<! -- Favorites icons -->
<LINK rel = "icon" href = "/favicon. ICO" type = "image/X-icon"/>
<LINK rel = "shortcut icon" href = "/favicon. ICO" type = "image/X-icon"/>
<Title> webpage title </title>
<! -- Join a style sheet -->
<LINK rel = "stylesheet" REV = "stylesheet" href = "CSS/style.css" type = "text/CSS" Media = "all"/>
<Style type = "text/CSS" Media = "all">
@ Import URL (CSS/style01.css );
</Style>
<! -- RSS -->
<LINK rel = "alternate" type = "application/RSS + XML" Title = "greengnn's space" href = "http: // www. *. COM/feed. ASP "/>
<! -- JS -->
<SCRIPT src = "JS/common. js" type = "text/JavaScript" Language = "JavaScript"> </SCRIPT>
</Head>
<Body>
</Body>
</Html>
Step 3. Learn Div and CSS for webpage Layout
Using <div> with CSS for Your webpage layout, instead of using table, there are many such articles and a lot of examples. We recommend that you go to bluediea.com, which has many advantages, I would like to raise a few practical:
1. The Code redundancy is small, and the webpage can be opened quickly.
2. The structure and performance are separated. You can change your layout only through CSS, but the information remains unchanged. This reduces the maintenance and upgrade costs.
Step 4. Learn the Web standard theory, semantics, CSS, Structure and Performance separation ideas
In fact, the proposed web standards only aim to achieve tag semantics, separation of structure and performance, over-internationalization of website localization, backward compatibility, and device independence, make Your webpage accessible on the Internet.
At this stage, you can use CSS to deploy your webpage and create a webpage that can pass W3C verification. You can understand what web standards and the Web standard framework and functions are, the concept and advantages of separation of structure and performance, the deeper theory of CSS, the semantics of XHTML tag, the affinity theory, and cross-platform nature Make Your webpage suitable for multiple browsers and devices.
Step 5. Use web standards to create webpages, establish your own standard web code specifications, and improve development efficiency
Web standards are still being promoted. There is no mature mode. After all, you need to write code. You can then propose some methods to improve your development efficiency based on your own experience, you can edit frequently-used code snippets, CSS names, and functional modules that can be reused into code clips to improve code reuse!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
