一、实训目的:
通过实训,掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop 的使用方法。
达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握理论的基础上再加以实践,进一步提高、加强设计、制作的综合能力。
二、实训过程
1.资料的搜集:
收集的资料主要是汽车图片,以及运用做页面局部框架背景的图片。
2.熟悉制作软件软件:
软件:Dreamweaver \ Firework \ Photoshop CS \ Flash
硬件: PC机
技术: HTML\CSS \ javascript\特效代码
项目设计及运行平台:Windows XP
3.构建站点框架:结构图如下:
4.设计制作页面:
◆网页名称:关于我们
◆网页的色彩:最主要是以白色背景为主导色,字体的主要色彩是黑色。
字体颜色前设为蓝灰色,鼠标覆盖后为深红色。
◆网页富有动感,通过GIF动画来展示,页面的色彩好与首页和栏目页统一主要采取白色。
◆页面的大小,在1024X768像素下显示效果最佳。
◆颜色调配设计,网页的色彩是树立形象的关键之一,各版块采用与首页同一色系的颜色,整个版块部也尽量保持风格一致。
◆网页容的安排相互关系如下概述
最上面先放了一个724*100px的logo.
右边放了一个1024*100广告如下图:
再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车,效果如图:
右侧是世界/中国地图及天气实况查询图。
属特效代码。
当鼠标覆盖时显示提示,点击即可查询各地当日天气情况,帮助驾车人员快速掌握天气情况。
效果如下:
然后再表格里面分别放的是各种小版块。
分别记载有:QQ联系方式,用户只要单击即可打开QQ聊天窗口与部人员进行对话。
此外,页面载有客服热线,留言板。
也是对用户提供的对话平台,方便用户咨询更多消息。
5.实现网页间的:
运用的方式有:超、明链图片, 锚点以及多媒体, 用以实
现QQ聊天界面的打开,留言提交,以及天气实况的显示。
6.整体效果图:
三、实训心得与体会:
在这次实训之后,我们对的设计与制作有了进一步的了解,我对flash的制作,图片的处理,表单的制作,css样式,模版的应用等技术有了更深层次的了解,并且能够很好的应用它们。
在的制作过程中,我碰到了不少的问题,但是通过老师的耐心指导以及与队友的协商,这些问题最终都得到了较为完美的解决。
所以我认为,团队的力量是强大的!而一个人的力量和想法是有限的,唯有集思广益,才能使得我们的作品更加优秀,容更加丰富。
这使得我对静态网页的制作产生了浓厚的兴趣,我将继续付诸实行,向动态网页的制作发动挑战!。