《从零开始学做专题.doc》由会员分享，可在线阅读，更多相关《从零开始学做专题.doc（30页珍藏版）》请在金锄头文库上搜索。
1、从零开始学做专题原帖：http:/ 5日精通CSS层叠样式表对于这套教程，你要做的就是看完“第一日”那部分并且熟记。后面四日的内容，可以大概地浏览一遍。b、http:/ 编程之邦-CSS-视频教程如果你觉得文字教程太枯燥，那么建议你阅读这套视频教程。同样，认真看完第一章课前须知并熟记；第二章第二章常用选择和属性可以大概地看一遍3、Dreamweaver的基本操作http:/ 选题和版式确定 构建DIV+CSS页面 布置内容 美化先看看效果：http:/ (打开网速可能有点慢，请大家稍等)这是第一期教程，以本版内容为主题做一个示范专题。然后根据大家的反馈情况，对第一期教程的内容进行调整，同时开始
2、准备第二期教程。一、首先是热身阅读。先对专题有一个大概的了解。这部分内容节选自论坛内不同的帖子：http:/ 专题内容：全在这个索引帖里了http:/ 专题版面结构： logo、banner、menu 入门(html、css、dw) 进阶(色彩、图文、布局) 实例教程 资源下载内容才是一个专题的灵魂。页面什么的只是一种载体。不过这里我也只能写写载体的搭建教程。至于如何做出有内涵的专题，请大家多留意网编经验的帖子。 三、确定布局 四、布局这里，我按照番茄的方法，画了一个div布局图。这个布局图很明显地表明了不同的div之间的关系：|body|_#container |_#header |_#lo
3、go |_#banner |_#menu |_#base |_#html |_#css |_#dw |_#advanced |_#color |_#pic |_#lay |_#other |_#down |_#example |_#footer怎样把直观的图片变成代码呢？在每个框的开头加上框的结尾加上然后按照整个图的顺序，从左到右、从上到下把代码排列起来。完整代码如下(适当增加段落缩进，便于看清div之间的关系(为注释部分，可以删去)： 选题和版式部分到此结束。这一节中有些地方不是很科学。例如div的命名。大家可以参考DW版的其他帖子。附上上面那个div布局图的psd原图：http:/ 8中文
4、版，把这个框架一步步构建出来。一、建站在桌面上新建个文件夹bianews，然后打开Dreamweaver8中文版。以下操作均在Dreamweaver里进行1. 新建站点，站点名称为“网编是怎样练成的”；本地根文件夹为桌面上的“bianews”文件夹 2. 新建页面，保存在bianews文件夹根目录，命名为“index.html”；编码为utf-8 3. 新建css，保存在bianews文件夹根目录，命名为“index.css”好，建站准备工作到此结束。二、写Xhtml1、写div部分切换回index.html，切换到代码界面，在之间插入如下代码(注意，全部是小写字母)： !-基础知识行（第三行容器）
