领略家乡的文化特色-Web前台程序设计报告书.doc

《领略家乡的文化特色-Web前台程序设计报告书.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Web前台程序设计课程设计报告题目领略家乡的文化特色小组成员高凤伟、褚晓凯、李文龙、靳宇鹏年级2014级1班专业计算机科学与技术二级学院信息工程学院目录1需求分析11.1课程设计目的11.2网站主题11.3网站功能介绍11.4时间安排表11.5成员分工12概要设计22.1建立站点22.2初始化站点22.3首页页面设计32.4唐山首页页面设计92.4保定首页页面设计132.5保定美食页面设计152.6沧州首页页面设计172.7沧州武术页面设计192.8石家庄首页页面设计212.9石家庄景区页面设计243首页页面详细设计273.1制作header

2、273.2制作nav273.3制作banner293.4制作content303.5制作footer384唐山首页页面详细设计394.1制作header394.2制作nav404.3制作banner414.4制作content424.5制作footer475沧州首页页面详细设计485.1制作头部485.2制作导航495.3制作主体506沧州武术页面详细设计526.1制作头部526.2制作导航536.3制作主体557保定首页页面详细设计577.1制作导航577.2制作主体587.3制作底部60II8保定美食页面详细设计608.1制作头部608.

3、2制作主体618.3制作底部669石家庄首页页面详细设计679.1制作头部679.2制作banner679.3制作nav部分699.4制作content709.5制作footer7410石家庄景区页面详细设计7510.1制作头部7510.2制作内容7511网站测试8011.1首页面测试8011.2唐山首页页面测试8111.3保定首页页面测试8111.4保定美食页面测试8211.5沧州首页页面测试8211.6沧州武术页面测试8211.7石家庄首页页面测试8311.8石家庄景区页面测试8312课程设计小结83II1需求分析1.1课程设计目的随着网

4、络技术的发展与互联网的普及，网站建设与网页制作越来越成为各行各业以及个人宣传自己的有利工具，网站在当今时代被越来越多的人用来宣传。 本课程的设计目的是增强动手实践能力，进一步加强自身综合素质。 学会和团队配合，逐渐培养做一个完整项目的能力。 我们小组本次主要设计的是以“我的故乡”为主题的网页，作为一个介绍故乡类的网站，网页元素充分体现了小组成员中每个人故乡的特色，达到让同学们和老师们看到网页后能充分了解我每个人的故乡的目的。通过对"我的故乡"网站结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌

5、握网站设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。1.2网站主题本站以组成员的家乡为出发点,描述家乡特色为主题。1.3网站功能介绍访问着可以在主页部分预览每个人家乡的特色部分，选择感兴趣的部分可以点击进入进行详细的了解。整个网站分为八个页面，分别为：主页面、李文龙家乡页面（唐山特色文化，美食等）、高凤伟家乡页面（保定特色文化，美食等）、高凤伟家乡特色页面，褚晓凯家乡页面（沧州特色文化，美食等），褚晓凯家乡特色页面，靳宇鹏家乡页面（石家庄特色文化，美食等），靳宇鹏家乡特色页面。各个页面间都是相互连接

6、的，方便读者更快捷地找到想了解的信息。1.4时间安排表时间安排见表1-1。表1-1课程设计时间安排表序号课程设计内容时间分配（学时）1确定网站的主题和整体风格、收集建站所需的资料12规划网站结构13主页和其他页面的设计与制作34答辩1合计61.5成员分工课程设计小组成员分工见表1-2。表1-2课程设计成员分工表序号课程设计步骤成员1确定网站的主题和整体风格全部成员2收集建站所需的资料全部成员853规划网站结构全部成员4主页李文龙5唐山页面李文龙6保定页面高凤伟7保定特色页面高凤伟8沧州页面褚晓凯9沧州特色页面褚晓凯10石家庄页面靳宇鹏11石家

7、庄特色页面靳宇鹏12报告负责人高凤伟13答辩负责人李文龙2概要设计2.1建立站点（1）创建网站根目录创建网站根目录“我的故乡”文件夹。（2）建立相关子目录分别创建文件夹“CSS”，“images”，“HTML”。2.2初始化站点（1）创建html文件和css文件课程设计共有8个html文件，分别是首页.html，唐山首页.html，保定首页.html，经典美食.html，沧州首页.html，沧州武术.html，石家庄首页.html，石家庄.html。在css文件夹里有7个css文件，分别是首页.css，唐山首页.css，沧州首页.css，沧州

8、武术.css，保定首页.css，石家庄首页.css，石家庄.css。各个文件名和内容对应关系见表2-1。表2-1html文件和css文件介绍表序号文件名内容介绍1首