文档介绍：网页设计与制作--教案
教案首页
课程名称
网页设计与制作
课程类型
使用教材
教材名称：网页设计与制作实用教程 主编：刘艳丽
出版社：高等教育出版社 日期：2011年5月
学时分配
共64学时，其中理论36学时，实践28学时。
课
程
教
学
目
的
与
要
求
该课程是三年制高职高专电子商务专业的职能课程，目标是让学生掌握网页设计的基本概念，学会使用常用的网页设计工具和相关网页美工软件，能够设计制作常见的静态网页。它要以计算机基础、计算机网络技术课程的学****为基础，也是进一步学****网络编辑、网站建设与管理课程的基础。
主要参考书目
赵喜清，崔海涛《网页设计与制作》哈尔滨工业大学出版社，
孙振业《网页设计与制作》高等教育出版社，
备注
课程教案（№:1）
授课内容
网页制作基础知识
课 型
R理论 £实践
授课学时
2
教学方法与手段
讲授法
教学目的与要求
本次课程将讲授网页制作的基本知识，使学生了解到什么是网页，网页制作涉及到哪些工具、网页与网站有什么区别，网页与普通的文档有什么区别等。通过讲授也将使学生了解到网页的组成，网页语言的种类及各自特点；动态网页与静态网页的定义；Internet信息发布的原理等等内容。
教学重点与难点
教学重点：
Internet信息访问原理。
什么是网页？
网页内容组成；
网页编写语言种类及特点。
Dreamweaver8功能简介。
教学难点：
Internet信息访问原理；网页编写语言种类及特点。
教学过程设计
基础知识
网页简介（15分钟左右）
网页：是组成WWW（World Wide Web：万维网）的基本元素，也被称为页面或Web页。不同的网页通过超链接联系在一起，构成了WWW纵横交织结构。
网站：就是一个相互链接的网页的集合，它们可以共享。大的网站页面数量多达几十万，甚至上百万页，小的个人网站也可以只包含数个页面。
主页：是网站中的一个特殊网页，它是在WWW上进入网站的第一个网页，其中包含指向其他网页的超链接，通常主页的名称是固定的。
Internet简介（5分钟左右）
选择合适的制作工具
制作网页
上传测试
推广宣传
维护更新
三、Dreamweaver CS3基础（20分钟左右）
Dreamweaver的发展史
Dreamweaver CS3的新功能
Dreamweaver CS3工作区简介
网页文档的基本操作
作业/思考题：
列举你所了解的网页设计的常用工具和美化网页的主要工具
建立网站的基本流程有哪些步骤？请归纳总结。
利用网上资源，在百度中搜索“网页配色方案”关键词，下载相关的“网页配色方案”文件，指导以后网页设计中的配色问题。
教学后记：
第一节课，应首先介绍网站发展的前景，重点分解Dreamweaver和其他软件的区别，提出利用网络传播信息，并由此讲述网络发展给网页带来的市场。通过两节课的讲授，感觉到学生能对本课程产生比较大的兴趣！
课程教案（№:2）
授课内容
站点的创建与管理
课 型
R理论 £实践
授课学时
2
教学方法与手段
讲授法
教学目的与要求
本次课程将讲授网站站点的创建与管理知识，使学生了解到什么是站点，站点的种类，站点的作用，站点文件的管理。站点的发布及网页的预览。
教学重点与难点
教学重点：
站点的创建；
站点文件的管理；
站点文件的预览；
站点地图的生成。
教学难点：
测试利用服务器技术的站点；站点地图创建的条件；远程站点的创建。
教学过程设计
站点（10分钟左右）
也称“网站”，用来定位网站上的所有文件，是一系列通过超链接而相互联系的网页集合。建立网站首先要在本地计算机上构建本地站点来管理站点中的文档，制作网页，测试完毕后，上传到
Internet服务器。
新建本地站点（20分钟左右）
站点菜单->新建站点
站点菜单->管理站点->新建
建立站点注意问题：
用文件夹进行分类存储：如网页文件存放在html文件夹中，图像文件存放在images文件夹中。嵌套文件夹的层数不要太多，最多不超过三层，否则超链接时会出错。
文件命名要合理：建议全部使用小写的文件名称，不要用中文文件名。文件夹的名称最好用顾名思义的英文，方便以后修改维护。文件名也要符合规范，。