最新网页设计实习报告.docxVIP

网页制作与网页设计 》教学实习报告 实习目的 1、通过实习，使学生加深对所学课程内容的认识、理解、掌握，达到对所学知 识、技能系统化、条理化的目的，巩固、提高学习效果。 2、通过综合应用实习，熟练掌握 DreamwerverMX8、Flash MX8、Fireworks 8 的 各项操作并能够掌握制作网页的技能，根据所学技能学以致用，解决实际问题， 提高操作应用熟练程度。 知道DreamwerverMX8是及网页制作和网站管理于一身的网页制作软件， 它是专门为网页设计师量身定制的可视化网页制作软件， 利用它可以为方便、 快 捷地制作跨平台话浏览的动感网业。 了解 Fireworks 是处理图片的软件， 使用它可以创建和编辑位图、 矢量图形， 还可以非常轻松的做出各种网页设计中常见的效果，例如动画、转换图像、 导航 条、下拉菜单等。 设计完成以后， 如果要在网页设计中使用， 可将它输出为 TEML 文件，还能输出在 Photoshop、Illustrator 和 Flash 等软件中编辑的格式。 通过对 flash 的学习， 掌握如何处理矢量图形，制作矢量动画，掌握如何添 加音乐、时动作控制在 flash 内容和集成 flash 影片，了解 ActionScript 脚本 语言创建交换形式、 在实习的过程中巩固了对前面的知识的学习， 加深对知识的了解， 进一步对 网页设计的见解， 也突出了个人的特点， 运用所学的知识做出了让自己满意的作 品。 四、实习内容及方法 一、实习任务： 1、 通过仔细阅读网页设计及网站规划课程教材、网上资料、教参等相关内 容，加深对相关概念的理解、理论的理解、掌握、运用。 2、 严格按照实习指导书的相关要求，完成了各项综合操作，并将相应图像 制作、动画制作和页面设计的作品进行了保存。 3、 及时积极完成各项实习报告的撰写。 4、 实习结果及实习项目严格按照要求及时保存、展示。 二、实习内容： （一） 、使用 DreamwerverMX8 Flash MX8 Fireworks 8 完成惠尔公司网站。 （二） 、DreamwerverMX8 Flash MX8 Fireworks 8 的使用方法和制作技巧。 1、创建一个站点： 站点的名称就是“惠儿网站”，站点创建成功命一个首页是index.html再 下面创建了 5个二级网页分别是联系我们 .html、产品列表.html、 top.html、惠儿邮箱.html、雁过留声.html。其示意图如下： index, htal tvp. htal tvp. htal 2、网页中的图像处理： 利用Photoshop、和Fireworks通过处理风景图 在里面运用到滤镜的工具目的是让图片更加的形象逼真，处理后的图 片效果如图所示： 在里面运用到滤镜的工具目的是让图片更加的形象逼真，处理后的图 片效果如图所示： 3、布局与表格的编排: 在网页设计中我偏好用表单编排一般情况下我的布局是在一个大的表 单里写很多文字插入许多图片。 其版面如图所示： 1.顯 典 Mt 1. 顯 典 Mt 0, C?鳳乐 央尔产肘简弁刮于滴灌作吐」吐-37 n-+?:：ar-r：-K rtr犁地区的酋黑曰，该 泊菜m九本僉司 央尔产肘简弁 刮于滴灌作吐」吐 -37 n-+?:：ar-r：-K rtr 犁地区的酋黑曰，该 泊菜m九本僉司一W 试脸闵.孚脸。技m 发现严融戲累达到 预飙求品⑺上，年 由汕共产呈达到y.u 干克，更T灾刨F历 史够耗，本产品十分 践何唯昙我址疋石畔 丰尅授带领案佥司技 术员于an作i月共 榊之一，于年初損人 实验，选址于新務用 ?你的位遇：直更产脚应 Jr t I J 煮篝灌，tn |施用我公司产品油菜花效果图展云 二级页面制作方法如法炮制。 4、网页的链接 网站中重要的就是各个子网页与主页面之间的链接，如果没连接好或 者链接错误就会影响整个网站运行的效果。列如我要把产品列表这个 二级网页跟主网页index.html链接方法如下： 回到index.html/点击页面右下方的链接文件夹，找到我要链接的二级网 页产品列表.html。 打开/链接后我的链接字体会变成我所设置的字体颜色，这样表明我的 链接成功。 预览后在主页面点击“产品列表”就会显示到我的产品列表二级页面。 其他页面方法同上。 产品列表：将“产品列表”同index.html首页进行链接，然后预览成功! 产品展不 产品展不 邮箱登陆：将“邮箱登陆”同index.html首页进行链接，然后预览成功! 欢迎登录惠兀邮箱回曹弱4轉助中占毗件客?蛮ft 欢迎登录惠兀邮箱 回曹弱 4轉助中占 毗件客?蛮ft啦鼻曲即僭雪尸鞘它 怎畔摆用电子曲件春户硝刘半C诚吐工网虬＞ ? ■Kfc 19 13 14 三 ￡六 矗瞰电