使用div+css开发个人网站毕业设计
目 录
前 言.............................................................. 1 第一章 网站开发背景................................................ 2 第一节 WEB概述 ................................................... 2 一、认识WEB .................................................... 2 二、认识WEB2.0标准 ............................................ 2 第二章 DIV+CSS详解 ................................................ 5 第一节 DIV+CSS简介 ............................................... 5 第二节 级联样式表简介 .......................................... 6 第三节 DIV+CSS布局的优点 ........................................ 6 一、利于搜索引擎蜘蛛爬行 ....................................... 6 二、易于修改 ................................................... 7 三、减少网页加载时间 ........................................... 7 四、代码精简 ................................................... 7 五、相对表格的嵌套问题 ......................................... 8 六、搜索排名的影响 ............................................. 8 第四节 DIV+CSS布局方式 ............................................ 8 第五节 DIV+CSS理论概述 ............................................ 9 一、理解CSS盒子模型 ........................................... 9 二、转变思路 .................................................. 10 三、实现结构与表现分离 ........................................ 11 第六节 DIV+CSS的兼容性问题 ....................................... 11 一、div的垂直居中问题 ......................................... 11 二、margin加倍的问题 .......................................... 11 三、浮动ie产生的双倍距离 ..................................... 11
1
四、IE与宽度和高度的问题 ...................................... 11 五、页面的最小宽度 ............................................ 12 六、DIV浮动IE文本产生3象素的bug ............................ 12 七、IE捉迷藏的问题 ............................................ 12 八、IE6下为什么图片下有空隙产生 ............................... 12 第二章 开发工具的介绍............................................. 13
第一节 梦幻网页的编织者——Dreamweaver ........................ 13 第二节 图形、图像编辑设计软件制作软件——ADOBE PHOTOSHOP CS2 ...... 13 第三章 网站总体分析和设计......................................... 15 第一节 网站开发的需求分析 ....................................... 15 第二节 网站的总体设计 ........................................... 16 第三节 整体风格设计 ............................................. 19 一、页面属性设计 .............................................. 19 二、色彩搭配 .................................................. 19 三、连接效果 .................................................. 20 四、导航设计 .................................................. 20 五、细节设计 .................................................. 21 第四节 首页设计 ................................................. 21 一、DIV分布和概述 ............................................. 21 二、搜索关键字与描述 .......................................... 23 第五节 其他页面设计 ............................................. 23 第四章 网站的测试.................................................. 29 第五章 后续工作.................................................... 30 结 论............................................................. 31 结束语............................................................. 32 附录一：网站首页效果图............................................. 33 附录二：部分代码................................................... 34
2
3