Web前端开发项目案例教程PDF电子书下载

查看更多关于的内容

技能知识篇 3

项目一 初识HTML5 3

任务1.1 Web时代的迁移 5

任务1.2 HTML基础标记与属性 7

任务1.2.1 HTML简单页面创建 7

任务1.2.2 HTML标记设置超链接 8

任务1.2.3 HTML标记设置图像和动画 11

任务1.2.4 HTML标记设置表格 17

任务1.2.5 HTML其他常用标记 19

任务1.3 HTML5新特性 24

任务1.3.1 HTML5浏览器支持 24

任务1.3.2 HTML5文档基本格式 25

任务1.3.3 HTML5基本语法 27

任务1.3.4 创建一个简单的HTML5页面 28

项目小结 31

项目实训 31

项目拓展 32

项目二 网站搭建与管理 33

任务2.1 站点规划 34

任务2.2 新建Web项目站点 35

任务2.2.1 开发工具——HBuilder X的安装 35

任务2.2.2 创建Web项目站点 37

任务2.2.3 调试工具——Chrome开发者工具 39

任务2.3 导入项目站点 42

任务2.4 网页设计开发环境 44

任务2.4.1 网页开发工具 44

任务2.4.2 图形图像处理工具 47

任务2.5 运用HBuilder X创建简单Web网站 48

项目小结 52

项目实训 53

项目三 构建HTML5网页文件 54

任务3.1 HTML5新增元素与属性 56

任务3.1.1 结构元素 56

任务3.1.2 列表元素 61

任务3.1.3 分组元素 65

任务3.1.4 交互元素 69

任务3.1.5 语义元素 72

任务3.1.6 全局属性 74

任务3.1.7 阶段案例 77

任务3.2 HTML5多媒体技术 81

任务3.2.1 音频技术 81

任务3.2.2 视频技术 82

项目小结 84

项目实训 84

项目四 CSS3新样式修饰网页 86

任务4.1 初识CSS3 88

任务4.2 CSS基础知识 89

任务4.2.1 CSS样式介绍 89

任务4.2.2 CSS基础选择器 93

任务4.2.3 CSS修饰颜色与背景 98

任务4.2.4 CSS修饰字体 100

任务4.2.5 CSS修饰文本属性 104

任务4.2.6 CSS修饰超链接 113

任务4.2.7 CSS修饰列表 114

任务4.2.8 CSS修饰表格 117

任务4.2.9 阶段案例 119

任务4.3 CSS3新增选择器 121

任务4.3.1 属性选择器 121

任务4.3.2 关系选择器 123

任务4.3.3 阶段案例 126

任务4.4 CSS3新增特性 128

任务4.4.1 实现圆角效果 128

任务4.4.2 文本效果 131

任务4.4.3 多列 134

任务4.4.4 定义字体 138

任务4.4.5 透明度 139

任务4.4.6 阶段案例 142

任务4.5 CSS3的过渡、变形与动画 143

任务4.5.1 CSS3的过渡 143

任务4.5.2 CSS3的变形 149

任务4.5.3 CSS3的动画 161

任务4.5.4 阶段案例 169

项目小结 171

项目实训 172

项目五 盒子模型 173

任务5.1 认识盒子模型 174

任务5.1.1 盒子模型的构成 174

任务5.1.2 边距属性 177

任务5.1.3 box-shadow属性 181

任务5.1.4 box-sizing属性 182

任务5.1.5 阶段案例 183

任务5.2 盒子边框属性 184

任务5.2.1 边框样式 184

任务5.2.2 边框宽度 186

任务5.2.3 边框颜色 187

任务5.2.4 综合设置边框 189

任务5.2.5 圆角边框 191

任务5.2.6 阶段案例 193

任务5.3 盒子背景属性 194

任务5.3.1 设置背景颜色 194

任务5.3.2 设置背景图像 195

任务5.3.3 背景与图片不透明度的设置 197

任务5.3.4 设置背景图像平铺 198

任务5.3.5 设置背景图像的位置 200

任务5.3.6 设置背景图像固定 202

任务5.3.7 设置背景图像的大小 203

任务5.3.8 阶段案例 205

任务5.4 盒子渐变属性 205

任务5.4.1 线性渐变 205

任务5.4.2 径向渐变 207

任务5.4.3 重复渐变 209

任务5.4.4 阶段案例 211

项目小结 211

项目实训 211

项目六 元素的浮动与定位 212

任务6.1 浮动 213

任务6.1.1 浮动的属性 213

任务6.1.2 浮动的清除 216

任务6.1.3 overflow属性 222

任务6.2 定位布局 225

任务6.2.1 定位布局的属性 225

任务6.2.2 层叠等级属性 231

任务6.3 类型转换 231

任务6.3.1 类型分类 232

任务6.3.2 ＜span＞标记 234

任务6.3.3 元素之间转换 235

任务6.4 阶段案例 237

项目小结 242

项目实训 243

项目七 网页布局技术 244

任务7.1 框架布局 245

任务7.2 阶段案例 251

任务7.3 CSS3+DIV技术布局 257

任务7.3.1 单列布局 257

任务7.3.2 多列布局 258

任务7.4 阶段案例 262

项目小结 264

项目实训 265

项目八 网页表单的应用 266

任务8.1 表单 267

任务8.1.1 表单属性 268

任务8.1.2 ＜input＞标记 271

任务8.1.3 ＜input＞标记的属性 272

任务8.1.4 其他表单元素 286

任务8.2 阶段案例 292

项目小结 295

项目实训 295

项目九 跨平台响应式技术 296

任务9.1 响应式媒体查询 298

任务9.1.1 媒体类型查询 298

任务9.1.2 媒体特性查询 300

任务9.2 Bootstrap框架 307

任务9.2.1 Bootstrap框架简介 307

任务9.2.2 Bootstrap栅格系统 308

任务9.2.3 使用栅格系统进行响应式布局 311

任务9.2.4 Bootstrap字体图标 316

任务9.2.5 Bootstrap响应式表格 318

任务9.2.6 Bootstrap响应式导航条 321

任务9.3 阶段案例 324

项目小结 332

项目实训 332

综合项目实战篇 337

项目十 HTML5+CSS3+Bootstrap综合项目实战 337

任务10.1 网站建设规划 339

任务10.2 页面效果分析 344

任务10.3 制作前期准备 347

项目小结 351

参考文献 352

查看更多关于的内容