网页设计与制作-HTML5 + CSS3 课件汇总 任务1--7 网页制作入门 ---设计“学习动态”子页面.pptx

网页设计与制作;任务1制作第一个HTML页面;第1章网页制作入门;网页相关知识

常用的开发工具——SublimeText

HTML5基础

任务实现;1.网页相关知识;1.1网页与网站的相关概念;1.1网页与网站的相关概念;/info/1031/11291.htm;为了快速了解网页是如何形成的，在谷歌浏览器中按下F12，即可看到网页的源码;1.1网页与网站的相关概念;1.2网页分类;网页相关知识

常用的开发工具——SublimeText

HTML5基础

任务实现;2.常用的开发工具——SublimeText;2.1下载并安装;2.1下载并安装;2.2中文设置;2.2中文设置;网页相关知识

常用的开发工具——SublimeText

HTML5基础

任务实现;3.HTML5基础;3.1HTML5文档基本格式;3.1HTML5文档基本格式;3.2HTML5标签及属性;3.2HTML5标签及属性;3.2HTML5标签及属性;3.3代码的注释;网页相关知识

常用的开发工具——SublimeText

HTML5基础

任务实现;4.任务实现;网页设计与制作;任务2美化第一个HTML页面;第1章网页制作入门;初识CSS3

WEB标准

任务实现;1.初识CSS3;1.1CSS概念;1.1CSS概念;1.2CSS发展史;初识CSS3

WEB标准

任务实现;2WEB标准;2WEB标准;初识CSS3

WEB标准

任务实现;3.任务实现;网页设计与制作;任务3制作“学习资料”子页面;第2章网页的基本结构实现;HTML基本结构元素

HTML元素类型

任务实现;1.HTML基本结构元素;1.1html元素;1.1html元素;1.2head元素;1.2head元素;1.3body元素;HTML基本结构元素

HTML元素类型

任务实现;2.HTML元素类型;2.1行内元素、块状元素和行内块状元素;2.1行内元素、块状元素和行内块状元素;2.1行内元素、块状元素和行内块状元素;2.2替换元素与不可替换元素;2.3注释标签和文档类型标签;HTML基本结构元素

HTML元素类型

任务实现;3.任务实现;网页设计与制作;任务4制作“学习动态”子页面;第2章网页的基本结构实现;常用的块元素

常用的行元素

任务实现;1.常用的块元素;1.1段落与标题;1.1段落与标题;1.1段落与标题;1.2通用块元素;1.3常用列表块元素;1.3常用列表块元素;1.3常用列表块元素;1.3常用列表块元素;1.3常用列表块元素;1.3常用列表块元素;1.4语义块元素;1.4语义块元素;1.4语义块元素;1.4语义块元素;常用的块元素

常用的行元??

任务实现;2.常用的行元素;2.1超链接a;2.1超链接a;2.1超链接a;2.2通用行内元素span;2.3图像img;2.3图像img;2.4文本格式化元素;常用的块元素

常用的行元素

任务实现;3.任务实现;网页设计与制作;任务5制作“在线留言”子页面;第2章网页的基本结构实现;表单及其相关元素

任务实现;1.表单及其相关元素;1.1表单的基本概念;1.1表单的基本概念;1.1表单的基本概念;1.1表单的基本概念;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.2常用表单元素;1.3表单按钮;1.3表单按钮;1.4表单元素的属性;1.4表单元素的属性;1.4表单元素的属性;1.4表单元素的属性;1.4表单元素的属性;1.5表单元素的分组;1.5表单元素的分组;表单及其相关元素

任务实现;3.任务实现;网页设计与制作;任务6设计“学习资料”子页面;第3章网页的表现标准;CSS基础与语法

CSS字体、段落与文本修饰设置

任务实现;1.CSS基础与语法;1.1CSS样式设置规则;1.1CSS样式设置规则;1.1CSS样式设置规则;1.2引用CSS样式表;1.2引用CSS样式表;1.2引用CSS样式表;1.2引用CSS样式表;1.2引用CSS样式表;1.2引用CSS样式表;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3CSS选择器;1.3