资源描述：
《网页设计与制作实训报告.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、网页设计与制作实训报告一.实训意义：网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用.二.实训目的:1.通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。(1)掌握规划网站的内容结构,目录结构,链接结构的方法。(2)熟练掌握网页制作软件Dreamweaver8
2、和基本操作和使用技能。(3)掌握页面的整体控制和头部内容设置的方法。(4)熟练掌握网页页面布局的各种方法。(5)熟练掌握在网页中输入,设置标题和正文文字的方法。(6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。(7)熟练建立各种形式的超级链接的方法。(8)掌握表单网页制作方法。(9)掌握网页特效制作方法。10(10)掌握网站测试的方法。2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。3.培养学生运
3、用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度是一种执著。学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的10更新，因此我们要不断的学习并且学习网页设计不要掉入
4、技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以
5、评论，可以交互的。因此我提倡简单的美。三．实验步骤:1.网站主题我的网站的主题在于从各个方面全面的介绍网络游戏专题,包括每个页面都有介绍不同的游戏资料，、心得、图片等内容。同时，网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是浅蓝色，给人带来一种温和舒适的感觉。最重要给浏览者好的欣赏感受。2．网站材料网站材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料，图像资料，Flash动画和网页特效等，用以得来更加具有说服力的页面。想要做好自己的网站，就
6、要尽量搜集材料，搜集材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。3．网站规划我的网站共有6个主页面：首页、图片专区、视频专区、玩家交流、帮助中心和联10系我们。每一个页面用统一的背景，以保证网站统一的页面风格。如下图：Index网站整体色为浅蓝色，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位置的设计也是重要的一个部分，根据具体内容
7、决定大体结构，相同的风格调用CSS设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，我加入适当的Flash动态图片，用以达到更好的浏览效果。4．网站的制作工具做网页时主要使用的是Deamweaver8软件。另外，为了处理网页中的其他元素，还使用了Photoshop、GifAnimator等软件。5．制作网站的网页素材、风格、模版都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做到站点的规划，建立一个本地站点“TT”10，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行统一的管理，建立
8、统一的文件夹放同一类型的文件，我在制作时建立了“images”文件夹存放图片专用的，网页中的CSS样式文件也统一管理，做到有条理，我设计的网站首页如下图：以导航栏为界，上面插入一个自己制作的Flash动画，用为给浏览者好的视角享受。Flash动画制作过程：首先在网上下载下来的
