网页设计教学大纲.doc

《网页设计教学大纲.doc》由会员分享，可在线阅读，更多相关《网页设计教学大纲.doc（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、广州市机电技师学院广州市机电高级技工学校教学大纲 课程名称： 网页设计 适用对象： 高 职 修订人员： 陈瑞英 修订时间： 2016年2月 审 核： 网页设计教学大纲一、 说明课程编号1002课程名称网页设计总学时72实践课时72课程类别理论课程适用专业计算机类专业1、课程的性质与任务（1）性质：本课程是计算机专业的一门专业课。主要内容包括：网页设计所需的基础知识与初始准备工作、网页的基本设计方法、常用的网页高级制作技巧、有关HTML代码的解读与编辑知识、网页的上传发布等。（2）任务：学习有关网页设计的基础知识与基本技能，能够熟练地制作出较高水平的网页。2、课程教学目标 使学生掌握有关网页设计

2、的基本概念与原理，学会制作网页的各种技巧，熟悉地掌握普与网页制作工具DreamweaverCS6的使用方法。3、教学注意事项本课程具有操作较复杂与实践性很强的特点，因而在教学中要注意突出重点、讲清难点，充分运用多媒体教学手段，加强上机练习，将理论与实践紧密结合，使学生能在生动直观的讲授中掌握基础理论知识，在上机练习中巩固所学的操作技能。为使上机练习课能充分配合理论课的讲授，建议将二者同步进行（也就是每学完一实践性强的章节就进行相应的上机练习），并且要求学生从一开始就一步步地按照所学内容独立设计与制作自己的个人主页。二、学时分配表课题或章节主要内容学时分配备注第一章初识Dreamweaver C

3、S6 通过本项目,让同学们对DreamweaverCS6有一个总体认识,并通过制作一个简单的网页来掌握常用的工具栏与面板的使用方法。4第二章文本编辑通过制作一个编排青山别墅网页、果蔬网页、电器城网店与艺术摄影网页，使同学们了解并掌握对网页文本进行格式化的基本方法。4第三章图像与媒体通过编排建筑工程网页与五谷杂粮网页，使同学们了解并掌握在网页中插入常用格式的图像与媒体的方法。4第四章超级链接通过制作实木地板网页、温泉度假网页与金融投资网页与口腔护理网页实例，使同学们了解并掌握有关超级链接的基本知识与制作方法。4第五章使用表格通过对布艺沙发网页、健康美食网页的制作，使同学们了解并掌握使用表格进行页

4、面布局的基本方法。8第六章使用框架通过网页实例茗茶频道网页、家具天地网页与干果批发网页的制作，使同学们了解并掌握使用框架进行页面布局的基本方法。4第七章使用层通过网页实例时尚前沿网页、化妆公司网页的制作，使同学们了解并掌握使用层进行页面布局的基本方法。4第八章CSS样式通过网页实例山地车网页、汽车配件网页的制作，使同学们了解并掌握使用CSS样式控制网页外观的基本方法。4第九章库与模板通过网页实例水果慕斯网页、老年生活频道的制作，使同学们了解并掌握使用库与模板制作网页的基本方法。4第十讲使用表单通过网页实例用户注册页面、留言板网页、健康测试网页与OA登录系统页面的制作，使同学们了解并掌握创建表单

5、的基本方法。8第十一讲使用行为 通过网页实例婚戒网页、全麦面包网页与公告栏界面的制作，使同学们了解并掌握使用行为完善网页功能的基本方法。4第十二讲网页代码通过网页实例商业公司网页的制作，再通过软件相关功能的解析学习标签的编写方法与常用工具，以与HTML响应时间使同学们了解并掌握代码的基本方法。4第十三讲综合设计实训通过网页实例李明的摄影网页、百货商场网页、旅游度假网页、新焦点房产网页、TSHFA汽车网页的制作；学习表格布局页面，以与通过CSS样式命令修饰页面。提高了学生的设计网页综合能力。8机动4综合考评4总计72三、教学要求、内容与建议1、第一章 认识Dreamweaver CS6（4学时）

