网页制作实训报告.doc

湖南现代物流职业技术学院物流信息系JSP实训报告网页制作实训报告实训项目： 网页制作系 部： 物 流 信 息 系 班 级： 物信1002 设计成员： 由于指导老师： 王 思 义 实训时间： 第 十 七 周 湖南现代物流职业技术学院2011年12月22日 一、实训目的：1. 通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。(1) 掌握规划网站的内容结构,目录结构,链接结构的方法。(2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。(3) 掌握页面的整体控制和头部内容设置的方法。(4) 熟练掌握网页页面布局的各种方法。(5) 熟练掌握在网页中输入,设置标题和正文文字的方法。(6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。(7) 熟练建立各种形式的超级链接的方法。(8) 掌握表单网页制作方法。(9) 掌握网页特效制作方法。(10) 掌握网站测试的方法。2. 训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。3. 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。4. 培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。二、 实训任务及要求制作一个不少于八个页面的网站，且必须包括以下内容：1、首页适当位置（如底部）必须注明个人信息（班级、学号、姓名、联系办法等）2、 网站必须要有一页，以图文并茂的形式进行自我展示和介绍；3、 网站必须有一个与个人所学专业相关的页面4、 网站必须要有一页对自己网站的自我评价三、 实训工具、器材 Macroedia Dreamwear 软件， Macroedia flash8软件四、 实训内容、方法与步骤（一）、内容主要内容包括首页、个人介绍、家乡简介、个人美食共享、衣橱展示、个人收藏、网站的自我评价、专业介绍、自我评价九个页面。具体内容见实训实录。（二）、方法1、网页的布局通过套用不同的框架来实现布局。1、 图片的插入1） 通过“插入布局对象层”来插入。2） 通过插入表单，再插入表格，再在表格里面插入图片。3） 直接插入。2、 flash动画的插入1） 先用 Macroedia flash8软件制作需要的flash，保存先进行发布，发布.swf类型的文件。2） 选定位置，然后通过“插入媒体flash”来实现插入，flash 的大小可根据需要调节。3、 背景的插入 “修改页面属性”，然后在页面属性选项框里进行设置。4、 链接选定需要链接的部分，然后在属性面板里的链接右边的框里输入“#”然后选择链接目标。（三）、步骤：1定义站点2设定网页属性和文本格式3从大到小把结构设计好4输入主要内容并进行排版5、检查并保存五、 实训记录1 收集网站材料 网站材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。同时,查询 相关的书籍、百度和素材光盘等方式收集所需的文字资料，图像资料，Flash 动画和网页特效 等，用以得来更加具有说服力的页面。想要做好自己的网站，就要尽量搜集材料，搜集材料 越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可 以做好一个好的网站。2 网站规划。将站点分类，把相关的页面放在同一文件夹中。我的网站共有 9个主页面：首页、个人介绍、家乡简介、个人美食共享、衣橱展示、个人收藏、网站的自我评价、专业介绍、自我评价。每一个页面采有不同的背景，以保证网站不同网页的不同需要。 Index 网站整体色以浅浅的黄、灰色为主，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用 框架定位内容的大体结构，再用表格具体定位。位置的设计也是重要的一个部分，根据具体 内容决定大体结构，相同的风格调用 CSS 设计一个样式，以保证随时、准确的调用。另外， 为了网页布局的协调，我加入适当的 Flash 动态图片，用以达到更好的浏览效果。 3 制作网站的网页网站的素材、风格、模版都设计好以后，下一步就是具体的制作网页。制作网站时，首先要 做到站点的规划，建立一个本地站点“我的站点” ，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行统一的管理，建立统一的文件夹放同一类型的文件，我在制 作时建立了“picture”文件夹存放图片专用的，网页中的 CSS 样式文件也统一管理，做到有条理，我设计的网站首页如下图： 以导航栏为界，上面插入一个自己制作的 Flash 动画，用为给浏览者好的视角享受。通过首页可以链接到其它子页页去。个我介绍我的家乡美食分享衣橱展示个人收藏网站的自我评价专业介绍自我评价4 上传测试网站 网页制作完毕以后， 要进行反复的测试， 保存后在 IE 浏览器上反复运行自己的网站， 用以发现设计中的缺陷并及时改正。 四. 设计特色我觉得我的网页设计最大特点就是色彩谈雅，布局协调，结构清晰。给人以清丽，纯朴的感 觉。另外，设计过程插入大量搜集资料和图片等，还加入倾听动人的音六、 实训中存在的问题1、 实训过程目标不够明确2、 实训时间有限七、 实训改进建议1、 增加实训的时间，因为两天半的时间显得有点仓促。2、 可分小组进行实训操作。网站制作是个大作业，需要很多人共同完成。八、 实训总结与体会 在这一周内，同学们每天都按时完成老师留下的作业，对于自己以前不理解的东西，通过老师的重新讲解、指导和自己的练习，对其有了很好的了解；对于我们看不懂的一些内容，通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里，我发现了许多自己以前没有注意到的问题，在flash制作方面，有很多是自己以前没注意过的，通过老师的讲解和同学的帮助，我了解到一些新的东西并对网页设计与制作有了更深的兴趣，如falsh制作与运用、网站的基本制作、超链接的设置等；我们对网页设计与制作方面的知识有了一定的认识，为我们以后对网站的学习和运用有很大的帮助。 通过实训，我们把网页设计与制作中涉及到