网页实训报告

《网页设计与制作》实训报告实训题目:武功山旅游网制作专业：软件工程技术班级：10软件3班姓名：杨波指导教师：胡文利二0一一年十二月二十三日2目录1、实训目的......................................................................................32、实训题目描述和要求..................................................................43、实训报告内容..............................................................................53.1.网站框架................................................................................53.2.网站主体的代码....................................................................63.2.1.首页..........................................................................113.2.2.景区概况......................................................................143.2.3.旅游路线......................................................................153.2.4.温泉山庄......................................................................163.2.5.旅游常识......................................................................173.2.6酒店住宿......................................................................184、总结............................................................................................19参考书目：......................................................................................20实训指导教师评语..........................................................................2131、实训目的通过本次实训，让同学们对本学期的《网页设计与制作》这门课程有一个系统的认识，加强和巩固已有的知识，训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网络、书籍、素材光盘等方式收集索需的文字资料、图像资料、flash动画和网页特效。能够运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题，同时也能够体现自己的工作作风，认真学习的态度。主要是希望同学们能够熟练的掌握利用我们所学的知识来制作一个主题鲜明的网站。(1)掌握创建Dreamweavercs3本地站点的方法,利用表格和层规划网页布局。(2)掌握在网页中添加文本、图像、flash动画和音乐等页面元素。(3)掌握制作APDiv和超级链接的的能力。(4)掌握在创建网页中各种连接方式。(5)掌握整合与发布网站的技术。(6)综合运用所学软件进行网页材料准备。42、实训题目描述和要求同学们根据自己的兴趣，设计一个个人站点或介绍一个集体的站点，围绕一个主题并能够体现出自己的个性，有整体框架结构，表格布局，层次定位等。布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。掌握网页设计基本概念和HTML的基本结构，了解网页技术要问、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用。了解列表的各种使用，了解表格的基本语法，掌握整合与发布网站的技术，掌握表格的定义、控制、分组、标题等的应用，了解表单在网页中的应用，了解网页中CSS的基础知识，掌握CSS的各种属性应用，了解一个整体网站建立的过程。综合运用Photoshop、fierworks8、flash等多媒体制作软件创作出多媒体作品，为网页制作充分准备材料下功夫。53、实训报告内容3.1.网站框架这是我做的整个武功山风景网站的主题结构可以看到下面的五个子页1、顶端的是用动画logo.gif安放在上面的动画，是在一张底图上面加（武功山欢迎您）六个字分别闪出，这个我是用fireworks8手动制作出来的。2、在这张动画上面同学们可以看得到有鸟在飞，没错这就是我插个APDiv后，在这个Div中插入flash动画02.swf，当然做这个我就不会亲自做咯，这个是我们以前学习中我在光盘中发现的，就拿来用了，我们要做到会利用东西。首页景区概况旅游路线温泉山庄旅游常识酒店住宿61、分别设置了两个地方可以链接；2、各个页面可以自由链接首页可以链接到其他五个，其他五个的子页也可以链接任意个网页中去。1、1、以上的就是我做到网站的主体结构介绍，其他的五张子页就是根据这个然后在中间插入不同的东西一改变几张子页的不同内容，2、友情链接里面都链接了各个网站的网址，只要连接了英特网就可以登入去网页看见其他网页的内容这是模版的主样：3.2.网站主体的代码!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==Content-Typecontent=text/html;charset=utf-8/title武功山欣赏/titlestyletype=text/css7!--body{background-color:#FFFFCC;}body,td,th{color:#6666CC;}.STYLE2{font-size:18px}.STYLE3{font-size:24px}.STYLE4{font-size:12px}a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;}a:active{text-decoration:none;}.STYLE5{font-size:14px}#apDiv1{position:absolute;left:61px;top:20px;width:984px;height:202px;z-index:1;}--/stylescriptsrc=../Scripts/AC_RunActiveContent.jstype=text/javascript/script/headbodydivid=apDiv1scripttype=text/javascriptAC_FL_RunContent('codebase','=9,0,28,0','width','983','height','202','src','../flash/02','quality','high','pluginspage','=ShockwaveFlash','wmode','transparent','movie','../flash/02');//endACcode/scriptnoscriptobjectclassid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000codebase==9,0,28,0width=983height=202paramname=movievalue=../flash/02.swf/paramname=qualityvalue=high/paramname=Wmodevalue=transparent/embedsrc=../flash/02.swfwidth=983height=202quality=highpluginspage==ShockwaveFlashtype=application/x-shockwave-flashwmode=transparent/embed/object/noscript/divtablewidth=1000border=1align=centerbordercolor=#CCFFFFtrtdwidth=1009height=195tablewidth=990border=0align=centertrtdwidth=800height=170imgsrc=../images/image/logo.gifwidth=985height=200//td/trtrtdwidth=1000height=25background=../images/image/top03.gifspanclass=STYLE2ahref=../index.html首页/a景区概况道路指引旅游路线特色风景温泉山庄旅游常识酒店住宿/span/td/tr/table/td/trtrtdwidth=1009background=../images/image/top03.gifimgsrc=../images/image/top.gifwidth=18height=15/    SCRIPTlanguage=JavaScripttype=text/javascript!--vartempDate,year,month,day;9tempDate=newDate();year=tempDate.getYear();month=tempDate.getMonth()+1;day=tempDate.getDate();document.write(year+年+month+月+day+日);varweekArray=newArray(6);weekArray[0]=星期日;weekArray[1]=星期一;weekArray[2]=星期二;weekArray[3]=星期三;weekArray[4]=星期四;weekArray[5]=星期五;weekArray[6]=星期六;weekday=tempDate.getDay();document.write(weekArray[weekday]);//--/SCRIPTscriptlangua