网设计与制作个人实训报告

1、精选可编辑一、实训目的：通过实训，掌握网页制作系列软件 Dreamweaver Fireworks、Flash和Photoshop的使 用方法。达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基 础上再加以实践，进一步提高、加强设计、制作网站的综合能力。二、实训过程1资料的搜集:收集的资料主要是汽车图片，以及运用做页面局部框架背景的图片2.熟悉制作软件软件：软件：Dreamweaver Firework Photoshop CS Flash硬件：PC机技术：HTML 特效代码项目设计及运行平台：Windows XP精选可编辑3构建站点框架：网站结构图如下:4 .设计制作页面：

2、 网页名称：关于我们 网页的色彩：最主要是以白色背景为主导色，字体的主要色彩是黑色。链接字体颜色链接前设为 蓝灰色，鼠标覆盖后为深红色。 网页富有动感，通过 GIF动画来展示，页面的色彩好与首页和栏目页统一主要采取白色。 页面的大小，在1024X768像素下显示效果最佳。 颜色调配设计，网页的色彩是树立网站形象的关键之一，各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致。 网页内容的安排相互链接关系如下概述最上面先放了一个 724*100px的logo.右边放了一个1024*100广告如下图:精选可编辑4躺冈匕 m, cMI.ccmi. cn再下来的表格中里放了一个我们用GI

3、F的轮换效果展示知名品牌汽车，效果如图:右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示，点击即可查询各地当日天气情况，帮助驾车人员快速掌握天气情况。效果如下：世界天气中国天气5 月 27 日 15：44：03甘因2/五中 内血醉相 酊北北阜 辛莫山西山底因川域陕西询询ST褥北上问 市江懈南I0曲广国广东得需日然后再表格里面分别放的是各种小版块。精选可编辑分别记载有：QQ联系方式，用户只要单击即可打开 QQ聊天窗口与网站内部人员进行对话。QQ在线交荒令（如有鸵问，欢迎在线咨迅我们招竭尽全力为您整！）此外，页面载有客服热线，留言板。也是对用户提供的对话平台，方便用户咨询

4、更多消息。5 .实现网页间的链接：运用的链接方式有：超链接、明链图片链接，锚点链接以及多媒体链接，用以实现QQ聊天界面的打开，留言提交，以及天气实况的显示。6 .整体效果图：精选可编辑匕勘网宾性启d镇.*11A步力-11朝叫畲中打出堪银鼠urn1- u-kl 1. , eh汽车前介汽车维修保养美谷关于我们富Mt生4：.二：=5；上箕炉二'L三扁小胖专”"二三£ 嗔千三不:二弁二；二产雷轴为僵*野星女七一灵电SW字名二三二二二=z二三二三- -.二 隼：*-«-.; 三*£-,: 王鱼匿仃 Z 干产最 F一：工二一- 工二二冬 MrI :=父苫噌 黑?三一4三一.QQ在线交流I fl C如有疑m,踪迎在线咨询，朝门将竭尽全力为您解答I :留言板标曲 I Iifr桂子邮箱二留言内容.精选可编辑三、实训心得与体会：在这次实训之后，我们对网站的设计与制作有了进一步的了解，我对flash的制作，图片的处理,表单的制作，css样式，模版的应用等技术有了更深层次的了解，并且能够很好的应用它们。在网站 的制作过程中，我碰到了不少的问题，但是通过老师的耐心指导以及与队友的协商，这些问题最终 都得到了较为完美的解决。所以我认为，团队的力量是强大的！而一个人的力量和想法是有