ormstq的博客

前言　网页标题：手机批发业务-商品备选区总结

上一节的课后练习　网页标题：用户登录　网页标题：下拉菜单　网页标题：改变新闻网页中字号和颜色　网页标题：鼠标移动事件

JavaScript事件分析　JavaScript事件概述　　事件类型　　事件句柄　　事件处理　　事件处理-静态指定　　事件处理-动态指定　　事件处理-特定对象的特定事件指定　　事件处理程序的返回值　表单事件　　获得及失去焦点事件　　提交及重置事件　　改变及选择事件　鼠标事件　　鼠标单击、双击事件　　鼠标单击、双击事件　　鼠标移动事件　键盘事件　窗口事件

JavaScript程序控制结构　顺序结构　分支结构　循环结构-for　循环结构-while语句　循环结构-do-while语句　循环结构-for-in循环　循环结构-循环的嵌套　循环中断与继续　JavaScript函数常用系统函数-全局函数常用系统函数-常用的对象函数自定义函数函数变量的作用域课后练习　编程实现“手机批发业务-产品选购”页面，主要功能有查看购物

数据类型数据类型-字符型数据类型-数值型数据类型-布尔型数据类型-其它类型变量转义字符运算符和表达式算术运算符和表达式关系运算符和表达式关系运算符和表达式逻辑运算符和表达式赋值运算符和表达式位运算符和表达式条件运算符和表达式课后练习网页标题：事件处理程序返回值的应用网页标题：表单控件焦点、表单提交、重置事件的应用网页标题：用户登录验证

前言CSS3 动画animationCSS3 动画animation子属性设置CSS3 多列属性CSS3 文本效果　1．文本阴影text-shadow 属性　2．文本换行text-wrap 属性　3．控制换行word-wrap 属性　4．文本溢出text-overflow 属性综合练习总结

前言CSS3 转换transform 属性　2．CSS3 3D 转换CSS3 过渡transition 属性Transition子属性设置语法CSS3 动画animation　1．CSS3 动画animation 基本语法　2．@keyframes 规则定义总结

前言CSS3 边框　1.border-radius圆角边框　2．box-shadow 边框阴影　3．border-image 边框图像CSS3 转换transform 属性　1．CSS3 2D 转换总结

HTML5 新增的表单属性HTML5 新增的input 类型HTML5表单新增输入类型HTML5 视频与音频CSS3 基础应用CSS3 浏览器兼容性课后练习　网页标题：顺序结构的应用　网页标题：if..else语句的应用　网页标题：switch结构的应用　网页标题：顺序结构的应用

HTML5 文档结构HTML5 页面结构HTML5 新增结构元素1．header 标记2．nav 标记3.article标记4．section 标记5．aside 标记6．footer 标记HTML5 新增页面元素hgroup 标记figure 标记与figcaption 标HTML5 表单HTML5 新增的表单属性1.form标记的新属性2．input 标记的新属性head中定义JS函数网页标题：调用外部js文件的JavaScript函数网页标题：告警框与确认框的应用提示框的应用数值类型数据的应用

HTML5 概述HTML5 的八个特性HTML5 的优势HTML5 新增结构元素及页面元素HTML5 废除的元素与属性浏览器支持与选择课后练习　html5页面布局设计

表单概述　表单信息输入　单行文本输入框、密码框文本框　关于在不同浏览器中&nbsp显示宽度不同的解决问题　关于IE浏览器中默认文本框和密码框显示长度不一的问题　复选框、单选按钮　提交按钮、重置按钮和普通按钮　图像提交按钮　按钮组合案例　文件选择框及隐藏框　多行文本输入框　下拉列表框　列表标签　定义域和域标题课后练习网页标题：中国出版协会简化网站

表格网页标题：域标签的使用网页标题：美家装饰联系我们网页标题：登录界面网页标题：问卷调查

表格　表格　表格标记　表格标记-语法　表格属性设置　表格边框样式属性　表格单元格间距、单元格边距属性　表格水平对齐　设置表格行的属性　表格行的属性-设置　设置单元格的属性　设置单元格的属性-单元格跨行、列　表格嵌套课后练习网页标题：计算机报价表网页标题：会员注册网页标题：列表标签的应用

鼠标经过图片显示大图网页标题：表格标签的综合应用

横向二级导航菜单Web页面设计实例

网页标题：三列自适应宽度网页标题：多行三列自适应宽度一级水平导航菜单：采用“无序列表+超链接”设计

