网站设计实训报告.docx
《网站设计实训报告.docx》由会员分享，可在线阅读，更多相关《网站设计实训报告.docx（11页珍藏版）》请在冰点文库上搜索。
网站设计实训报告
浙江宁波职业技术学院
网页设计实训报告
设计题目：
乐玩旅游
班级：
网络3112班
姓名：
凯赛尔•阿巴斯
学号：
1115913210
指导老师：
李可老师
电子信息工程系
2012-12-13
1.实训目的
1•进一步熟悉和掌握网站建设的基本流程和技术规范；
2.巩固运用Dreamweaver网页制作软件制作网页；
3.巩固运用Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；
4.巩固综合运用Dreamweaver、Photoshop、flash三个软件完成网站建设任务的方法，
能独立设计一个内容完整、图文并茂、技术运用得当的网站；
5.具备独立撰写实训报告等科技文件的基本能力；
6.在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；
7.为今后从事网站开发、维护和管理奠定基础。
《乐玩旅游》网站设计
班级：
网络3112班
姓名：
凯赛尔•阿巴斯
、八、、》
刖言
发展家乡的旅游事业，让世界真正的认识到我家乡的每
为了给广大朋友们介绍家乡的景风景点,
个宝地，选择了关于旅游的题目来做网页。
为了完成的制作这个网页我选择使用网页编辑排版DreamweaverCS3、网页图像制作软件
PhotoshopCS3、网页动画制件软件MacromeFlash8.0等软件。
总体设计
从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。
网站包括哪
些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我要做的网站的结构图，如图1-1所示:
网页首贡
旅
黄
会
懸
游
于
员
02
我
中
指
游
心
南
国
吐
际
番
番
大
火
巴
50
6
图1-1
画出了这个结构图我们就有了明确的目标了，接下来我们就开始做网页了。
三、详细设计
1.首先我就新建了一个网页叫做index.html，如图1-2所示:
图1-2
2.然后我就开始布局网页结构了。
先在要做的网页中布局表格，然后在这个表格里面布局单元格,
3.网站首页导航功能实现介绍：
网站首页导航有七个链接分别是：
首页、主题旅游、景风景点、
酒店预订、旅游指南、关于我们、会员中心。
它们都采用“行为”中“交换图像”。
如图1-4所示:
乐玩旅游
首贡*、呆区呆点9定”檢谪带南》关干鬣＜1、盘前中打”
图1-3
4.网站首页公告栏功能实现过程：
公告栏的功能主要是对于浏览者现设计的。
当浏览者进入
首页时就可以看到分告栏中的信息。
主要用于提示和建议如何进行合法访问和主人的一些个人小要
求。
如图1-5所示：
欢迎来到乐玩旅游
岀拓齢点.游吾亍话垢"克找址喀摇""虹山"
火焰山・古称牙石止丑吐曾番星出吝的僉点」ti于吐魯哥览地的1漏•古空呱打5：
匚恋.呈尹西走tt.火炖LU"理尔迤ifa?
!
斑（jtg恪”.惡力"缸山T,».直人以耳炭热=塔古"火山",Jj绘ino釋坯乍.J&fltSbiM唏浮.洱抜5QQ*：
启石，主娃両播第"味.光培LL«u?
WJ,寸堕不生，3鲫.毎当垦更►缸日当空丄弄旧辭山世在刃.日唱用下-祸SM吗俎灿蛹H盘甌上井►取iS^nEnE」火舌廣天-故又合火培山.
6C
新疆旅游
新議雄吾不自iyZH员辽厲」地却If*山川社il&if王堪-古iSE驗*民帙2”民恪琶号.驰宝潮&吉*京j全园做曲虫険丹胡梓j耐職韓有沖，占±ES«FS^ffi£!
KR^主超扛百号点十-百亲St.居
砲游景点
r巴扎
“卫H細SH弄
fSKISiff
-暫删湖
~坟丿申
g火jfi山
图1-5
5.网站首页最下面的footer的制作，如图1-6所示:
图1-6
6.这一步我就进一步的完善首页，做完首页的同时改了一下首页中间的一些内容，开始做网页的子
网页，这下来我要做的网页基本上都容易做了。
主题旅游、景风景点、酒店预订、旅游指南、关于
我们、会员中心都是改掉首页的情况下改造做出来的。
如图1-7,1-8,1-9,1-10,1-11,1-12,所
图1-9
听相乐乏3Sr-ttlTlLW»
r氏■卵屉I・
回
图1-11
图1-12
7.注册功能模块实现过程：
注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设
计的页面。
当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。
注册页面的设计，如图1-13所示。
8.发送页面的相关代码如下：
<%ifrequest.Form（"message"）<>""then
message仁trim（request.Form（"message"））
application.Lock（）
在"&time&"说：
"&message1&"
"&application（"show"）
xm3=session（"xm2"）application（"show"）=xm3&"application.UnLock（）endif%>
9.首页加了背景音乐，代码如下:
vobjectclassid="clsid:
22D6F312-B0F6-11D0-94AB-0080C74C7E95">
vparamname="AutoStart"value="2"/>
vparamname="FileName"value="Library/bjyy.mp3"/>
10.这样基本上都做完了要做的网站，整个做完的网页如如图1-15:
乐玩旅游
H樹吾:
朋I施:
r卅丈加』山丿惟縣rA'ftxJRF古砸F側质
虚社时略全皿湘9狞讯踊FJ両辑mm闵
1百量址F.E土BEntlt
■*瞒H已丸
Bft：
術的诡
広孑MFU如只1捋扶址二他曲監祀P姬耳■床齐帀细:
*曲他
四、结束语
其实实习是一次用自己的眼和耳去感受环境的机会，通过两周的这段实习，我受益匪浅，我对自己的专业有了更为详尽而深刻的了解，认识到了许多学不到的东西，不在局限于书本，而是有了一个比较全面的了解。
从而更深的了解的了自己的不足，该往哪个方向而努力，这些都是以前所部了解的。
实习的日子我们收获了许多东西，学到了为人处世的许多道理与方法，学会了怎样学习，也学
会了把一根警醒自己的惰性、使自己始终保持自强不息良好心态•我觉得收获真是非常的大。
可能
使我从家两点一式的生活所致，还有我对社会的渴望了解。
为毕业以后到社会工作奠定基础，铺平道路。
今有不少学生实习时都觉得课堂上学的知识用不上，出现挫折感，可我觉得，要是没有书本知识作铺垫，又哪应付瞬息万变的社会呢？
经过这次实践，虽然时间很短。
可我学到的却是我一个学期在学校难以了解的。
就比如何与同事们相处，相信人际关系是现今不少大学生刚踏出社会遇到的一大难题，于是在实习时我便有意观察前辈们是如何和同事以及上级相处的，而自己也尽量虚心求教，不耻下问。
我想通过这次实习，我会认识到自己的更多不足，在学校的学习会更加努力，更加严于律己，努力做到理论与实践相结合，敢于实践，做合格的毕业生！
升级会员 