HTML5CSS3网站设计基础高职高专配套教材课件完整版电子教案.pptx

;;;;;;任务1 新的文档声明和语法规范;;;;;;;任务3 HTML5新标签;任务3 HTML5新标签;任务3 HTML5新标签;任务3 HTML5新标签;;;;;;;;;任务2 李清照宋词赏析”页面制作-01标题标签h1~h6;任务2 李清照宋词赏析”页面制作-02段落标签p;任务2 李清照宋词赏析”页面制作-03水平线标签hr/;;任务3 “商品信息”页面制作-01有序列表标签ol;任务3 “商品信息”页面制作-02无序列表标签ul;任务3 “商品信息”页面制作-03定义列表标签dl;任务3 “商品信息”页面制作-04表格标签table;任务3 “商品信息”页面制作-05表单标签form;任务3 “商品信息”页面制作-06分区标签div;;任务4 “商品信息”页面制作-01图像标签img/;任务4 “商品信息”页面制作-02范围标签span;任务4 “商品信息”页面制作-03换行标签br/;任务4 “商品信息”页面制作-04超链接a标签;任务4 “商品信息”页面制作-04超链接a标签;;任务5 注释和特殊符号-01HTML注释;任务5 注释和特殊符号-02特殊符号;;任务6 W3C标准-01什么是W3C标准;任务6 W3C标准-02W3C提倡的Web页结构;任务6 W3C标准-03HTML5代码规范;;;;;;任务1“会员注册”页面制作-01表单的基本语法;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;任务1“会员注册”页面制作-02表单基本元素的介绍;;;;;;;;;;;;;;;;;;;任务1表格基础知识-01表格的基本结构;任务1表格基础知识-02表格的基本语法;;任务2 跨行和跨列实现“商品分类”-01跨列;任务2 跨行和跨列实现“商品分类”-02跨行;??务2 跨行和跨列实现“商品分类”-03跨行和跨列;任务3表格布局化妆品页面;任务3表格布局化妆品页面;任务4表格布局注册页面;任务4表格布局注册页面;任务5“华人女歌手歌曲周排行榜”页面制作;任务5“华人女歌手歌曲周排行榜”页面制作;任务6 iframe框架;任务6 iframe框架;;;;;;任务1　video视频元素-01嵌入一个WebM 视频;任务1　video视频元素- 02附加一些属性;任务1　video视频元素- 03预加载设置;任务1　video视频元素- 04使用预览图;任务1　video视频元素- 05兼容多个浏览器;;任务2　audio 音频元素-01嵌入一个音频;任务2　audio 音频元素-02兼容多个浏览器;;;;;;为什么使用CSS;CSS是Cascading Style Sheets的缩写，一般翻译为层叠样式表。 CSS3是CSS（层叠样式表）技术的升级版本。 在网页设计中我们把HTML、CSS、JavaScript并列为网页前端设计的三种基本语言。其中HTML负责构建网页的基本结构，CSS负责设计网页的显示效果，JavaScript负责开发网页的交互效果。 有人称HTML是网页的骨头是框架，CSS是网页的皮用来制作页面的外观效果，JavaScript是网页的筋用来进行客户端动态的交互，不无道理。;为什么使用CSS;为什么使用CSS;CSS的基本语法;CSS的基本语法; ; ; ; ;任务2 CSS的应用方式 ;选择器的分类 （1）标签选择器，就是HTML标签，如body、table、li标签等 （2）类选择器 （3）id选择器 ;标签选择器应用： 将页面中所有p标签的背景都是#900（一种红色），文字大小均是12px，颜色为#090（一种绿色）， ;标签选择器的使用： 如希望页面中所有项目列表的样式为：字体大小为28px、红色、隶书，利用内部样式表，在head/head标签中给出样式代码， ;类选择器的使用：;id选择器的使用：;要求： 字体大小为28px、红色、隶书， 希望列表项“护肤品”和“营养健康”显示为蓝色 块的宽度200px，背景颜色#CCCCCC;场景 制作如工作场景图1所示的页面效果。说明： 整个div总宽度200px，背景：#cccccc颜色。 列表项护肤品和饰品字体