mx网页设计实训指导书

《mx网页设计实训指导书》由会员分享，可在线阅读，更多相关《mx网页设计实训指导书（36页珍藏版）》请在金锄头文库上搜索。

1、本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 精品文档 整理 2011 年 9 月 21 号 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 DreamweaverDreamweaver MXMX 网页设计网页设计实训指导书实训指导书 一、一、 实训目的与要求实训目的与要求 Dreamweaver MX 网页制作是实践性很强的课程逗号学生必 须通过不断上机实习以及使用它来解决实际的问题逗号才能更好地 掌握。因此逗号在本学期特设置此课程设计逗号集中一段时间使学 生综合运用所学习的网页制作知识

2、及以前所学习的计算机方面的知 识逗号按照网站制作的流程逗号完成一个相对具体、综合的网站逗 号全面巩固学生的知识逗号培养学生解决实际问题的能力逗号从而 达到学以致用的目的。 二、二、 实训内容实训内容 1. 实例实训 以一个电子商务静态网站设计的实例指导学生如何独立完成 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 电子商务静态站点的设计和制作。让学生在机房实际操作逗 号按照给定的实例完成实例中站点的创建和设计制作。 2. 自建站点实训 让学生自行选择站点的主题逗号从规划站点到上传文件一步 一步完成整个站点的创建、调试和上传工作。 3. 总结

3、 对学生的全部作品进行考核逗号并选择典型的案例对实训的 结果进行考核。 三、三、 参考课时参考课时 标题标题实训内容实训内容实训课时实训课时 预备实训动员 1 实训一基本知识回顾 1 实训四实训作品的站点规划 2 实训五整体布局设计 3 实训六搜集和创建资源 3 实训七页面素材设计 3 实训八样式设计 3 实训九首页模板设计 2 实训十二级页面模板设计 2 实训十一各页面的细化、测试和上传作品 4 实训十二总结 1 总计 24 四、四、 实训材料准备实训材料准备 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 1.软件准备 Dreamweav

4、er MX 中文版/英文版、PhotoShop6.0 以上版本、 FlashMX2004 中文版。 2.硬件准备 网络条件：与因特网连接的局域网。 教师用机：Windows2000 Server 版。 学生用机：Windows2000 Professional 版。 五、五、 考核办法考核办法 1. 考核分为三个部分：平时实训考核、作品实训考核和综合实 训考核。 平时实训考核按照每一实训课程的考核办法进行考核。 作品实训考核按照实训结束后的作品综合考核办法进行考核。 综合实训考核按照平时成绩考核的 30与作品实训考核的 70 的和进行考核。 2. 综合实训考核办法： 1) 系统文档 20 分

5、2) 编写代码 30 分 3) 程序调试 10 分 4) 实训出勤 20 分 5) 技术含量 10 分 6) 美工设计 10 分 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 3. 将综合实训考核的分数作为期末考试考核的一部分逗号期末 考试考核中逗号综合实训考核占 50 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 目目 录录 实训一基本知识回顾 1 实训二实例一讲解 4 实训三实例一操作 6 实训四实训作品的站点规划 8 实训五整体布局设计 10 实训六搜集和创建资源 13 实训七页面

6、素材设计 15 实训八样式设计 17 实训九首页模板设计 19 实训十二级页面模板设计 20 实训十一各页面的细化、测试和上传作品 21 实训十二总结 23 附录一网站规划书书写格式 25 附录二 CUTEFTP 使用说明 27 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 实训一实训一 基本知识回顾基本知识回顾 一、一、 实训目的和要求实训目的和要求 温习一学期的课程重点难点逗号使学生对一学期 Dreamweaver MX 各方面的操作知识系统的由“片”的认识转向“面”的认识。 二、二、 实训内容实训内容 Dreamweaver MX 的

7、基本操作：站点、表格、图像、链接、框 架等。 三、三、 实训准备实训准备 Dreamweaver MX 中文版/英文版。 四、四、 实训步骤实训步骤 各实训指导教师按照所代学生的情况不同选择性地按下列步骤 温习 Dreamweaver MX 的重点难点知识。 (一) 站点创建和规划 1. 本地站点的创建管理（教材 p76-4.2） 2. 站点视图的使用方法(教材 p81-4.4) (二) 链接的处理方式 1. 相对路径（教材 p193-9.1.3-二） 2. 链接到命名锚（教材 p199-9.1.4） 3. 管理链接（教材 p206-9.3） (三) 图像的处理方法 1. 插入图像的相关操作（

8、教材 p211-10.1） 2. 使用导航条（教材 p219-10.3） 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 3. 客户端图像映象（教材 p221-10.4） (四) 布局视图、表格和层的应用 1. 使用布局视图的相关操作（教材 p125-6.3） 2. 自动伸展类型的版面宽度（教材 p130-6.5） 3. 草稿图的使用（教材 p142-6.8.3） 4. 关于插入表格的相关操作（教材 p231-11.211.5） 5. 创建分层、使用分层时的操作（教材 p249-12.2 和 p254- 12.3） 6. 使用分层面板（教材

9、p256-12.4） 7. 利用分层排版时的注意事项（教材 p261-12.6） (五) 框架 1. 框架和框架集的一些标识性概念（教材 p264-13.1） 2. 创建框架（教材 p269-13.2） 3. 框架文件的存储(教材 p269-13.3) 4. 框架和框架集属性的设置（教材 p275-13.4） 5. 在框架中使用链接（教材 p280-13.5） (六) CSS 样式 1. 创建三种类型的 CSS 样式（教材 p161-8.18.4） 2. 创建外部链接的 CSS 样式单。 （教材 p181-8.5） 五、五、 实训方法实训方法 在投影室进行讲解演示逗号并抽样进行检查。 六、六、