6、通过本项目,让同学们对Dreamweaver CS6有一个总体认识,并通过制作一个简单的网页来掌握常用的工具栏与面板的使用方法。（1）教学内容：1、掌握有关Dreamweaver CS6的一些基本概念、Dream Weaver CS6的工作界面等基础知识。2、了解网页初步工作，打好坚实基础。（2）教学要求：任务一 了解Dreamweaver CS6界面任务二 网页文件头设置任务三 网站框架与管理站点(一) 定义站点的操作 (二) 创建与保存文件的操作 (三) 设置文本属性的操作(四) 保存工作区布局的操作（3）教学建议：1、建议在理论引导下，要深刻地教会学生要在基础学起，不能急功近利。2、建议

7、在上机练习指导下，要仔细的教好网页基础知识。2、项目二网站的规划与管理（4学时）通过一个实例创建一个简单的站点，并设计出站点的首页，使同学们体会到Dreamweaver8的强大功能并且掌握一个网站从创建到管理的整个过程。（1）教学内容：了解网站建设的相关术语与简单的控制方法。（2）教学要求：任务一新建站点 任务二管理站点 (一) 复制与编辑站点(二) 导出、删除与导入站点 任务三管理站点内容 (一) 设置首选参数 (二) 创建文件夹与文件 (三) 在站点地图中链接文件（3）教学建议：本部分内容可根据实际选择讲解。3、项目三文本编辑编排数码摄影知识网页（4学时）通过制作一个编排数码摄影知识网页，

8、使同学们了解并掌握对网页文本进行格式化的基本方法。（1）教学内容：了解如何输入与编排文本、插入文本、插入图片与制作超级链接等知识。（2）教学要求：任务一网页文本的编辑 任务二编排文本格式 (一) 设置文档标题格式 (二) 设置正文格式 任务三完善网页（3）教学建议：1、本章所讲的内容上机指导效果会更佳，教师必须多下功夫在文本编辑这方面上。2、在上机指导中发现有学生不过关要与时加强指导，不能忽视。4、项目四图像与媒体编排摄影作品网页（4学时）通过制作一个编排摄影作品网页，使同学们了解并掌握在网页中插入常用格式的图像与媒体的方法。（1）教学内容：任务一插入图像 (一) 插入图像占位符 (二) 插入

9、图像与设置图像属性 任务二插入媒体 (一) 插入Flash动画 (二) 插入图像查看器 (三) 插入ActiveX视频（2）教学要求：1、本章所讲的内容上机指导效果会更佳，教师必须多下功夫在保存网页、输入文本、使用图像这三方面上。2、在上机指导中发现有学生不过关要与时加强指导，不能忽视。5、项目五超级链接制作导航网页（4学时）（1）教学内容：通过制作网页实例，使同学们了解并掌握有关超级链接的基本知识与制作方法。（2）教学要求：任务一设置锚记超级链接 任务二设置图像超级链接 任务三设置电子邮件超级链接 任务四设置文本超级链接（3）教学建议：1. 要求学生对超级链接的设置，要将各种类型分开清楚。2

10、. 要求学生每一种类型在上机练习时多加练习。6、项目六表格布局商务网页（4学时）通过网页实例的制作，使同学们了解并掌握使用表格进行页面布局的基本方法。（1）教学内容：1、掌握表格制作的基本操作，学会使用表格来组织网页。2、掌握表格在网页布局的基本操作。（2）教学要求：任务一使用表格布局页眉 任务二使用嵌套表格布局主体页面 (一) 布局网页右上方栏目的内容 (二) 布局右下方栏目的内容 任务三使用表格布局页脚（3）教学建议：由于网页元素的布局排版依赖于表格应用，必须多下功夫讲授好表格与单元格的编辑处理技巧。7、项目七框架制作绿色天空论坛网页（4学时）通过网页实例的制作，使同学们了解并掌握使用框架

