In actual website practice, CSS + DIV \ Layout of Huawei website, css Huawei

From the beginning, CSS + DIV \ Layout of Huawei websites, css Huawei

After our previous css learning, we have already mastered the CSS technology in modules. However, if we make a complete page, we haven't touched it yet. What about this time, mr. Xiaoqiang has come to use CSS + DIV to create a completeWebsite CasesTo imitate Huawei's website.

It can be divided into the following six parts:


See the following video address:


01 build Huawei site: http://www.tudou.com/programs/view/Vbo8EffWPQw/

02 Huawei station start: http://www.tudou.com/programs/view/FP8aT-bP6E4/

03 Huawei head part start: http://www.tudou.com/programs/view/L5xNIDmIsBw/

04 Huawei navigation and banner: http://www.tudou.com/programs/view/-oUyQc2y-hk/

05 news part completed: http://www.tudou.com/programs/view/bIkXyP2ggFI/

06 Huawei main part end http://www.tudou.com/programs/view/nPOkX7QC0Ss/

First, build a skeleton (structure chart ):
The first page:
Website creation process:
1. communicate with customers (enterprises)
2. Set the price
3. Pay the deposit (half of the price will not be refunded)
4. Output (ps fw)
5. Code Writing
6. Online Testing
7. Submit the customer
8. One year of free maintenance
 
Website creation:
1. Create a site first
2. Name of the home page: index.html index. jsp index. php. index. aspx
3. Image and css are ready
4. Code preparation
Logo optimization:
1. Use h1 as much as possible for logo
2. The logo can be inserted into an image or used as the background.
3. You must specify a connection to the home page.
4. You must add a title to the connection and enter the website name.

Instructor Xiaoqiang's most easy-to-understand CSS + DIV getting started learning video is absolutely complete.

There are gains. This course mainly targets webpage special effects. If you like, please

Let others join the web design world. For video clips, go:

Http://www.xiaoqiang001.com smallStrong and zeroDownload

What should I do if I use DIV + CSS to layout a static webpage?

Ps has a slicing tool to cut the image you need into a small block, only cut the image, do not cut it all, the smaller the image, the better, such as repeated background, you can just switch one pixel and set the style to tile when making a webpage. After cutting, right-click the slice and choose "RENAME". But you need to know the meaning of the name, and then save the file as a web format. There is an option under the selection, so the user slice should not be selected. After that, we can use dreamweaver to create a webpage.
Dreamweaver creates an html page. The div + css or table layout is used. Currently, most of them use div + css. You can find a tutorial or something on the Internet. It may be a little difficult if you don't have the foundation. If you have learned the basics, you can do it easily, or you can directly ask someone to tell you about it. This is faster.
Okay. What's the problem? Baidu hi me

Div + css webpage Layout

Please forgive me for writing the code to you. <div style = "width: 600; height: auto;">
<Div style = "width: 600px; height: 100px; background-color: green; float: left;">
</Div>
<Div style = "width: 200px; height: 400px; background-color: red; float: left;">
</Div>
<Div style = "width: 200px; height: 400px; background-color: blue; float: left;">
</Div>
<Div style = "width: 200px; height: 400px; background-color: yellow; float: left;">
</Div>