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

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