Web前端技术
2020-04-07 14:00:18 0 举报AI智能生成
Web前端技术
作者其他创作
大纲/内容
11 CSS设置文字与版式
11.1 字体属性的设置
11.1.1 字体font-family
11.1.2 字号font-size
11.1.3 字体风格font-style
11.1.4 字体加粗font-weight
11.1.5 字体变体font-variant
11.1.6 综合字体属性font
11.2 文本的版式控制（文本排版）
11.2.1 设置首行缩进text-indent
11.2.2 设置首字下沉first-letter类
11.2.3 调整行高line-height
11.2.4 调整字符间距letter-spacing
11.2.5 调整单词间距word-spacing
11.2.6 添加文字修饰text-decoration
11.2.7 设置文本对齐方式text-align和vertical-align
11.2.8 转换英文大小写text-transform
11.2.9 文本阴影text-shadow
习题
12 颜色和背景
12.1 颜色color
12.1.1 颜色名称定义
12.1.2 颜色的十六进制定义
12.1.3 颜色的RGB函数定义
12.2页面背景background
12.2.1 设置背景颜色
12.2.2 设置背景图片
12.2.3 设置重复背景图片
12.2.4 设置滚动背景图片
12.2.5 设置背景图片位置
12.2.6 背景复合属性background
12.2.7 设置背景尺寸
12.2.8 定义透明度
习题
13 CSS盒子模型
13.1 盒模型简介
13.1.1 盒模型定义
13.1.2 DIV盒子
13.2 边框属性
13.2.1 边框样式属性border-style
13.2.2 边框宽度属性border-width
13.2.3 边框颜色属性border-color
13.2.4 边框属性的综合设置
13.3 边距属性
13.3.1 内边距padding
13.3.2 外边距margin
13.4 圆角边框
习题
14 定位和布局
14.1 CSS元素定位
14.1.1 定位方式
14.1.2 设置位置top、bottom、right、left
14.1.3 图层定位z-index属性
14.1.4 使用浮动属性
14.2 CSS布局属性
14.2.1 可见性visibility
14.2.2 裁切clip
14.2.3 设置层大小width和height
14.2.4 溢出overflow
14.2.5 浮动float
14.2.6 清除浮动clear
14.3 其他页面元素的设置
14.3.1 鼠标特效
14.3.2 项目列表
习题
15 CSS滤镜特效
15.1 概述
15.2 视觉滤镜
15.2.1 Alpha滤镜
15.2.2 Blur滤镜
15.2.3 DropShadow滤镜
15.2.4 Glow滤镜
15.2.5 FlipH/FlipV滤镜
15.2.6 Gray、Invert、Xray滤镜
15.2.7 Chroma滤镜
15.2.8 Wave滤镜
15.2.9 Shadow滤镜
15.2.10 Mask滤镜
15.2.11 Emboss、Engrave滤镜
习题
16 JavaScript基础
16.1 JavaScript简介
16.1.1 什么是脚本语言
16.1.2 JavaScript、VBScript与Jscript
16.1.3 JavaScript语言的基本特点
16.1.4 在HTML中加入JavaScript代码
16.1.5 一个简单的实例
16.2 JavaScript基本语法
16.2.1 JavaScript的语句
16.2.2 数据类型
16.2.3 变量和常量
16.2.4 运算符和表达式
16.3 JavaScript流程控制语句
16.3.1 选择语句
16.3.2 循环语句
16.3.3 其他语句
16.4 函数
16.4.1 函数的定义
16.4.2 函数的参数与返回值
习题
17 JavaScript的对象和事件
17.1 JavaScript的对象
17.1.1 JavaScript对象
17.1.2 JavaScript的内置对象和函数
17.1.3 浏览器内部对象
17.1.4 自定义对象
17.2 JavaScript的事件处理方式
17.2.1 JavaScript的常用事件
17.2.2 事件处理
习题
18 Web前端新技术——响应式网页的设计与实现
18.1 响应式网页技术
18.2 前端开发框架
18.3 Bootstrap框架
18.3.1 框架简介
18.3.2 Bootstrap框架特点
18.3.3 Bootstrap环境安装
18.4 基于数字媒体技术专业网站的设计与实现
18.4.1 美术设计
18.4.2 首页的设计
18.4.3 Bootstrap导航
18.4.4 网页内容区
18.4.5页脚导航区
18.5 小结
习题答案（选择题）
1 网页设计基础知识
1.1 相关知识
1.2 Web前端开发技术
1.2.1 认识HTML
1.2.2 认识CSS
1.2.3 认识JavaScript
2 HTML基础
2.1 HTML的概念
2.2 HTML的基本语法
2.2.1 标签
2.2.2 属性
2.3 HTML的文档结构
2.3.1 基本结构
2.3.2 书写注意事项
2.4 HTML的头部文件和主体文件
2.4.1 文件头部内容
2.4.2 主体内容
习题
3 网页文字与排版设计
3.1 编辑网页内容
3.1.1 添加文字
3.1.2 添加注释
3.1.3 添加空格
3.2 文字效果与修饰
3.2.1 设置文字样式
3.2.2 修饰文字
3.3 段落与排版
3.3.1 段落的标签
3.3.2 换行
3.3.3 预格式化
3.3.4 居中显示文字
3.3.5 插入水平线
3.3.6 设置段落缩进
3.4 建立列表
3.4.1 建立定义列表
3.4.2 建立无序列表
3.4.3 建立有序列表
3.4.4 建立嵌套列表
3.5 文字网页综合实例
习题
4 超链接的使用
4.1 超链接简介
4.2 超链接的路径
4.2.1 设置绝对路径
4.2.2 设置相对路径
4.2.3 设置根路径
4.3 超链接的应用
4.3.1 超链接的建立
4.3.2 插入内部和外部链接
4.3.3 插入锚链接（书签链接）
4.3.4 插入图片链接
4.3.5 电子邮件链接
4.3.6 下载文件的链接
4.4 设置图像映射
4.5 其他链接
4.5.1 定义基准网址base
4.5.2 框架的链接
4.6 综合实例
习题
5 表格的使用
5.1 创建表格
5.1.1 表格的结构
5.1.2 表格的标题与表头
5.2 设置表格属性
5.2.1 设置表格的边框
5.2.2 设置边框样式
5.2.3 设置表格的宽度和高度
5.2.4 设置表格的背景颜色
5.3 设置单元格
5.3.1 设置单元格水平对齐属性
5.3.2 设置单元格垂直对齐
5.3.3 设置单元格间距和边距
5.3.4 合并单元格
5.4 表格嵌套
5.5 综合实例
习题
6 网页框架设计
6.1 框架
6.1.1 框架的概念
6.1.2 框架的基本结构
6.2 框架的设置
6.2.1 框架的文件属性
6.2.2 设置框架的名称
6.2.3 框架的边框
6.2.4 框架的滚动条
6.2.5 调整框架尺寸
6.2.6 设置框架边缘宽度与高度
6.3 框架集的设置
6.3.1 框架集边框宽度
6.3.2 设置框架集边框颜色
6.3.3 框架的分割
6.4 框架的嵌套
6.5 不支持框架
6.6 浮动框架
6.7 设置框架的链接
6.7.1 普通框架添加链接
6.7.2 浮动框架添加链接
6.8 框架的综合应用
习题
7 层的应用
7.1 创建层
7.2 层的属性
7.2.1 层属性的设置
7.2.2 层的边框
7.2.3 层边框的颜色
7.3 嵌套层
7.4 span标签的使用
7.5 综合应用
习题
8 表单的使用
8.1 表单
8.1.1 基本概念
8.1.2 表单的属性
8.2 输入标签input
8.2.1 表单元素标记
8.2.2 文本框
8.2.3 密码框
8.2.4 单选框、复选框
8.2.5 图像域
8.2.6 隐藏域
8.2.7 多行文本域
8.2.8 按钮
8.2.9 下拉菜单和滚动列表
8.2.10 插入文件域
8.3 表单综合实例
习题
9 HTML5基本介绍
9.1 认识HTML5
9.1.1 HTML5的发展史
9.1.2 HTML5与HTML4的差异
9.1.3 HTML5废除的标签
9.2 HTML5的新功能
9.2.1 HTML5声明
9.2.2 语义化标签
9.3 新增标签介绍
9.3.1 视频标签与属性
9.3.2 音频标签与属性
9.3.3 画布标签与属性
9.3.4 表单属性
9.4 Web存储
9.4.1 Web存储的两种方法
9.4.2 Web存储的优势和意义
10 CSS语法基础
10.1 CSS的简介
10.1.1 CSS的发展史
10.1.2 CSS的定义
10.2 CSS的基本语法
10.3 CSS选择符的类型
10.3.1 标记选择符
10.3.2 组合选择符
10.3.3 类选择符
10.3.4 id选择符
10.3.5 包含选择符
10.3.6 伪类
10.4 选择符的优先级
10.5 应用CSS样式表
10.5.1 行内样式
10.5.2 内嵌样式
10.5.3 链接外部样式
10.5.4 导入外部样式
10.5.5 样式表的优先级
习题
0 条评论
下一页
为你推荐
查看更多
