利用DIV+CSS设计出一个《网站首页.docVIP

存档资料 课 程 设 计 报 告 书 所属课程名称 网页设计与制作 题 目 　利用DIV+CSS设计出一个《网站首页》　　　　　　　 　　　 分 院 　　电 信 分 院 　　 　 专业班级 学　　号 　　　　 　　 　 学生姓名 　　　　 　　　 指导教师 　　　 2014年 12月 29日 序号 项 目 等　　　级 优秀 良好 中等 及格 不及格 1 课程设计态度评价 2 出勤情况评价 3 任务难度评价 4 工作量饱满评价 5 任务难度评价 6 设计中创新性评价 7 论文书写规范化评价 8 综合应用能力评价 综合评定等级 课程设计（论文）评阅意见 评阅人 　 职称 20 年 月 日 目　录 TOC \o 1-3 \h \z \u HYPERLINK \l _Toc9362 第一章 课程设计的内容与要求 PAGEREF _Toc9362 4 HYPERLINK \l _Toc16964 第二章 网页设计的思路 PAGEREF _Toc16964 5 HYPERLINK \l _Toc2896 1.建立站点； PAGEREF _Toc2896 5 HYPERLINK \l _Toc10228 4.切割效果图； PAGEREF _Toc10228 6 HYPERLINK \l _Toc4120 4.1．头部导航栏 PAGEREF _Toc4120 6 HYPERLINK \l _Toc27948 4.2．主体 PAGEREF _Toc27948 7 HYPERLINK \l _Toc26211 4.3．底部 PAGEREF _Toc26211 8 HYPERLINK \l _Toc5785 5.布局页面——头部和导航； PAGEREF _Toc5785 8 HYPERLINK \l _Toc2773 (1).视图： PAGEREF _Toc2773 8 HYPERLINK \l _Toc22071 (2).代码实现： PAGEREF _Toc22071 9 HYPERLINK \l _Toc6079 6.布局页面——侧边栏； PAGEREF _Toc6079 10 HYPERLINK \l _Toc21582 6.1．该布局为右侧边栏 PAGEREF _Toc21582 10 HYPERLINK \l _Toc5786 (1).视图： PAGEREF _Toc5786 10 HYPERLINK \l _Toc13694 (2).代码实现: PAGEREF _Toc13694 10 HYPERLINK \l _Toc32361 6.2：该布局为右侧边栏 PAGEREF _Toc32361 13 HYPERLINK \l _Toc28185 (1).视图： PAGEREF _Toc28185 13 HYPERLINK \l _Toc20005 (2).代码实现： PAGEREF _Toc20005 13 HYPERLINK \l _Toc13656 7.布局页面——主体部分； PAGEREF _Toc13656 14 HYPERLINK \l _Toc27559 (1).视图 PAGEREF _Toc27559 14 HYPERLINK \l _Toc16177 (2).代码实现： PAGEREF _Toc16177 14 HYPERLINK \l _Toc22993 8.底部和细节调整。 PAGEREF _Toc22993 17 HYPERLINK \l _Toc15533 (1)底部视图 PAGEREF _Toc15533 17 HYPERLINK \l _Toc29298 (2).代码实现： PAGEREF _Toc29298 18 HYPERLINK \l _Toc14200 第三章 程序代码与视图 PAGEREF _Toc14200 19 HYPERLINK \l _Toc17355 1.程序代码： PAGEREF _Toc17355 19 HYPERLINK \l _Toc19754 2. 对于整个页面实现的效果图为： PAGEREF _Toc19754 25 HYPERLINK \l _Toc12216 第四章 课程设计心得 PAGEREF _Toc12216 27 HYPERLINK \l _Toc12027 第五