网页设计制作

《网页设计制作》由会员分享，可在线阅读，更多相关《网页设计制作（11页珍藏版）》请在金锄头文库上搜索。

1、-?网页设计与制作?教学大纲第一局部大纲说明一、课程的性质和任务?网页设计与制作?是高等职业学校计算机专业的一门必修的专业根底课。本课程讲述了创立、网页制作根本知识、Dreamweaver网页制作集成工具使用的方法等容。通过本课程的学习，使学生掌握构建的根本知识，熟悉网页开发平台的使用，能够独立的创立个人。二、课程教学要求 1、理论和实践相结合本课程是计算机专业的一门必修的专业课程，是理论和实践相结合的课程。该课程重点是构建的根本知识，熟悉网页开发平台的使用，能够独立的创立个人。在教学过程中要与Dreamweaver M*、Flash M*和Firework M*结合起来，同时，应该使课堂理论

2、教学与学生参与专业实践相结合，在课外安排一定的时间进展专业实践，这样学生在学习中，通过理论学习和上机操作实验熟悉构建的流程，能够进展简单图像和动画的制作、加工和处理，能够独立的创立个人。2、加强课堂练习与课后练习 为了训练和培养学生的实际操作能力，必须要求学生进展课堂练习与课后作业练习，加强学生的专业技能和根底理论的学习。三、教学时数与教材网页设计与制作课程教学总学时数为54学时，其中授课时间为32学时，实验课时为22学时；?网页设计与制作?，田博文编著，人民邮电，2004年。四、课程教学方法在网页设计与制作的教学中应当注意：1、 教学方法本课程应采用理论与实践结合，讲授与自学结合，实践操作与

3、课堂讨论结合的“三结合教学方法。2、 教学形式本课程的教学形式可以采用班组教学、课堂讲授、利用业余时间自学等形式。3、 实践性环节教学要求本课程具有较强的实践性和应用性，教学过程中应该贯彻理论与实践相结合的原则，有重点的组织一些课堂讨论和实践操作以及单元测试，催促并检查学生按时完成课外作业，有条件的情况下，可以组织学生到有关部门及单位参观、座谈、以增强学生的感性认识。第二局部教学容和教学要求第一章根底知识2学时教学目的与要求：通过本章学习，学生应了解网页被执行的详细过程，以及与网络相关的根本定义和概念，并掌握在网络中建立的方法。重点难点：在网络中建立的方法教学容：教学容：一网络根底知识 二初识

4、网页三网上安家第二章创立本地虚拟站点4学时教学目的与要求：通过本章学习，让学生熟练掌握在本地创立虚拟站点与创立文件和文件夹的方法，以及站点管理器的使用，了解制作的准备工作。重点难点：创立虚拟站点与创立文件和文件夹的方法 教学容：一准备工作 1、了解的效劳群体 2、确定的主题3、 画出构造图4、 确定命名规则二 创立虚拟三其他功能1、 站点地图布局 2、 保存站点地图 3、 设计备注第三章文档、文本和4学时教学目的与要求：通过本章的学习，让学生熟练掌握创立、保存文档的方法，以及文本的各项参数设置和文本超级、图像超级、下载的使用方法，了解文本各项参数的源代码表示方法。重点难点：创立、保存文档的方法

5、，以及文本的各项参数设置和文本超级、图像超级、下载的使用方法教学容：一 新建文档二建立超级 1、 添加文本 2、 图像超级 3、 电子 4、 下载 5、 命名锚记第四章Web图像4学时教学目的与要求：通过本章的学习，让学生熟练掌握在Dreamweaver M*中使用图像的一些根本方法和技巧、设置网页背风光和背景图像的方法、图像映射和跟踪图像的方法，了解GIF和JPEG两种图像格式的异同点和使用环境。重点难点：设置网页背风光和背景图像的方法、图像映射和跟踪图像的方法教学容：一 网页中的色彩二 图像格式 1、 GIF格式 2、 JPEG格式3、 如何正确地使用GIF三 Dreamweaver M*

6、中的图像技术四 设置网页背景1、 改变网页背风光 2、 设置背景图像五 在Dreamweaver 中巧妙地处理图像1、 给图像添加文字说明 2、 图像映射 3、 跟踪图像第五章Fireworks M*中的图像技术4学时教学目的与要求：通过本章的学习，让学生熟练掌握文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks M*中制作HTML网页的过程。重点难点：文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks M*中制作HTML网页的过程。教学容：一 制作漂亮的文字二 制作个性化的标志三 制作

