网页设计实习报告.docx

《 网页制作与网页设计 》教学实习报告 实习目的 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 。其示意图如下： 2、网页中的图像处理： 利用 Photoshop、和 Fireworks 通过处理风景图 在里面运用到滤镜的工具目的是让图片更加的形象逼真，处理后的图片效果如图所示： 3、布局与表格的编排： 在网页设计中我偏好用表单编排一般情况下我的布局是在一个大的表单里写很多文字插入许多图片。 其版面如图所示： 1. 二级页面制作方法如法炮制。 4、网页的链接 网站中重要的就是各个子网页与主页面之间的链接，如果没连接好或 者链接错误就会影响整个网站运行的效果。 列如 我要把产品列表这个二级网页跟主网页 index.html 链接方法如下： 回到 index.html/点击页面右下方的链接文件夹， 找到我要链接的二级网页产品列表 .html 。 打开 /链接后我的链接字体会变成我所设置的字体颜色，这样表明我的链接成功。 预览后在主页面点击“产品列表”就会显示到我的产品列表二级页面。 其他页面方法同上。 产品列表： 将“产品列表” 同 index.html 首页进行链接， 然后预览成功！ 邮箱登陆： 将“邮箱登陆” 同 index.html 首页进行链接， 然后预览成功！ 联系我们： 将“联系我们” 同 index.html 首页进行链接， 然后预览成功！ 公司简介： 将“公司简介” 同 index.html 首页进行链接， 然后预览成功！ 5、层与行为的应用 层在网页中相当于一张张的胶片，通常用来确定网络元素在浏览器中 的起止位置层最重要的用途是动态效果设计。 层可以包括文本、图像、表格，甚至其他图层 而且层对于制作网页部分重叠更是有特殊的效果。步骤如下： 1）打开一个页面，打开“修改” ，“页面属性”，在页面属性中，选择 “跟踪图像”。这个跟踪图像将作为“层”布局页面的参照对象。 选择“查看” ----“标尺” ---- “显示”，打开标尺 选择“查看” ---- “网络” ---- “显示网络”， 4）在“网格设置”对话框中，选中“显示网格”和“靠齐到网格” 5）为了防止层的重叠，需要打开“层”面板。选择“窗口” ，“层”， 打开层面板。 6）在“层”面板中，选中“防止重叠”选项。 6、使用 Flash MX8 制作动态文字 1）打开 flash 软