Web前端技术项目式教程课件 任务一 初探Web前端技术.pptxVIP

Web前端技术项目式教程

（HTML5+CSS3+Flex+Bootstrap）

任务一

初探Web前端技术

知识目标1熟悉HTML常用标签及其属性。2熟悉Web标准三要素。3熟悉标准化网页的基本结构。

能力目标1掌握使用工具软件创建网页。

素质目标1培养学生标准化开发Web前端代码的意识。2培养学生严谨规范的习惯。

思维导图

任务描述某校宣传部需要制作一个介绍中华传统文化的网站，接到网站制作任务的是宣传部部长李明。宣传部干事张华想借此机会跟着李明学习。因为张华在网页制作方面没有基础，李明打算从网页制作基础知识开始，逐步教会张华制作网页的技能。本任务的具体要求如下。安装与使用网页开发工具。制作并预览网页。

知识引入1.网站、网页和主页2.什么是Web和Web标准3.Web前端技术的发展4.搭建Web前端开发环境5.安装常用扩展插件6.Web页面的基本结构7.浏览器兼容性

1.网站、网页和主页（1）网站网站是由多个网页组成的，但网站不是网页的简单罗列组合，而是由超链接方式组成的具有统一风格的有机整体。

1.网站、网页和主页（2）网页网页指网站中的一个页面，其主要由文本、图像、超链接、表格、表单、动画、声音和视频等构成。

1.网站、网页和主页（3）主页主页也称首页，是在浏览器打开某个网站后用户首先看到的页面，它承载着网站中所有指向二级页面或其他网