《HTML5CSS3 网页设计与制作》教案-1 第1章 第 1-4节 网站开发相关知识、HTML与CSS基础语法、网页基本结构

课程教案7第1章HTML5基本标签及开发工具介绍课题名称第『4节网站开发相关知识、HTML与CSS基础语法、网页基本结构授课班级软件技术等大一上学期授课班级授课学时2授课地点多媒体教室授课形式讲授、演示参考教材《前端HTML+CSS修炼之道》教学资源电子课件、教案、文字材料知识目标了解网站开发的基本流程和相关知识；了解HBuilderX工作环境及使用方法，能够建立站点及新建网页；了解HTMLCSS在网页制作中的作用，了解Web标教学目标.准的概念，能够使用HTML标签创建简单的网页；技能目标网站开发的基本流程和相关知识；HBuilder工作环境；Web标准的概念素质目标培养学生认真、一丝不苟的学习态度教学理解网页的基本结构、熟悉网页的开发工具重点教学重点与难点.教学网页的基本结构、掌握HBuilderX的应用，能够熟练新建页面难点本次所讲内容选自教材第1章第『4节因为本次课程是学习网站制作的基础，学情分析学生必须掌握软件的使用，掌握站点的建立及网页的创建课前预习+课程导入网站是一种新型的信息传播工具，人们通过它来发布自己想要公开的资讯及提供相关的网络服务，许多公司都要自己的网站，用于宣传公司或发布产品信息等，那么教学过程大家可以思考下如何开发一个网站，即开发的流程课中

1、网站基础知识，介绍HTML的发展历程

2、讲解第一个入门网页!DOCTYPE htmlheadmeta charset=nutf-8n/标题,title/title/headbody内容p/p/body/html讲解网页的结构及网页中各种标签的含义

3、制作简单的入门网页htmlheadmetacharset=nutf-8n http-equiv=nrefreshn content=n10u;url=world/title/headbody世界，您好！！！/body/html

4、介绍常用的开发工具1使用记事本编辑器2使用EditPlus编辑器3使用Sublime编辑器4使用Dreamweaver编辑器5重点讲解HBuilderX课后自行安装并启动HBuilderX,熟悉其工作界面；创建任意一个网站，并创建一个网页文件“index.html”和图像子文件夹“img”.采用启发式教学，通过多媒体课件现场演示更加生动，与学生互动效果更好；在上机教学反思.课上学生学会了如何创建站点和简单的网页页面；课后布置了有关站点的作业，并且利用上机时间完成和指导工作。