用HTML与CSS来写一个静态的淘宝网页
一个网页的构成
HTML文件以开头,以结束。所以开头结尾分别是<html></html>
head部分,即是HTML的头部,定义网页的标题以及其他的一些属性。
body部分,这是网页的内容
所以 一个HTML文件的基本结构应该是
<html>
<head>
</head>
<body>
</body>
</html>
首先 用CSS来分析一下网站的结构
淘宝首页的结构大概就是这样
然后利用CSS的属性来把基本的框架搭好
中间的部分结构相对比较复杂
可以用从上到下 或者从左到右的排版方式讲中间的结构搭好
每一个DIV都需要加上class 然后再外联CSS或者内联CSS样式里面编辑好每一个DIV的样式
效果图
剩下的部分以这个为准 基本可以全部完成
效果图
编辑淘宝网页的过程中 最难的无异于CSS的构造
CSS里的内容相对来说比较简单
编辑完淘宝之后网页的框架可以说是比较熟练了
网友评论