《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、电子商务公司网站(为某个企业制作电子商务站点) 因为是建立静态的电子商务站点逗号所以在讲解和分析站 点规划书时应该着重于站点的设计逗号而不是其他方面逗号静 态的电子商务站点没有交互式的访问模式和系统逗号所以只能 是发布信息的工具