《HTML+CSS 网页设计与布局》课程教案授课老师:授课班级:地点 : 周课时: 5 课时 章节内容网页设计基础知识Dreamweaver 软件介绍及其基础操作HTML 基础知识及常用标记教学目标1)使学生了解网页设计的相关基础知识;2)使学生熟悉 Dreamweaver 软件界面的基本操作方法.重点难点1)了解网页设计相关概念和网页的类型;2)熟练掌握 Dreamweaver 软件创建和管理站点的方法.教学方法课堂讲授、案例讲解与指导教学环境计算机机房教学过程及内容提要时间分配备注教学过程设计一、引入1、相互认识,提出与本学科相关的知识,介绍本门课程情况、教学内容及总学时数进度安排,宣讲本课程教学纪律,鼓舞学生营造一种学习氛围,尊重同学,互帮互学,真正达到学以致用;2、提出问题:上过网吧?有谁自学过网页设计?听说过 HTML 或者 CSS 这两个概念吗?二、告知学生课堂任务本次课所学习的主要内容是 HTML 相关基础知识和 Dreamweaver 软件基础操作;三、逐步演示讲解分析教学内容1、网站和网页的区别:(1)网页是 Internet 基本元素;(2)网站由网页组成;2、静态网页和动态网页:静态网页:纯粹 HTML 语言格式的网页通常被称为静态网页,静态网页的后缀名通常为.htm、。html、.shtml、.xml.动态网页:许多人认为网页会动就是动态网页,这是个错误的观点,在静态的网页中也可以含有动态的图片,这仅仅是视觉上的动态罢了.真正的动态网页是指实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页.也就是说,它是返回到了客户端上的网页。例如网页文件是以ASP、PHP、JSP、ASPX 为结尾就是动态的网页了。静态网页的特点:(1)内容相对稳定,容易被搜索引擎检索到;(2)没有数据库支持,在网站制作和维护方面工作量大;(3)交互性差,在功能方面有很大的限制.动态网页的特点:约 15 分钟约 35 分钟学生理解(1)以数据库技术为基础,可大大降低网站维护的工作量;(2)可实现更多的功能,如用户注册、新闻发布、在线留言等;(3)不利于使用搜索引擎进行网站推广.3、常见网页类型:形象页、主页、栏目页、内页、新闻详细页等;4、网页设计原则:(1)了解客户需求(2)遵循 Web 标准(3)运用形式美法则5、网页设计流程:(1)手绘效果图:确定网页主题内容和风格(2)设计效果图:搜集、整合设计所需素材(3)版面编辑:网页的制作与实现(4)网页美化:动画设计,网页测试和发布6、网页设计的主要软件:(1)Ph...