页面布局设计　“三行模式”或“三列模式”　“三行二列”、“三行三列”模式　多行多列复杂模式导航菜单设计　一级水平导航菜单　二级水平导航菜单课后练习网页标题：1行1列网页标题：3行1列网页标题：1行2列网页标题：3行2列网页标题：4行3列

网页标题：固定定位　网页标题：相对定位relative　网页标题：绝对定位absolute　网页标题：层定位的应用

CSS颜色与背景颜色color属性背景background属性1. 背景颜色background-color2. 背景图像background-image3. 背景图像平铺方式background-repeat4. 固定/滚动背景图像background-attachment5. 定位背景图像background-position6. 背景简写backgroundCSS列表样式1. 样式类型list-style-typeCSS盒模型CSS盒模型结构边界属性设置填充属性设置

CSS属性值中的单位CSS字体样式font-size设置字号字体样式font-style属性字体系列font-family属性字体变体font-variant属性字体粗细font-weight属性字体font属性CSS文本样式文本对齐text-align文本装饰text-decoration文本缩进text-indent首字下沉overflow课后练习网页标题：margin的应用网页标题：padding的应用注意盒子模型中border margin padding 的用法。

CSS的定位机制文档流定位元素类型浮动定位float的用处float的特点clear属性层定位position属性fixed固定定位相对定位：relative课后练习网页标题：CSS背景样式的应用网页标题：背景图像的应用网页标题：炫彩网站Logo网页标题：鼠标悬停效果

CSS盒模型简介CSS盒模型CSS盒模型结构盒模型的属性边框border边框宽度border-width边框样式border-style边框颜色border-color边框简写border边框的四个方向border-radius外边距margin内边距padding盒模型的大小课后练习应用CSS行内样式表使用border-radius属性制作圆角边框。网页标题：字体样式综合应用

CSS基础CSS继承与层叠使用CSS控制Web页面CSS选择器类型CSS选择器声明课后练习应用CSS链接外部样式表应用CSS导入外部样式表网页标题：类选择器的应用理解集体声明选择器的使用理解派生选择器以及通配符选择器（全局声明）的使用理解伪类选择器的使用网页标题：京东商品导购

CSS概念传统HTML的缺点CSS的优势浏览器与CSS 3CSS编辑方法使用CSS控制Web页面CSS基本语法CSS定义与引用行内样式表（内联样式）内部样式表内部样式表的特点链接外部样式表导入外部样式表链接外部样式表与导入外部样式表的区别课后练习应用CSS行内样式表应用CSS内部样式表

图像与多媒体文件网页文件常见的图像格式有：图像设置图像的替代文字设置图像的宽度和高度设置图像的边框设置图像对齐方式及间距设置图像热区链接（理解）滚动文字添加滚动文字添加滚动文字设置滚动文字背景颜色与滚动循环设置滚动方向与滚动方式设置滚动速度与滚动时延设置滚动范围与滚动空白空间音频、视频及Flash文件HTML5 视频与音频video 标记及属性课后练习练习html5中的audio标签，插入音频文件。练习html5中的video标签，插入视频文件 loop onmouseover stop marquee

超链接标签超链接路径相对路径的用法超链接分类超链接的应用超链接的分类创建HTTP文件下载超链接创建FTP站点访问超链接创建图像链接 创建电子邮件超链接创建页面书签链接浮动框架制作浮动框架页面设计“中国名牌大学简介”页面练习html5中的audio标签，插入音频文件。练习html5中的video标签，插入视频文件制作简易灯箱画廊，当单击任意一张图片时，图片均会显示在下方的浮动框架中。

标题字标记添加空格与特殊符号文本修饰标记（重要）计算机输出标记（理解）引用和术语标记（理解）字体font标记（重要）段落与排版标记段落标记换行标记水平分割线标记（重要）拼音/音标注释ruby 标记和rt/rp 标记段落缩进标记列表无序列表有序列表列表嵌套定义列表熟悉无序列表ul元素的应用熟悉有序列表ol元素的应用。练习定义列表嵌套的使用。练习无序、有序、定义列表嵌套混合使用。

HTML基础HTML文档结构基本结构头部元信息主体bodybody标记属性body标记属性-属性表body标记属性-颜色表示方法表示换行，、表示水平分隔线。属性语法注释文档命名规则HTML文档类型HBuilder软件制作美家装饰产品简介首页应用元信息meta标记。熟悉body元素属性的使用。熟悉文本修饰标记的应用。（记一下，还是很实用的）熟悉拼音注释及段落缩进标记的应用。制作“教育信息化十三五规划报告”网页界面。