WEB 二

2018-04-18  本文已影响0人  A_9c74

用HTML与CSS来写一个静态的淘宝网页

一个网页的构成

 HTML文件以开头,以结束。所以开头结尾分别是<html></html>

 head部分,即是HTML的头部,定义网页的标题以及其他的一些属性。

 body部分,这是网页的内容

    所以 一个HTML文件的基本结构应该是

<html>

<head>

</head>

<body>

</body>

</html>

首先 用CSS来分析一下网站的结构

淘宝首页的结构大概就是这样

然后利用CSS的属性来把基本的框架搭好

中间的部分结构相对比较复杂

可以用从上到下 或者从左到右的排版方式讲中间的结构搭好

每一个DIV都需要加上class 然后再外联CSS或者内联CSS样式里面编辑好每一个DIV的样式

效果图

剩下的部分以这个为准 基本可以全部完成

效果图

编辑淘宝网页的过程中 最难的无异于CSS的构造

CSS里的内容相对来说比较简单

编辑完淘宝之后网页的框架可以说是比较熟练了

上一篇 下一篇

猜你喜欢

热点阅读