How to learn div (Web Standard) making Web pages

Source: Internet
Author: User
Keywords Web page production CSS Tutorials
Tags code content design design web how to how to make html http

This article and you focus on how to learn how to div to make Web pages, how to learn how to make a website? I think everyone who has just contacted the Web standards will ask such questions, and I will summarize them according to my experience.

How to learn div making Web pages

Many of the people I contacted asked how to learn Web standards to make Web pages. I think everyone who has just contacted the Web standards will ask such questions, and I will summarize them according to my own experience.

1. Do not blindly use the DW and other tools to design Web pages to familiarize yourself with (X) HTML and CSS languages

Because the requirements of the Web standards for the code increased, there is no knowledge of XHTML code is not able to pass the school test. DW tools can also be used, but look at the code to write the page.

The first is XHTML code, not a lot, knowing how they are used, how to write correctly, and remember to close tag. such as <img><br>. It is recommended to look at some HTML reference manuals, after all, XHTML is upgraded from HTML, and many tags continue to be used.

2. Establishment of standardized statements (DOCTYPE) and head

Previous web pages, even large portal sites have not even a statement, just, now is to do is to give your Web page with a statement, standardize the head area, let search engines and like your site.

Recommended wording:

&lt;!--(1) Transition type (transitional)--&gt;&nbsp; &nbsp;&lt;! Doctypehtmlpublic "-//w3c//dtdxhtml1.0transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "&gt;&nbsp; &nbsp;&lt;!--(2) strict type (Strict)--&gt;&nbsp; &nbsp;&lt;! Doctypehtmlpublic "-//w3c//dtdxhtml1.0strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" &gt;&nbsp; &nbsp;&lt;!--(3) frame type (Frameset)--&gt;&nbsp; &nbsp;&lt;! Doctypehtmlpublic "-//w3c//dtdxhtml1.0frameset//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" &gt; &nbsp; &nbsp;&lt;!--set a name space (Namespace) lang= "zh"/--&gt;&nbsp; &nbsp;&lt;htmlxmlnshtmlxmlnshtmlxmlnshtmlxmlns= "http://www.w3.org/1999/xhtml" lang= "zh" &gt;&nbsp; &nbsp;&lt;head&gt;&nbsp; &nbsp;&lt;!--Declare your coding language: Gb2312/utf-8 /unicode/iso-8859-1--&gt;&nbsp; &nbsp;&lt;metahttp-equivmetahttp-equivmetahttp-equivmetahttp-equiv= " Content-type "content=" text/html;charset=gb2312 "/&gt;&nbsp; &nbsp;&lt; metahttp-equivmetahttp-equivmetahttp-equivmetahttp-equiv= "Content-language" content= "zh"/&gt;&nbsp; &nbsp; &lt;!--content for search engines--&gt;&nbsp; &nbsp;&lt;!--allows you to search all links within the robot search station. If you want some pages not to be searched, recommend using the Robots.txt method--&gt;&nbsp; &nbsp;&lt;metacontentmetacontentmetacontentmetacontent= "All" name= " Robots/&gt;&nbsp; &nbsp;&lt;!--set site author information--&gt;&nbsp; &nbsp;&lt;metanamemetanamemetanamemetaname= "Author" content= admin@lvtao.net,memory/&gt;&nbsp; &nbsp;&lt;!--Set site copyright information--&gt;&nbsp; &nbsp;&lt;metanamemetanamemetanamemetaname= " Copyright "Content=" www.php100.com, All rights reserved "/&gt;&nbsp; &nbsp;&lt;!--site Brief Introduction (recommended)--&gt;&nbsp; &nbsp;&lt; Metanamemetanamemetanamemetaname= "description" content= "php100 technology sharing community, China's largest PHP resource sharing portal"/&gt;&nbsp; &nbsp;&lt;!-- Site keywords (recommended)--&gt;&nbsp; &nbsp;&lt;metacontentmetacontentmetacontentmetacontent= "PHP, resources, video tutorials" name= "keywords"/&gt; &nbsp; &nbsp;&lt;!--Favorites Small icon--&gt;&nbsp; &nbsp;&lt;linkrellinkrellinkrellinkrel= "icon" href= "/favicon.ico" type= " Image/x-icon "/&gt;&nbsp; &nbsp;&lt;linkrellinkrellinkrellinkrel=" Shortcuticon "href="/favicon.ico "type=" image/ X-icon "/&gt;&nbsp; &nbsp;&lt;title&gt; page title &lt;/title&gt;&nbsp; &nbsp;&lt;!--ConnectionStyle sheet--&gt;&nbsp; &nbsp;&lt;linkrellinkrellinkrellinkrel= "stylesheet" rev= "stylesheet" href= "Css/style.css" Text/css "media=" All "/&gt;&nbsp; &nbsp;&lt;styletypestyletypestyletypestyletype=" Text/css "media=" All "&gt;@ Importurl (css/style01.css);&lt;/style&gt;&nbsp; &nbsp;&lt;!--rss--&gt;&nbsp; &nbsp;&lt; Linkrellinkrellinkrellinkrel= "Alternate" type= "Application/rss+xml" title= "Memory" href= "Http://www.lvtao.net/inc" /rsd.php "/&gt;&nbsp; &nbsp;&lt;!--js--&gt;&nbsp; &nbsp;&lt;scriptsrcscriptsrcscriptsrcscriptsrc=" Js.js "type=" Text/javascript "language=" JavaScript "" &gt;&lt;/script&gt;&nbsp; &nbsp;&lt;/head&gt;&nbsp; &nbsp;&lt;body&gt;&lt; /body&gt;&nbsp; &nbsp;&lt;/html&gt;&nbsp;&nbsp;

3. Learn div with CSS page layout

Use

with CSS for your page layout, and do not use table, such a lot of articles, examples are many, recommend you to Bluediea.com,div layout of the benefits of a lot of promotions a few practical:

1. Small code redundancy, the Web page to open faster.

2. The structure and performance of the separation, you can only through the CSS changes in your layout, and information unchanged, so maintenance and upgrade costs reduced.

4. Learn Web standards theory, semantic, CSS, structure and performance separation ideas

The Web Standard is only to achieve, tag semantics, structure and performance separation, Web site localization to the internationalization of excessive, backward compatibility and device-independent, so that your Web page on the Internet unimpeded.

This stage, you've been able to use CSS to lay out your Web pages, create pages that can be checked by the Web, and you can learn what is the website standard, the framework and role of web standards, the ideas and advantages of separation of structure and performance, the deeper theories of CSS, xhtmltag semantics, affinity theory, Cross-platform, make your Web page fit for multiple browsers and multiple devices.

5. Use Web standards to make Web pages, establish their own web standard code specifications, improve development efficiency

Web standards are still in the promotion, there is no mature model, after all, the need for handwritten code, you can then according to their own experience to improve the efficiency of their development methods, you can put some commonly used code snippets, custom CSS naming, And some reusable functional modules for code editing to improve the reusability of the code!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.