网页设计与制作个人实训报告_第1页
网页设计与制作个人实训报告_第2页
网页设计与制作个人实训报告_第3页
网页设计与制作个人实训报告_第4页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

2、:Logo以及广告宝驹网简介以及联系方式说明温馨提示以及天气实况查询地图留言板版权声明4设计制作页面: 网页名称:关于我们 网页的色彩:最主要是以白色背景为主导色,字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色,鼠标覆盖后为深红色。 网页富有动感,通过GIF动画来展示,页面的色彩好与首页和栏目页统一主要采取白色。 页面的大小,在1024X768像素下显示效果最佳。 颜色调配设计,网页的色彩是树立网站形象的关键之一,各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致。网页内容的安排相互链接关系 如下概述最上面先放了一个724*100px的logo. 右边放了一个1024*10

3、0广告如下图:再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车,效果如图:右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示,点击即可查询各地当日天气情况,帮助驾车人员快速掌握天气情况。效果如下:然后再表格里面分别放的是各种小版块。分别记载有:QQ联系方式,用户只要单击即可打开QQ聊天窗口与网站内部人员进行对话。此外,页面载有客服热线,留言板。也是对用户提供的对话平台,方便用户咨询更多消息。 5实现网页间的链接:运用的链接方式有:超链接、明链图片链接, 锚点链接以及多媒体链接, 用以实现QQ聊天界面的打开,留言提交,以及天气实况的显示。6整体效果图:三、实训心得与体会:在这次实训之后,我们对网站的设计与制作有了进一步的了解,我对flash的制作,图片的处理,表单的制作,css样式,模版的应用等技术有了更深层次的了解,并且能够很好的应用它们。在网站的制作过程中,我碰到了不少的问题,但是通过老师的耐心指导以及与队友的协商,这些问题最终都得到了较为完美的解决。所以我认为,团队的力量是强大的!而一个人的力量和想法是有限的,唯有集思广益,才能使得我们的作

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论