11、进行页面布局的基本方法。（1）教学内容：1、掌握图形图像的基本概念。2、掌握Fireworks MX专业的网页图像设计制作软件的使用方法。（2）教学要求： 任务一创建论坛框架网页 (一) 创建框架 (二) 保存框架 任务二设置论坛框架网页 (一) 设置框架集与框架属性 (二) 设置框架中链接的目标窗口（3）教学建议1. 由于框架是一种特殊的网页技术，所以不能讲得太快，必须多下功夫讲授清楚框架的操作。2. 发现操作不过关的学生要与时加强指导8、项目八CSS设置海洋知识网页样式（4学时）通过网页实例的制作，使同学们了解并掌握使用CSS样式控制网页外观的基本方法。（1）教学内容：掌握CSS的编辑与使

12、用方法。（2）教学要求：任务一设置页眉CSS样式 (一) 定义“body”的CSS样式 (二) 定义页眉的CSS样式 任务二设置网页主体的CSS样式 (一) 设置左侧栏目CSS样式 (二) 设置右侧栏目的CSS样式 任务三设置页脚的CSS样式（3）教学建议对于本章内容，要加强练习。9、项目九Div布局搜索网页（4学时）通过网页实例的制作，使同学们了解并掌握使用Div布局网页的基本方法。（1）教学内容：掌握DIV的使用方法。（2）教学要求：任务一布局页眉 任务二布局主体 任务三布局页脚（3）教学建议讲解时要注意学生掌握情况，发现操作不过关的学生要与时加强指导。10、项目十时间轴制作航行动画（4学

13、时）通过网页实例的制作，使同学们了解并掌握使用时间轴制作动画的基本方法。（1）教学内容： 掌握时间轴的使用方法。（2）教学要求：任务一使用层制作蓝天大海背景 任务二使用时间轴制作运动效果（3）教学建议必须做好时间轴基础知识讲解，不能忽视。11、项目十一库与模板制作花卉基地主页（4学时）通过网页实例的制作，使同学们了解并掌握使用库与模板制作网页的基本方法。（1）教学内容：1、 掌握库的使用方法。2、 掌握模板的使用方法。（2）教学要求：任务一创建库 (一) 创建库项目 (二) 编排页眉库项目 (三) 编排页脚库项目 任务二创建模板 (一) 创建模板文件 (二) 插入库项目 (三) 插入模板对象

14、任务三应用模板（3）教学建议：通过网页实例的制作，使同学们了解并掌握使用库与模板制作网页的基本方法。12、项目十二使用行为完善网页功能（4学时）掌握网页行为的使用方法。（1）教学内容：任务一设置页眉部分 (一) 设置状态栏文本 (二) 制作弹出式菜单 任务二设置主体部分 (一) 打开浏览器窗口 (二) 交换图像 (三) 弹出信息 (四) 控制Shockwave或Flash（2）教学要求：任务一设置页眉部分 (一) 设置状态栏文本 (二) 制作弹出式菜单 任务二设置主体部分 (一) 打开浏览器窗口 (二) 交换图像 (三) 弹出信息 (四) 控制Shockwave或Flash（3）教学建议：1、

15、由于网页的行为是难点知识，必须多加演示来详细讲解。2、发现操作不过关的学生要与时加强指导。13、项目十三表单制作注册网页（4学时）通过网页实例的制作，使同学们了解并掌握创建表单的基本方法。（1）教学内容：掌握表单的制作方法（2）教学要求：任务一创建表单 任务二验证表单（3）教学建议：如有学生操作不过关，必须与时加强指导。四、推荐教材与参考书目1、边用边学Dreamweaver网页设计与制作 人民邮电出版社；李彪 杨仁毅 主编；ISBN：978-7-115-22216-9；2、Dreamweaver 8中文版入门与提高清华大学出版社；张永宝 李刚主编；ISBN：978-7-302-14937-8；3、Dreamweaver8网页设计案例实训教程人民大学出版社；杨聪, 韩小祥, 周国辉主编；ISBN：978-7-300-09694-0；五、使用反馈与修改建议1、 2、 3、 4、 第 15 页