认识网站与网页教案
【篇一：网页教案】
第一讲 网页设计概述
  【教学内容】
讲解网页设计的相关术语及网站制作的基本流程
【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣
【教学重点】
网页设计中的若干术语
【教学难点】
理解网页设计中的若干术语
【教学方式】
讲授式、讨论式、案例分析式
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社
2、《internet 网页工场》wittime工作室 重庆出版社
3、《web网站设计》joel sklar著 高等教育出版社
4、《html网页制作教程》材义语编著 铁道出版社
【新课内容】
1、web的含义
2、web的工作方式
3、url的作用
4、ie的使用
5、网页中所使用的技术
6、html的发展
7、制作网页的基本方法
8、制作web页面的用途
【课后小结】
通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程 及了解相应开发工具，为设计网页做准备。
html网页设计超链接  第二讲 html的基本标志与格式标志
  【教学内容】
讲解html基本标志对和格式标志
【教学目的】
使学生标志对与格式标志对的使用
【教学重点】
格式标志的使用
【教学难点】
列表标志的使用
【教学方式】
讨论式、案例分析式、练习式
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社
2、《web网站设计》joel sklar著 高等教育出版社
3、《html网页制作教程》材义语编著 铁道出版社
【新课内容】
1、html概述
2、html文档的基本语法
3、html文档的基本结构
4、html的基本单位
【课后小结】
通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用
列表,有序列表,无序列表标志及属性。
  第三讲 html的文本、图片与超级链接标志
  【教学内容】
讲解html标准中的文本、图片与超级链接标志
【教学目的】
* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志
* 使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片
* 使学生掌握超级链接标志的使用
【教学重点】
* 字体、图片和超级链接标志的使用
* 网页中特殊符号的输入
【教学难点】
* 理解特殊符号对应的标志
* 理解img标志中属性的意义
* 理解书签超级链接的意义
【教学方式】
讨论式、案例分析式、练习式
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社
2、《web网站设计》joel sklar著 高等教育出版社
3、《html网页制作教程》材义语编著 铁道出版社
【新课内容】
1、段落与文本结构
2、文字格式
3、项目符号列表
4、在网页中插入图片
5、图片的属性
6、建立超级连接
7、锚点的使用
【课后小结】
本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志是制作多媒体网页的基础。超级链接标志中，书签链接是一类特殊的链接方式，理解和使用书签链接学习html中超级链接标志的难点。
  第四讲 html表格、表单与框架标志
  【教学内容】
讲解html中制作表格、表单与框架的标志
【教学目的】
使学生掌握简单表格、表单与框架的制作
【教学重点】
* 表格中单元格的合并以及表格嵌套和叠加操作
* 框架的嵌套使用
* 表单元素标志与属性
【教学难点】
* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想 * 理解框架属性name、target的意义
* 理解表单中相应元素对应标志及属性的含义
【教学方式】
案例分析式、项目教学
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社
2、《web网站设计》joel sklar著 高等教育出版社
3、《html网页制作教程》材义语编著 铁道出版社
【新课内容】
1、表格编辑
2、框架网页
3、html中的表单
【课后小结】
表格在网页设计中应用广泛，熟练掌握表格的基本标志及配合使用的属性的意义，是灵活运用表格的基础。表格的嵌套是表格制作中的一个难点，关键是要抽象出嵌套表格对应的简单表格模型，再将模型中单元格的位置使用内嵌表格代替。
框架结构是布局网页的一种常用方式，要掌握框架及其嵌套的实现，以及在框架中设置超级链接时目标框架位置的设置。
表单是网页实现交互处理的工具,熟练掌握表单中元素的标志和属性，是设计表单网页关键。
第五讲 html标志综合运用案例
【教学内容】
综合运用所学过的html标志书写网页
【教学目的】
使学生能够书写简单的html网页
【教学重点】
使用所学的html标志书写网页
【教学难点】
html的综合运用
【教学方式】
案例分析式、讨论式、练习式
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社
2、《web网站设计》joel sklar著 高等教育出版社
3、《html网页制作教程》材义语编著 铁道出版社
【新课内容】
1、用记事本书写html网页
2、利用案例进行html网页的综合讲解
3、要求学生按规定书写一个完整的htnl网页
【课后小结】
html是目前制作网页时必须掌握的一种语言，学好html语言是为以后对《网页设计》这门课程更深入的学习打下扎实的基础。
  第六讲 dreamweaver中简单web站点建立与管理
  【教学内容】
讲解dreamweaver的工作界面和基本操作
【教学目的】
使学生掌握网页制作工具dreamweaver的基本操作方式
【教学重点】
网页制作工具dreamweaver的界面和基本基本操作
【教学难点】
掌握一个新的开发工具
【教学方式】
讲授式、项目模块式、演示教学
【教学参考】

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。