7、网页背景图像四对图像进展美化五 制作HTML网页六 Dreamweaver M*与Fireworks M*的配合使用第六章表格4学时教学目的与要求：通过本章的学习，让学生熟练掌握表格的创立、编辑过程、表格的嵌套 、表格的宽度、边框、背风光和背景图像的位置和表格的各种标签的源代码，了解表格的组成及各项参数的含义。重点难点：表格的创立、编辑过程、表格的嵌套 、表格的宽度、边框、背风光和背景图像的位置和表格的各种标签的源代码教学容：一 表格的组成二 建立表格三 表格属性四 在表格添加元素五 选择表格六 编辑表格七 增加、删除行和列及拆分、合并单元格八 表格的缩放1、 用拖放方法缩放表格的大小 2、

8、用表格的属性面板改变表格尺寸九 一个完整的页面制作过程1、 页眉的制作 2、 左侧导航区的制作 3、 制作中间主要区域 4、 制作右侧新闻摘要区第七章框架4学时教学目的与要求：通过本章的学习，让学生熟练掌握创立、保存框架的过程、框架组、框架的属性设置和框架中的目标显示窗口、了解框架的含义。重点难点：创立、保存框架的过程、框架组、框架的属性设置和框架中的目标显示窗口教学容：一 建立框架1、 建立框架 2、 插入框架 3、 添加容 4、 保存框架二 选取框架1、 选择一个框架 2、 选择框架组三 框架和框架组的属性1、 框架属性 2、 框架组属性四 编辑框架五 框架中的目标显示窗口第八章表单4学时

9、教学目的与要求：通过本章的学习，让学生熟练掌握各表单的属性，了解表单的含义。重点难点：各表单的属性教学容：一 创立一个反应表单 二 测试表单页 三 表单及表单域的各项属性 第九章插入其他对象4学时教学目的与要求：通过本章的学习，让学生熟练掌握水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频。重点难点：水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频教学容：一 插入水平线二 插入文件头标签三 插入字符 四 插入多媒体 1、 插入Flash动画 2、 插入插件 3、 播放“*.rm格式影片 第十章HTML样式和CSS样式4学时教学目的与要求：通过本章的学

10、习，让学生熟练掌握HTML样式的用法、CSS样式的创立、3种放置CSS代码的方式，了解CSS样式的定义。重点难点：HTML样式的用法、CSS样式的创立、3种放置CSS代码的方式教学容：一 HTML样式1、 新建样式 2、 应用HTML样式 3、 去除HTML样式 4、 在面板中处理样式二 什么是CSS样式三CSS样式面板四CSS的属性五 使用Dreamweaver M*中的CSS样式编辑器1、 创立自定义样式 2、重定义HTML标签 3、 使用CSS选择器 4、 附加样式表第十一章Flash M*4学时教学目的与要求：通过本章的学习，让学生熟练掌握用工具箱中的工具创立和编辑图形、视频、音频的导

11、入、运动动画、变形动画的创立、运动引导动画、遮罩动画的创立，了解矢量动画、位图图像的定义。重点难点：用工具箱中的工具创立和编辑图形、视频、音频的导入、运动动画、变形动画的创立、运动引导动画、遮罩动画的创立教学容:一 根底知识1、 电脑动画 2、 矢量图形 3、 位图图像 4、 Flash动画的特点二 Flash M*三 创立图形四 编辑图形五 素材和元件1、 视频的导入 2、 音频的导入 3、元件六 创立根本动画1、 运动动画和变色动画 2、 变形动画 3、 逐帧动画七 创立多层动画1、制作运动引导动画 2、 制作遮罩动画八作品的测试和发布1、 作品的测试 2、 作品的优化 3、 作品的导出和

12、发布第十二章模板和库4学时教学目的与要求：通过本章的学习，让学生熟练掌握模板、库的创立方法，了解资源面板的一般用法。重点难点：模板、库的创立方法教学容: 一 资源面板二 Dreamweaver M*中的模板1、 创立模板 2、创立可编辑区域 3、 创立重复区域 4、 创立重复表格 5、 编辑模板 6、 使用模板 三 Dreamweaver M*中的库1、 什么是库 2、 怎样使用库第十三章源代码相关功能及行为4学时教学目的与要求：通过本章的学习，让学生熟练掌握13种行为的创立过程、代码提示、标签选择器、标签编辑器、标签检查器的使用，了解标签管理器的一般用法。重点难点：13种行为的创立过程、代码提示、标签选择器、标签编辑器、标签检查器的使用教学容:一 查看源代码二 管理标签库三 Dreamweaver中的编码1、 使用代码提示参加背景音乐 2、 使用代码片断快速创立网页 3、 使用标签选择器插入浮动框架 4、使用标签编辑器编辑标签 5、 用标签检查器编辑标签 6、使用快速标签编辑器插入标签四 插入HTML注释五 行为面板六 事件七 动作1、 播放声音 2、 翻开浏览器窗口 3、 弹出信息 4、 调用JavaScript5、 改变属性 6、 交换图像 7、 检查浏览器 8、 检查表单 9、 控制Shockwave或Flash