10、 考核办法考核办法 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 此部分实训内容采用抽样考察的方法逗号考核以操作的熟练程 度和正确性为评分标准逗号以 A（优秀） 、B（良好） 、C（及格） 、 D（不及格）为成绩标准。 七、七、 思考和练习思考和练习 1. 创建一个表格逗号预览效果为各边框格式是虚线、颜色是红 色、各边框的宽度为 1 像素（px） 。 2. 在制作站点时逗号会遇到 CSS 样式的处理逗号而 CSS 样式有 两种处理方法：一是应用于单一文档的 CSS 样式；二是外部 连接的 CSS 样式单。请问建立站点时如何选择为最优。 3.

11、 怎样解决因为浏览分辨率的不同所造成的网页布局错位的现 象。 4. 怎样利用层(Layer)来制作下拉式菜单。 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 实训二实训二 实例一讲解实例一讲解 一、一、 实训目的和要求实训目的和要求 通过对一个具体的静态电子商务网站的解析逗号使学生了解制 作电子商务静态站点的步骤逗号让同学们对静态电子商务网站的粗 略和宏观认识得到细化逗号使其懂得如何独立面对静态电子商务网 站的设计。 由实训指导教师自行选择站点作为实例。实例要求如下： 1. 站点系电子商务相关站点。 2. 站点模块功能清晰逗号虽然是静态站点

12、逗号但也能反映各模 块的基本功能。 3. 为了便于教学逗号站点应该具有布局（表格/布局视图/层/框 架） 、图像、链接、CSS 样式等网页设计制作中常用的知识点 和操作。 二、二、 实训内容实训内容 讲解和演示整个站点的制作过程和设计方法。 三、三、 实训准备实训准备 Dreamweaver MX 中文版/英文版。 四、四、 实训步骤实训步骤 1. 由实训指导教师详细讲解静态电子商务站点（静态公司站点） 的设计方法和组成模块。 2. 由实训指导教师详细演示首页和一个以上的二级页面的整个 制作过程（从站点创建开始） 。 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-

13、7723188 刘雨桐 3. 抽样检查学生的听课效果逗号在时间允许的条件下逗号让学 生上教师机独立完成页面制作。 4. 对学生的抽样检查进行分析逗号重点讲解其失误或错误的地 方。 五、五、 实训方法实训方法 在投影室进行讲解演示逗号并抽样进行检查。 六、六、 考核办法考核办法 此部分实训内容采用抽样考察的方法逗号考核以操作的熟练程 度和正确性为评分标准逗号以 A（优秀） 、B（良好） 、C（及格） 、 D（不及格）为成绩标准。 七、七、 思考和练习思考和练习 1. 怎样优化公司站点创建规划阶段的公共资源和独有资源的存 储方法？ 2. 静态电子商务站点的创建应该遵循那些基本要素？ 本文档由 维维

14、大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 实训三实训三 实例一操作实例一操作 一、一、 实训目的和要求实训目的和要求 将实训二的内容在机房进行操作逗号让学生切实地对静态电子 商务站点的设计进行操作。 二、二、 实训内容实训内容 对给定的实例站点进行分析逗号并进行制作逗号最后由实训指 导教师为每一位学生的制作成品进行考核。 三、三、 实训准备实训准备 Dreamweaver MX 中文版/英文版、PhotoShop 6.0 以上版本、制 作站点时不能在机房完成的或以学生能力不能制作的素材。 四、四、 实训步骤实训步骤 1. 准备工作： 1) 站点的创建

15、和规划。 2) 设计素材和内容素材的准备。 3) CSS 样式的准备。 2. 设计工作： 1) 草稿图的制作。 2) 映射草稿图逗号按照草稿图的设计利用布局视图进行版面 布局。 3) 布局完毕后逗号进行内容素材和设计素材等相关素材对象 的插入工作。 3. 细化工作： 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 1) 对内容、表格、链接、图片等进行 CSS 样式的应用。 2) 细化整个版面。 4. 测试整个站点并交由实训指导教师进行考核。 五、五、 实训方法实训方法 在机房进行实训逗号由实训指导教师亲临指导。 六、六、 考核办法考核办法 此

16、部分实训内容采用全体考察的方法逗号考核以操作的熟练程 度和正确性为评分标准逗号以 A（优秀） 、B（良好） 、C（及格） 、 D（不及格）为成绩标准。 七、七、 思考和练习思考和练习 通过此部分实训逗号你是否熟练掌握建立静态电子商务站点所需 要各知识点的操作技能？由那些需要进一步的由教师在今后的课 堂中进行讲解和演示。 本文档由 维维大豆 整理提供 买 包装机械 及 印染染料 请致电 0317-7723188 刘雨桐 实训四实训四 实训作品的站点规划实训作品的站点规划 一、一、 实训目的和要求实训目的和要求 使学生在创建站点之前对站点有总体的规划逗号让学生对自己 即将设计和制作的站点进行规划并完成站点规划书的撰写。 实训作品的选题范围： 1、班级网站 2、个人网站 3、电子商务消费网站（为一种消费品制作电子商务站点） 4、电子商务公司网站（为某个企业制作电子商务站点） 因为是建立静态的电子商务站点逗号所以在讲解和分析站 点规划书时应该着重于站点的设计逗号而不是其他方面逗号静 态的电子商务站点没有交互式的访问模式和系统逗号所以只能 是发布信息的工具