网站设计实训报告

实训报告,网站制作,网站建设,网页

浙江宁波职业技术学院

网页设计实训报告

设计题目： 乐玩旅游 班 级： 网络3112班 姓 名： 凯赛尔·阿巴斯 学 号：指导老师：

电子信息工程系

2012-12-13

实训报告,网站制作,网站建设,网页

1.实训目的

1．进一步熟悉和掌握网站建设的基本流程和技术规范； 2．巩固运用 Dreamweaver网页制作软件制作网页；

3．巩固运用Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设 计网页中动画的知识；

4．巩固综合运用Dreamweaver、Photoshop、flash三个软件完成网站建设任务的方法， 能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5．具备独立撰写实训报告等科技文件的基本能力；

6．在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培 养创新能力和团队意识；

7．为今后从事网站开发、维护和管理奠定基础。

实训报告,网站制作,网站建设,网页

《乐玩旅游》网站设计

班级：网络3112班 姓名：凯赛尔·阿巴斯

一、 前言

为了给广大朋友们介绍家乡的景风景点，发展家乡的旅游事业，让世界真正的认识到我家乡的每个宝地，选择了关于旅游的题目来做网页。

为了完成的制作这个网页我选择使用网页编辑排版Dreamweaver CS3、网页图像制作软件Photoshop CS3、网页动画制件软件Macrome Flash8.0等软件。

二、 总体设计

从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我要做的网站的结构图，如图1-1

所示：

实训报告,网站制作,网站建设,网页

画出了这个结构图我们就有了明确的目标了，接下来我们就开始做网页了。

三、 详细设计

1.首先我就新建了一个网页叫做index.html，如图1-2所示：

图1-2

2.然后我就开始布局网页结构了。先在要做的网页中布局表格，然后在这个表格里面布局单元格，这样才能很容易的找的到我们以后要改的地方，如图1-3所示：

图1-3

3. 网站首页导航功能实现介绍：网站首页导航有七个链接分别是：首页、主题旅游、景风景点、酒店预订、旅游指南、关于我们、会员中心。它们都采用“行为”中“交换图像”。如图1-4所示：

实训报告,网站制作,网站建设,网页

4. 网站首页公告栏功能实现过程：公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图1-5所示：

图1-5

5. 网站首页最下面的footer的制作，如图1-6所示：

图1-6

6.这一步我就进一步的完善首页，做完首页的同时改了一下首页中间的一些内容，开始做网页的子网页，这下来我要做的网页基本上都容易做了。主题旅游、景风景点、酒店预订、旅游指南、关于我们、会员中心都是改掉首页的情况下改造做出来的。如图1-7，1-8, 1-9, 1-10，1-11,1-12,所示：

实训报告,网站制作,网站建设,网页

图1-7 图1-8

图1-9 图

1-10

图1-11 图1-12

7. 注册功能模块实现过程：注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的设计，如图1-13所示。

图1-14

8. 发送页面的相关代码如下：

<% if request.Form("message")<>""then

实训报告,网站制作,网站建设,网页

message1=trim(request.Form("message")) application.Lock() xm3=session("xm2")

application("show")=xm3&"在"&time&"说："&message1&"<br>"&application("show") application.UnLock() end if %>

9.首页加了背景音乐，代码如下：

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="AutoStart" value="2" />

<param name="FileName" value="Library/bjyy.mp3" /> </object>

10.这样基本上都做完了要做的网站，整个做完的网页如如图1-15：

图

1-15

实训报告,网站制作,网站建设,网页

四、 结束语

其实实习是一次用自己的眼和耳去感受环境的机会，通过两周的这段实习，我受益匪浅，我对自己的专业有了更为详尽而深刻的了解，认识到了许多学不到的东西，不在局限于书本，而是有了一个比较全面的了解。从而更深的了解的了自己的不足，该往哪个方向而努力，这些都是以前所部了解的。

实习的日子我们收获了许多东西，学到了为人处世的许多道理与方法，学会了怎样学习，也学会了把一根警醒自己的惰性、使自己始终保持自强不息良好心态. 我觉得收获真是非常的大。可能使我从家两点一式的生活所致，还有我对社会的渴望了解。为毕业以后到社会工作奠定基础，铺平道路。今有不少学生实习时都觉得课堂上学的知识用不上，出现挫折感，可我觉得，要是没有书本知识作铺垫，又哪应付瞬息万变的社会呢？经过这次实践，虽然时间很短。可我学到的却是我一个学期在学校难以了解的。就比如何与同事们相处，相信人际关系是现今不少大学生刚踏出社会遇到的一大难题，于是在实习时我便有意观察前辈们是如何和同事以及上级相处的，而自己也尽量虚心求教，不耻下问。

我想通过这次实习，我会认识到自己的更多不足，在学校的学习会更加努力，更加严于律己，努力做到理论与实践相结合，敢于实践，做合格的毕业生！