web实验报告的总结.docxVIP

web实验报告总结 　　Web实验报告　　课题：网页设计与制作　　专业：通信工程　　班级：　　学号：　　一.实验任务：　　设计制作一个《网页设计与制作》精品课程网站　　二．实验要求：　　站点目录：要求层次分明，不能将内容都放在站点根目录下；不要使用中文；为每种类型文件都建立一个独立的目录。　　填写网站设计报告：必须认真填写网站设计报告中的每一项，完成网站结构的设计说明，包括以下各项内容：　　1)网站主题：必须围绕一个确定主题创建网站，否则成绩以不及格计。　　2)站点名称：必须为自己的站点命名，名称要紧扣站点主题，并反映在每个网页上。　　3)站点根文件夹：以个人学号及姓名命名。　　4）文件与文件夹：网站内使用的图片放在images文件夹中,主页以命名,其它文件夹自已命名,要以有意义的英文字母来命名,不要使用中文,网页文件也要使用有意义的英文来命名。　　5)站点结构：分类存放网站中的资源，一律以树型目录结构表示并说明文件夹的用途。　　6)站点地图：以结构图方式给出网页的名称和各页面间的超级链接。　　7)CSS、行为：说明制作、使用了几个CSS样式，说明CSS样式的名称，为什么内容添加、制作了什么行为。　　2.网站内容要求　　网站至少要有8个页面，可以使用表格、框架等来进行统一布局。　　网站的站标使用自已制作的图像，网站名称自已命名，要跟网站的主题一致。　　按提供的课件等资料添加链接或下载功能。　　每个网页有自己的适当的标题、导航条。注意：网页标题是指显示在浏览器标题栏上的文字，而不是网页中的段落标题。每个网页都能够返回上一级页面或首页。　　网站中要使用CSS，要使用行为制作动态效果，超链接效果正确无误，要有锚点链接，要有背景音乐，要能够提供文件下载，要有flash动画。可添加视频文件等。　　三．实验内容：　　该网站设计共使用了9个HTML页面。　　采用了frame框架结构：由frame1，frame2，frame4，及相关页面构成。进入后，播放背景音乐；　　frame2中点击各个选项，分别跳转到相关界面；资料页面：采用链接，可实现课件资源的调用；　　Flash页面：实现了锚点连接，超链接，flash图像的播放　　留言板：代码中写入了相关留言，可点击查看。　　设计中使用了CSS的设计，菜单界面歌词部分使用了表格结构，共调用了3个CSS方法；名字分别为：.unnamed1，.text和.bt。内容如下：　　.unnamed1{　　}　　.text{font-family:Arial,sans-serif;　　text-align:right;　　}　　.bt{font-family:宋体;　　color:#F60;　　}　　分别对字体，大小及颜色进行各自不同的设置；font-size:13px;line-height:16px;　　留言板部分也使用了div进行布局；　　超链接正常无误，均能返回上一层；点击“返回菜单”后各页面均可回到主页面。效果如下：　　WEB系统开发　　综合实验报告　　题目红尘客栈网上订房页面专业计算机科学与技术班级学生　　重庆交通大学　　XX年　　目录　　一、设计目的3　　二、设计题目3　　三、结构设计3　　四、技术分析4　　五、设计过程7　　六、实验心得10　　七、实验总结11　　一、设计目的　　在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课,本课程的设计目的是通过实践使同学们经历网页制作的全过程.通过设计达到掌握网页设计、制作的技巧。　　了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。　　熟练掌握Photoshopcs3、Dreamweavercs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。　　二、设计题目　　《红尘客栈》　　三、结构设计　　选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。　　然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。