《网页设计实训》报告

网页设计实训 实训报 告 班级：12 级电子商务班 姓名: 金海燕 学号：20124064120 网页设计实训实训报告 1 实训名称 实训一 网站的配置与管理 实训目的与 要求 根据本章所学的创建站点的知识，使学生认识 Dreamweaver 的工 作界面，掌握网站创建和网页制作的实际操作方法。 实训内容 安装网页制作软件，并在本地磁盘（建议使用 U 盘）创建一个文 件夹 myweb，并建立一个子文件夹 image。根据实训的网页开发 规划，创建站点和创建网页。 实训成果 实训总结 掌握了如何利用向导创建站点的。 1 定义本地站点，新建若干文件夹， 如：images 、flash、templates 等，有些文件夹可暂时为空，以备将来存放 设定的内容。 2 在定义好的站点下新建一个网页，第一个网页为 index.htm 或是 index.html，输入文本，插入 Flash 动画和图像。 评分 实训名称 实训二 网页的创建 实训目的与 要求 根据本章所学的文本编辑等知识进行网页创建。 实训内容 创建一个以篮球为话题的网站主页 实训成果 实训总结 经过学习并上机实训后，我已基本掌握页面属性的设置、文本属 性的设置和如何使用图像及超级链接，并可以创建一些简单的网 页，设置超级链接中的锚记链接的运用不熟练。 网页设计实训实训报告 3 评分 实训名称 实训三 网页的布局 实训目的与 要求 根据所学的网页布局、时间轴及行为的知识，再综合前面所学的创建站点 及编辑网页的知识，进行网页不同排版方式的练习。 实训内容 根据素材包中的“草图”制作网站主页 实训成果 实训总结 通过学习，我初步了解了页面设计布局几种不同的网页布局的方 法，有表格排版、层排版、框架排版，以及网页中的时间轴特效 及行为的应用，不过时间轴特效及行为的应用我经常做错，应多 加练习，及时巩固，强化。 评分 网页设计实训实训报告 5 实训名 称 实训四 网页的布局 实训目 的与要 求 根据所学的网页布局、时间轴及行为的知识，再综合前面所学的创建站点及编 辑网页的知识，进行网页不同排版方式的练习。 实训内 容 根据素材包中的“草图”制作网站主页 实训成 果 实训总 结 用层排版的网页布局方法和网页中的时间轴特效及行为相结合做出 的简单网页，不过弹出信息的部分做的有问题，没做好，要尽快解 决。 评分 实训名称 实训五 网页的布局 实训目的 与要求 根据所学的网页布局、时间轴及行为的知识，再综合前面所学的创建站点及 编辑网页的知识，进行网页不同排版方式的练习。 实训内容 根据素材包中的“草图”制作网站主页 实训成果 实训总结 本次实训是学习利用框架设计网页布局。框架可以把一个浏览器窗 口划分多个区域，每个区域显示不同的网页。 评分 网页设计实训实训报告 7 实训名称 实训六 网页的表单 实训目的与 要求 根据本章所学的插入表单、表单对象以及 Dreamweaver 内部行为的检验 表单等知识，再结合前面所学的网页编辑、页面排版的知识，制作反馈表 单。 实训内容 创建一个空白表单。插入表格，利用表格排版网页，并插入图片及应用 CSS 样式美化网页。 插入表单对象，并通过“属性”面板设置其属性。 最后利用 Dreamweaver 内部行为验证表单。 实训成果 实训总结 通过本章的学习我了解表单的应用并掌握表单控件的使用，已经可以利用表单控件制作反馈信息表单。 评分 实训名称 实训七 CSS 样式 实训目的 与要求 根据本章所学的 CSS 样式表的知识，再综合前面所学的创建站点及编辑网页 的知识，制作精美的网页及应用 CSS 扩展功能。 实训内容 利用 CSS 样式表制作精美的网页，如素材包文件所示。 实训成果 实训总结 通过学习我基本掌握了创建和应用 CSS 样式表的方法，了解了 CSS 样式表的应用，CSS 样式表简化了格式化网页的工作，实现了图文 混排的效果，能制作出精美的网页，很实用。 评分 网页设计实训实训报告 9 实训名称 实训八 模板和库的应用 实训目的与 要求 根据本章所学的模板和库的知识，并结合前面所学的网页编辑、表格排版 的知识，进行网站设计与制作。 实训内容 （1）利用模板创建站点 要求：根据给定的网页素材，结合网页草图，创建和编辑模板，并利用模 板快速生成相同风格、相似结构的网站。 （2）在站点的多个网页上添加库项目 实训成果 实训总结 通过本章的学习我掌握了模板的创建、应用与编辑与更新，并了 解了资源面板和库项目的使用，可以利用模板和库技术可以方便 快捷的创建风格一致的网站。 评分 实训名称 实训九 网页中多媒体的应用 实训目的与 要求 根据本章所学的在网页中嵌入多媒体对象的方法，再综合前面所学的创建 站点及编辑网页的知识，制作功能完善的多媒体站点。 实训内容 （1）制作多媒体站点首页 根据给定的网页草图及相关素材，布局页面，然后填充网页元素，首页内 容包括：Flash 影片、Flash 文本、Flash 按钮、Flash 元素等及修饰的一 些图像。首页效果图如图所示。 （2）制作站点内的其它网页 实训成果 实训总结 学会了如何在网页中使用多媒体对象，网页中的多媒体对象可以 增强网页的娱乐性和感染力，因此成为最有魅力的方式。 评分 网页设计实训实训报告 11 实训名称 网页设计实训报告 实训内容 网站的配置与管理，网页的布局，网页的表单，CSS 样式，模板和库的应用，网页中多媒体的应用 实训成果 本学期通过对网页设计与制作的学习，我开始逐 步了解有关计算机网页制作方面的知识，简单的掌握 了有关页面与网站的相关知识点，知道网页开发的一 般基本流程，认识了 HTML 超文本编辑语言和网页制 作的工具。在课堂上我们根据老师所教授的知识，学 会了网页制作工具的操作。1. 通过综合实训进一步巩 固,深化和加强学生的理论知识于专业技能。 (1) 掌握规划网站的内容结构,目录结构,链接结构的方 法。 (2) 熟练掌握网页制作软件 Dreamweaver8 和基本操作 和使用技能。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方 法。 (6) 熟练掌握在网页中插入图像,Flash 动画和背景音乐 的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8) 掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10) 掌握网站测试的方法. 2. 训练和培养学生获取信息和处理信息的能力,充分培 养和提高学生的动手能力,学会通过网站、书籍、素材 光盘等方式收集所需的文字资料、图像资料、Flash 动 画和网页特效等。 3. 培养学生运用所学的理论知识和技能解决网站开发 过程中所遇到的实际问题的能力及基本工作素质 随着学习的深入，我掌握了网页的排版技术：表格 排版、层排版、框架排版，了解到排版网页技术的相 同点和不同点，同时还掌握了利用 Dreamweaver 内部 行为制作网页特效的技巧。利用老师提供的文本素材 和图像素材，根据网页草图，自己使用层创建了一个 简单的网页。在创建网页的过程中，我了解到层的特 点在于各个层之间可以重叠，并可以手动决定每个层 是否可见，还可以定义各个层之间的层次关系。层可 以转换成表格，通过与“时间轴”及行为的结合，能 够实现动态交互效果，所以，层是创建网页时一个非 常实用的工具。在网页设计中时间轴特效行为的添加 中，我们经常会出现错误，所以我们应该在课下多花 网