Web实验报告

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Web实验报告课题:网页设计与制作

专业:通信工程

班级:

学号:

一.实验任务:

设计制作一个《网页设计与制作》精品课程网站

二.实验要求:

(1)站点目录:要求层次分明,不能将内容都放在站点根目录下;不要使用中文;为每种类型文件都建立一个独立的目录。(例如images文件夹用于存放图象,目录的层次不能没有,但必须尽量少,以便于管理。)

(2)填写网站设计报告:必须认真填写网站设计报告中的每一项,完成网站结构的设计说明,包括以下各项内容:

1) 网站主题:必须围绕一个确定主题创建网站,否则成绩以不及格计。

2) 站点名称:必须为自己的站点命名,名称要紧扣站点主题,并反映在每个网页

上。

3) 站点根文件夹:以个人学号及姓名命名。

4)文件与文件夹:网站内使用的图片放在images文件夹中,主页以index.htm命名,其它文件夹自已命名,要以有意义的英文字母来命名,不要使用中文,网页文件也要使用有意义的英文来命名。

5) 站点结构:分类存放网站中的资源,一律以树型目录结构表示并说明文件夹的

用途。

6) 站点地图:以结构图方式给出网页的名称和各页面间的超级链接。

7) CSS、行为:说明制作、使用了几个CSS样式,说明CSS样式的名称,为什

么内容添加、制作了什么行为。

2. 网站内容要求(3人一组)

(1)网站至少要有8个页面,可以使用表格、框架等来进行统一布局。

(2)网站的站标(Logo)使用自已制作的图像,网站名称自已命名,要跟网站的主题一致。

(3)按提供的课件等资料添加链接或下载功能。

(4)每个网页有自己的适当的标题、导航条。注意:网页标题是指显示在浏览器标题栏上的文字,而不是网页中的段落标题。每个网页都能够返回上一级页面或首页。

(5)网站中要使用CSS,要使用行为制作动态效果,超链接效果正确无误,要有锚点链接,要有背景音乐,要能够提供文件下载,要有flash动画。可添加视频文件等。

三.实验内容:

该网站设计共使用了9个HTML页面。

采用了frame框架结构:由frame1,frame2,frame4,及相关页面构成。

进入shouye.html后,播放背景音乐;

frame2中点击各个选项,分别跳转到相关界面;

资料页面:采用链接,可实现课件资源的调用;

Flash页面:实现了锚点连接,超链接,flash图像的播放

留言板:代码中写入了相关留言,可点击查看。

设计中使用了CSS的设计,菜单界面歌词部分使用了表格结构,共调用了3个CSS方法;名字分别为:.unnamed1,.text和.bt。内容如下:

.unnamed1 {

font-size: 13px;

line-height: 16px;

}

.text {font-family: Arial, sans-serif;

text-align:right;

}

.bt {font-family:"宋体";

color:#F60;

}

分别对字体,大小及颜色进行各自不同的设置;

留言板部分也使用了div进行布局;

超链接正常无误,均能返回上一层;点击“返回菜单”后各页面均可回到主页面。效果如下:

结构图:

Img文件夹 jpg图片flash图片

根目录 yinyue文件夹 mp3音乐文件

Ziliao文件夹课件压缩包

Html页面

实验总结:

通过本次的Web实验,我对网页制作及开发有了更深层的了解。制作过程中,运用了框架,链接,CSS等方法。不仅完成页面的跳转,也实现了本地保存资料,锚点连接,flash等功能。对于网页制作的工具及使用,我有了进一步的熟悉和了解。

制作过程中遇到了一些问题,但在同学的帮助下,都克服了困难。这些经历让我对设计细节有了更详细的关注,是十分宝贵的人生经验。我对网页的设计存在着浓厚的兴趣,希望在今后的时间里,我还能有更多的机会接触到WEB这门知识。

相关文档
最新文档