课件PPT完整版课件全套课件整套课件全书课件全册课件完整版PPT全套PPT整套PPT全书PPT教学课件教学PPT课件汇总PPT汇总完整版电子教案全册电子教案全书电子教案教学教程幻灯片
;;;;;;任务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颜色。
列表项护肤品和饰品字体
您可能关注的文档
- AfterEffects影视特效设计配套教材课件完整版电子教案.ppt
- flash教材配套配套教材课件完整版电子教案.pptx
- JavaWeb程序设计配套教材课件完整版电子教案.ppt
- 扬州中学教育集团2026届中考数学五模试卷含解析.doc
- 湖北省天门市多宝镇第二中学2026届中考押题数学预测卷含解析.doc
- 2026届山东省菏泽市王浩屯中学中考联考生物试卷含解析.doc
- 上海市长宁区高级中学2026届中考考前最后一卷生物试卷含解析.doc
- 2026届山东省威海乳山市市级名校中考数学最后冲刺模拟试卷含解析.doc
- 重庆市江津第四中学2026届中考四模生物试题含解析.doc
- 2026届江西省高安市中考三模数学试题含解析.doc
- 江苏省盐城市大丰2026届中考五模生物试题含解析.doc
- 湖北利川文斗2026届中考考前最后一卷数学试卷含解析.doc
- 2026届江苏省宜兴市丁蜀区重点名校中考生物最后冲刺模拟试卷含解析.doc
- 绝招说课稿:童真童趣与刻苦求知.pdf
- 甘肃省金昌市2026届中考生物仿真试卷含解析.doc
- 2026届河南省新密市重点达标名校中考二模生物试题含解析.doc
- 2026届合肥市寿春中学中考数学最后冲刺浓缩精华卷含解析.doc
- 2026届湖南省长沙市湘一芙蓉、一中学双语校中考数学猜题卷含解析.doc
- 2026届甘肃省陇南市某中学中考数学模拟预测试卷含解析.doc
- 2026届重庆八中学、九十五中学等校中考生物仿真试卷含解析.doc
原创力文档

文档评论(0)