Question

html+css做一个网页 是不是先要写出每个div的宽和高

Answer 1

一般情况下流程如下：
根据UI切图，从上到下
html代码也是从上到下
不需要先写每个div的宽和高
宽度一般可以固定，高度一般是用内容撑起来的
也就是说可以写宽度，高度自适应

建议先买本html+css的基础书籍看一下，边看边做，进步会很快的。

Answer 2

一般高度是不给的，除非很特殊的情况。

Answer 3

一、基本要求：

1、网页代码的编写按W3C标准编写。

2、CSS不能分散在HTML标记里，要封装到外部调用文件。
如果CSS出现在HTML标记里，搜索引擎爬虫就要分散注意力去关注这些对优化没有任何意义的东西，所以要封装到专用CSS文件中。（通过外部链接：<link href=" style/index.css" rel="stylesheet" type="text/css" /> ）

二、网页布局：
1、采用div+css布局。

2、头部，主体，底部，头部和底部为共公调用。

3、整体布局：
<div id="header" >```头部```</div>
<div id="main" >`````主体```</div>
<div id="footer" >```底部```</div>

4、主体框架布局：
<div id="main" >
<div class="mainbody">
<div class="news">
````````新闻模块内容``````````
</div>
· <div class="product">
````````产品模块内容````````
</div>
<div>

<div class="mainbody case">
````````案例模块内容````````
</div>
</div>

4、模块布局：
<div class="news">
<div class="title">
<h2>新闻</h2><span><a href="#">更多</a></span>
</div>
<ul>
<li><a href="#">列表标题</a><span>05-08<span></li>
````````````````````````````````````````````
</ul>
</div>

5、尽量不使用表格布局，因为搜索引擎对表格布局嵌套3层以内的内容懒的去抓取。搜索引擎爬虫
有时候也是比较懒的，要保持代码和内容在3层以内。

三、具体要求

1、编码必需统一采用UTF—8（网页文件和样式文件）注

2、页面编写出来的浏览效果要与效果图一致，如效果图有不合理的地方，程序员应及时与管理者联系，取得同意后，再操作。
（注：效果图有时会有不合理的地方，程序员如有发现，希望及时与管理者交流，避免从新操作，谢谢！）

3、尽量少用JS，JS代码尽可能用外部调用文件封装。搜索引擎不喜欢JS，影响网站的友好度指数。
操作步骤可以去看看—《http://v.youku.com/v_show/id_XMTMyODgwOTQyNA==.html?f=26058274》——

4、网站样式文件要分开，头部、底部、客服等为公共样式，放在global.css文件中，首页主体样式放在index.css中，内页主体样式放在layout.css中，

5、站点文件：
主站：zhouyizhi
根目录：1、模板文件 （如：index.html、product.html、 list_news.html）
2、JS文件夹 ( 主要存放JS文件，文命名：js )
3、图片文件夹 ( 主要存放图片文件, 文命名：images)
4、样式文件夹 ( 主要存放样式文件，文命名：style ; 主要有以下文件：
1、公共调用，头部，底部样式：global.css
2、首页主体（main）样式：index.css
3、内页主体 (main) 样式：layout.css )

6、标题采用h1、h2、h3、h4、h5……标签，一个页面里h1只出现一次，二级栏目使用H2，让搜索引擎能够分辨清晰网页那一块很重要，那一块次之。这会让SEO优化工作效率提高很多。

7、网页中样式标签命名采用英文，根据相应该的栏目，翻译成英文，不能随意写。如：新闻资讯（news）、标题（title）、案例（case）

8、栏目内容采用 ul li 去调用循环。

9、网页里，所有图片，必须在CSS文件中定义高宽度，如果不写，调用程序后，页面会变形。产品宽高一般比例为4：3格式。

10、幻灯片功能是否实现，有无兼容性问题及展示效果是否合理、美观。

11、各功能模块能功是否实现，模块间是否有冲突。

12、每个模块有独立的样式控制，不同模块间，不应采用公共样式，不然后期不好维护。

13、栏目标题要用文字去写，除图片效果、复杂的背景外，可以用图片，其它的都要直接用文字去写，而不是用图片，（如：产品分类，公司简介等）

14、页面中表单，不能使用表格去布局，还是采用DIV+CSS去控制，一般没有特殊性情况，网页中不出现表格。

15、检查每个标签是否闭合。

16、检查网页的兼容性，必需兼容（IE6、IE7、IE8、IE9、火狐、Google、360）等浏览器。
给你看看这些基础的东西，你想要学习的话可以去5 1r gb看看视频