HTML5教案第1讲 HTML5概述

web前端开发HTML5概述（教案）教学内容及教学过程说明步骤一问题引入你可能有过在家里宽带上网的经历，有过在网吧上网的经历，有过通过智能手机上网的经历，而现在置身于大学校园，网页更是与你的学习和生活密不可分。你可以通过网络聊天、购物、看电影，也可以通过网络查阅资料、学习课程、收发邮件、共享信息。问题1：谈谈你如何理解什么网页？回答1：。问题2：网页的功能是什么？回答2：。步骤二讲授1.1网页设计与制作综述1.1.1认识Internet万维网是internet的主要部分，他是基于“超文本”的信息发布的系统：1）信息传播的界面2）浏览器显示和运行网页本书使用谷歌浏览器。3）IP地址和域名为网页浏览和访问提供方便。1.1.2认识网页和网站随着网络的发展，互联网上的网站越来越多，如何制作出漂亮、美观的网页是制作网站的基础，也为以后的学习打下基础。网页的定义与分类网页按照位置分类网页按照表现形式1.1.3认识网页的基本组成元素网页的外在表现做种多样，但是组成的基本元素大体是相同的。1）文本2）图像3）超链接4）动画5）表单6）音频和视频1.1.4认识网站按照内容网站分为门户网站个人网站专业网站智能网站1.2网页制作常用工具1.2.1Dreamwver简称“DW”，梦想编织者，特点是无需编写代码。1.2.2Notepadd++Windows系统下的一款文本编辑器软件，自带中文，支持众多计算机编程语言：C、C++、Java、C#、等，还支持自定义语言。1.2.3HBuilder(X)支持HTML5的web开发的一款IDE。轻如编辑器，强如IDE，体积小巧，启动秒开。1.2.4初始VSCode微软推出的一款轻量级代码编辑器，免费开源而且功能强大。1.2.5WebForm是微软开发的一款产品，将用户的请求都封装为控件。1.3网站建设基本流程客户提出需求客户提出需求用户需求调研搜集整理素材根据调研结果撰写网站整体策划草案，并确定服务器解决方案客户审阅正式发布并提交成果后期维护与更新签订合同，申请域名和空间客户审阅内部测试客户审阅网站外观设计后台程序开发前台与后台页面整合内部测试1.3.1需求分析调研1.3.2收集整理素材1.3.3网站建设规划1.4认识W3C联盟与Web标准1.4.1W3CW3C（WorldWideWebConsortium，万维网联盟），是国际著名的标准化组织，它最重要的工作是发展Web规范。1.4.2web标准1．结构标准2．表现标准3．行为标准1.5我的第一个网页（1）打开HbuliderXIDE的软件。（2）新建一个网页文档。（3）保存新建的网页文档。（4）浏览新建的网页文档。（5）打开、修改、关闭新建的网页。步骤三课堂小结1．网站的分类2．网页创建与调试重点理解HTML5的意义步骤四作业问题引入第1题、第2题（2）课后作业1.对比HTML与HTML5。2.利用不同工具创建网页，都有什么特点。通过生活实例和网络基本应用引入网页概念演示网页的作用找到经常浏览的网站观察都包括哪些元素网站中的网页结构