《HTML+CSS网页设计与布局》教案VIP专享

《HTML+CSS 网页设计与布局》教案 编辑整理：尊敬的读者朋友们：这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布的，发布之前我们对文中内容进行认真校对，但是难免会有疏漏的地方，但是任然希望（《HTML+CSS 网页设计与布局》教案）的内容能够给您的工作和学习带来便利。同时也真诚的希望收到您的建议和反馈，这将是我们进步的源泉，前进的动力。本文可编辑可修改，假如觉得对您有帮助请收藏以便随时查阅，最后祝您生活愉快 业绩进步，以下为《HTML+CSS 网页设计与布局》教案的全部内容。《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）内容相对稳定，容...