admin 管理员组文章数量: 1184232
2024年6月12日发(作者：excel函数公式if大于等于)
Web前端开发教案
《web前端开发》教案
第1单元教案
教师
教学单元
授课计划学时
4
授课时间安排
一、教学内容：
知识点：
1、网页设计的基本概念：www、url、网页，网站。
2、网页浏览原理，网页中的组成要素。
3、网站开发流程：需求分析、设计、实现、测试、维护和更新。
技能：
二、学生特征分析
学生年龄在20岁-22岁,对网络很感兴趣。
80%以上的学生曾经浏览过网页，知道打开网页的方法。
学生对访问的网站已经形成了自己的评价方法。
三、教学内容和学习水平的分析
1、技能和知识点的划分与学习水平的确定
编号 技能和知识点 识记
√
理解
√
√
熟练
操作
√
应用
√
综合
分析
技能
鉴赏网站，分析网站的技能
知识
1、 网页，网站的概念
2、 网站开发流程
态度
主动分析、积极思考
能力
具备鉴赏网站的能力
2、教学的重点和难点
教学重点：1、网站浏览原理；2、网站开发流程
解决途径：通过例子来展示网站浏览原理；开发流程介绍中引入实际开发的例子。
教学难点：综合评价网站的的方法。
解决途径：展示网站实例，学生讨论，最终形成评价方案。
四、教学策略
基于例子的教学模式。根据知识特点，举出一个典型性的例子，由学生根据例子中的场景，
分析实际的应对措施。如，本节课中有关时光网站的鉴赏，学生课堂上谈谈自己的观点，由
此总结出好的网站应该具备的特征。
第 1 页 共 68 页
Web前端开发教案
五、教学过程设计和流程
第1章 Web前端开发基础
本章内容与学习目标
网页设计的基本概念和知识
分析网页基本组成元素和开发中使用的软件
网站的开发流程和制作规则
第1节 Web介绍
Web也称万维网。Web的英文全称是“World Wide Web”，简称WWW。它是基于“超
文本”的信息查询和发布系统。
1.1 Web介绍
1.1.1 Web起源
1.开发阶段
1980—1991年，TimBerners-Lee在ENQUIRE项目上应用了一个可以处理超文本信息的
的在线数据编辑库。1984年他将大型超文本数据库系统命名为WWW。
2.发展阶段
1992—1995年，随着支持图像，多媒体技术的网络浏览器的发布，WWW技术在互联
网上应用广泛。
3.商业化阶段
1996—1998年，越来越多的公司，企业开始在互联网上创建Web站点。
4.无所不在的WWW
借助WWW，用户可以在线学习，发布消息，看电影听音乐。WWW像一张巨大的网，
已经覆盖到生活，工作，学习，娱乐的方方面面。
1.1.2 Web版本
Web 1.0采用的是技术创新主导模式，盈利基于点击的流量。由网站到用户是单向的行
为。Web 1.0时代的代表站点为新浪，搜狐，网易三大门户。
Web 2.0注重页面与用户的交互。用户既是网站内容浏览者，也是网站内容的制造者。
Web 3.0支持不同网站之间信息进行交互，支持借助第三方信息平台对多家网站的信息
进行整合使用。
1.2 Web开发
Web开发包括网站的前端开发和后端开发。
1.2.1 前端开发
Web前端开发包括PC端网页、移动端网页、移动APP、游戏、软件开发等。前端开发
简单上手容易，同时是一种热门技术，人才紧缺，薪资较高。
1.2.2 后端开发
后端开发提供数据库支持，对用户在页面的操作给予响应。常用的数据库技术是MySql、
SqlServer、Oracle等。
1.3 Web基本概念
1.3.1 网站
网站是Internet上有内在联系的若干页面通过超级链接构成的网页的集合。通常把进入
网站首先看到的网页称为首页。首页是网站的门面，是访问量最大的网页，默认的文件名是
index或default。在服务器上设置之后，直接通过网址可以进入网站首页。
1.3.2 网页
第 2 页 共 68 页
版权声明：本文标题：web前端开发教案-Web前端开发-刘敏娜-清华大学出版社 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1718161473a717714.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论