存档资料
成绩:
华东
课 程 设 计 报 告 书
所属课程名称
网页设计案例教程
题
目
制作家乡网站
分
院
电 信 分 院
专业班级
17 软工
学
号
学生姓名
指导教师
2018 年 06 月 27 日
目录
1.1课程设计的要求
Dreamweaver制作出一个家乡网站
子网页
1.利用网页制作软件
2.家乡网站设计至少含有三个
3.每个子网页中都应包
含导航栏,版权信息等
4.美食网站中应
存在站内搜索,和登录窗口.................................................................................................3
1.2 课程设计的目的..............................................................................................................3
第二章 网站系统分析 ................................................................................................................... 5
2.1 首页分析...........................................................................................................................5
2.2 子网页分析.......................................................................................................................6
井冈山简介 ................................................................................................................................. 7
行政区划.................................................................................................................................7
自然资源.................................................................................................................................7
地理气候.................................................................................................................................7
第三章 网页模块结构设计 ......................................................................................................... 12
1.导航栏模块:....................................................................................................................12
2.站内搜索模块: ...................................................................................................................16
3.登录界面模块:................................................................................................................19
4.项目列表模块:................................................................................................................23
5.片展示模块:....................................................................................................................28
第四章 网页实现设计 ................................................................................................................. 32
2
1.首页设计代码及预览效果: ...............................................................................................32
2.家乡简介子网页设计代码: ...............................................................................................34
3.革命历史子网页设计代码: ...............................................................................................38
4.旅游在线子网页设计代码:............................................................................................42
第五章 课程设计心得 ................................................................................................................. 44
第六章 参考文献(资料) ......................................................................................................... 46
致 谢........................................................................................................................................... 47
第一章 课程设计要求及目的
1.1 课程设计的要求
1.利用网页制作软件 Dreamweaver 制作出一个家乡网站
2.家乡网站设计至少含有三个子网页
3.每个子网页中都应包含导航栏,版权信息等
4.美食网站中应存在站内搜索,和登录窗口
1.2 课程设计的目的
1.通过综合实训进一步巩固、深化和扩展学生的理论知识。
(1) 掌握规划网站的内容结构、目录结构、链接结构的方法。
3
(2) 熟练掌握网页制作软件 Dreamweaver 的基本操作;
2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动
手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图
像资料、flash 动画和网页特效等。
3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际
问题的能力及其基本工作素质。
4.培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作
的能力
4
华东**课程设计报告
第二章 网站系统分析
2.1 首页分析
首页
导航栏
站内搜索
主页
列表
版权信息
从上述结构图中可出:主页是非常丰富的,内容比较多。在主页也有
二级导栏,总体以红色背景为主,符合家乡的特点。
5
同时,它有两大部分组成。一、页头页脚的设计;主要完成页面的结
构分析,搭建框架切割效果图以及页头页脚的制作。然后整出了页面整体
的效果。二、导航栏侧边栏设计,主要是在第一步的基础上,然后继续完
成网站导航栏侧边栏的设计。并且增加了一个 JS 文件。值得注意的一个细
节是,许多板块之间基本上是无缝对接。还有一个比较普遍的一个思想是
鼠标划过和停留超链接的时候,它的样式是发生了改变。
2.2 子网页分析
(一)井冈山简介子网页
6
井冈山简介
二级导栏
版权信息
背景图片
背景色
行政区划
自然资源
地理气候
从上述结构图中可出:井冈山简介样式也不是过于简单,它
有二级纵向导航栏,背景图片,背景色的改变以及版权信息等。
从总体上来看,模版的结构还是很清晰的。
7
(二)革命历史子网页
革命历史
二级导栏
背景图片
版权信息
8