网站设计实训报告.docx

1、网站设计实训报告浙江宁波职业技术学院网页设计实训报告设计题目： 乐玩旅游 班 级： 网络3112班 姓 名： 凯赛尔阿巴斯 学 号： 1115913210 指导老师： 李可老师 电子信息工程系2012-12-131.实训目的1进一步熟悉和掌握网站建设的基本流程和技术规范；2.巩固运用Dreamweaver网页制作软件制作网页；3. 巩固运用Photoshop图像处理软件进行网页中图形制作和运用 flash动画制作软件设 计网页中动画的知识；4.巩固综合运用 Dreamweaver、Photoshop、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站

2、；5.具备独立撰写实训报告等科技文件的基本能力；6.在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培 养创新能力和团队意识；7.为今后从事网站开发、维护和管理奠定基础。乐玩旅游网站设计班级：网络3112班姓名：凯赛尔阿巴斯、八、 、刖言发展家乡的旅游事业， 让世界真正的认识到我家乡的每为了给广大朋友们介绍家乡的景风景点,个宝地，选择了关于旅游的题目来做网页。为了完成的制作这个网页我选择使用网页编辑排版 Dreamweaver CS3、网页图像制作软件Photoshop CS3、网页动画制件软件 Macrome Flash8.0 等软件。总体设计从开始想创建网站到最后的个

3、人网站的上传发布是需要包含一个完整的工作流程。 网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我要做的网站 的结构图，如图1-1所示:网页首贡旅黄会懸游于员02我中指游心南国吐际番番大火巴506图1-1画出了这个结构图我们就有了明确的目标了，接下来我们就开始做网页了。三、详细设计1.首先我就新建了一个网页叫做 index.html ，如图1-2所示:图1-22.然后我就开始布局网页结构了。 先在要做的网页中布局表格， 然后在这个表格里面布局单元格,3.网站首页导航功能实现介绍：网站首页导航有七个链接分别是：首页、主题旅游、景风景点、酒店预订、旅游指南、关于

4、我们、会员中心。它们都采用“行为”中“交换图像” 。如图1-4所示:乐玩旅游首贡* 、 呆区呆点9 定” 檢谪带南 关干鬣1、 盘前中打”图1-34.网站首页公告栏功能实现过程：公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。 主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图1-5所示：欢迎来到乐玩旅游岀拓齢点.游吾亍话垢克找址喀摇虹山火焰山古称牙石止丑吐曾番星出吝的僉点ti于吐魯哥览地的1漏古空呱打5：匚恋.呈尹西走 tt.火炖LU 理尔迤if a?!斑（jtg恪”.惡力缸山T, .直人以耳炭热=塔古火山,Jj绘ino 釋坯乍.J&fltSbi

5、M 唏浮.洱抜5QQ*：启石，主娃両播第味.光培LLu?WJ,寸堕不生，3 鲫.毎当垦更缸日当空丄弄旧辭山世在刃.日唱用下-祸SM吗俎灿蛹H盘甌上井取 iSnEnE火舌廣天-故又合火培山.6C新疆旅游新議雄吾不自iyZH员辽厲地却If*山川社 il&if王堪-古iSE驗*民帙2 ”民恪琶号.驰宝 潮&吉*京j全园做曲虫険丹胡梓j耐職韓有 沖，占ESFSffi!KR主超扛百号点十 -百亲St.居砲游景点r 巴扎“卫H細SH弄f SKISiff-暫删湖坟丿申g火jfi山图1-55.网站首页最下面的footer的制作，如图1-6所示:图1-66.这一步我就进一步的完善首页，做完首页的同时改了一下首页

6、中间的一些内容，开始做网页的子网页，这下来我要做的网页基本上都容易做了。主题旅游、景风景点、酒店预订、旅游指南、关于我们、会员中心都是改掉首页的情况下改造做出来的。如图 1-7 ,1-8, 1-9, 1-10 ,1-11,1-12,所图1-9听相乐乏 3Sr-ttlTlLWr氏卵屉I回图 1-11图 1-127.注册功能模块实现过程：注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的 设计，如图1-13所示。8.发送页面的相关代码如下：% if request.Form(message)the nme

7、ssage仁trim(request.Form(message)applicati on .Lock()在&time&说：&message1 &application(show)xm3=sessi on (xm2) applicati on (show)=xm3& applicati on.Un Lock() end if %9.首页加了背景音乐，代码如下: vobject classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95vparam name=AutoStart value=2 /vparam n ame=FileName value=Li

8、brary/bjyy.mp3 / 10.这样基本上都做完了要做的网站，整个做完的网页如如图 1-15 :乐玩旅游H樹吾:朋I施:r卅丈加山丿惟縣r AftxJR F 古砸F 側质虚社时略 全皿湘9狞讯踊F J両辑mm闵1 百量址 F.E土BEntlt*瞒H已丸Bft：術的诡広孑MFU如只1捋扶 址二他曲監祀P姬耳床齐帀细:*曲他四、结束语其实实习是一次用自己的眼和耳去感受环境的机会，通过两周的这段实习，我受益匪浅，我对 自己的专业有了更为详尽而深刻的了解，认识到了许多学不到的东西，不在局限于书本，而是有了 一个比较全面的了解。从而更深的了解的了自己的不足，该往哪个方向而努力，这些都是以前所部

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