网站设计实训报告.doc

浙江宁波职业技术学院 网页设计实训报告 设计题目： 乐玩旅游 班 级： 网络3112班 姓 名： 凯赛尔·阿巴斯 学 号： 1115913210 指导老师： 李可老师 电子信息工程系 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-1 画出了这个结构图我们就有了明确的目标了，接下来我们就开始做网页了。 详细设计 1.首先我就新建了一个网页叫做index.html，如图1-2所示： 图1-2 2.然后我就开始布局网页结构了。先在要做的网页中布局表格，然后在这个表格里面布局单元格，这样才能很容易的找的到我们以后要改的地方，如图1-3所示： 图1-3 3. 网站首页导航功能实现介绍：网站首页导航有七个链接分别是：首页、主题旅游、景风景点、酒店预订、旅游指南、关于我们、会员中心。它们都采用“行为”中“交换图像”。如图1-4所示： 图1-3 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说：message1brapplication(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.这样基本上都做完了要做的网站，整个做完的网页如如图