网页综合实-张翼-220.doc

《网页综合实-张翼-220.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、华北科技学院计算机学院综合性实验实验报告课程名称网页编程实验学期2014至2015学年第一学期学生所在系部计算机学院年级三　专业班级网络B122　班学生姓名张翼学号201207024220　任课教师李永飞实验成绩计算机学院制《网页编程》课程综合性实验报告开课实验室：基础六机房2014年12月1日实验题目个人网站综合实验一、实验目的　　　　通过开设该实验，学生可以把在本课程中所学到的HTML、CSS以及JavaScript技术综合应用于一个内容充实、形式丰富的个人网站，在实验过程中加深对网页编程所涉及的各种开发技术的理解及各种技术结合使用的体会，为后续课程的学

2、习打好基础。二、设备与环境PC兼容机、Windows操作系统、文本编辑软件、图片处理软件　三、实验内容　　　　实验内容：学生以个人为中心，可自由确定网站内容主题，综合应用HTML、CSS和JavaScript开发实现一个内容充实、形式丰富的个人网站。实验要求：要求所完成的网站至少包括5个以上网页，必须使用HTML中的至少5种标记，至少使用CSS或JavaScript技术中的一种用于网页效果的实现在课程结束前要提交综合性实验报告和网站的源代码。四、实验结果及分析1　设计思路首先在内容方面，我和合作伙伴陈伟准备做得是一个旅游网站，介绍一些旅游景区，通过图片展示，

3、文字介绍来向浏览页面的人了解这些特色风景，后面觉得内容有些单调，所以又加入了美食的介绍，主要是我家乡的面食文化。结构方面，主要是通过总分的形式展现出来。点开网页首页是我们做的网站的一个封面，是我和陈伟的照片以及一个未知的人，因为网站叫做三人行，所以将浏览者当做第三人来加入我们，进入网页后，首先是我们的主页，主页展示的是网站中旅游景点的图片，以及美食的图片。通过点击图片可以进入到与图片相关内容的文字描述景点照片，美食照片。在介绍网页的最后，又返回主页的链接，在阅读完后，浏览者可以返回主页，浏览其他信息。2　网站结构网站主要是以总分的形式进行构造的。首先是网站的

4、首页，首页只与主页链接，在点击首页相关链接后会进入网站的主页。主页通过CSS的布局，做成了由多个模块组成的框架，在这些模块中都是一些景区图片，又在这些图片上建立链接，进入我们建立的与图片相关的的网页。主页的标题是我们网站的logo图片，然后是美食和旅游相关的文字链接，下面是美食图片的滚动播放。然后是我们网站用户的登录框，以及旅游景点的图片链接。在美食和景点的介绍网页中，我们也是采取CSS的布局。使用了统一的布局方式，这样看起来比较整齐，也能看出是在同一等级的网页。我们构造网站的主要思路就是通过主页来链接其他的各个子网页，然后再从子网页返回到主页，这样形成了我

5、们的网站。3　部分关键代码说明（不超过2页）(1)网站logo#a{height:183px;background:#9c6;margin-bottom:5px;background-image:url(主页/标题.jpg);}我们网站中的每张网页开头，都放置了我们网站的专有logo。(2)采用统一的布局方式：在介绍类网页中我们采用了相同的布局结构，这样看上去会十分统一。Id=aId=bId=fId=gId=dId=hId=i********

6、">