HTML5+CSS3网页设计与制作

第1章 网页设计基础 1 1.1 网页设计概念 1 1.1.1 网页设计的基本流程 1 1.1.2 网页的主要组成部分 2 1.2 网页开发工具简介 5 1.2.1 HBuilderX开发工具 5 1.2.2 Visual Studio Code开发工具 8 第2章 HTML基础 17 2.1 HTML概念 17 2.1.1 HTML简介 17 2.1.2 HTML发展历史 18 2.2 HTML文档基本结构 19 2.3 HTML文档标签属性 22 2.4 案例实战—**个HTML网页设计文档 25 第3章 CSS基础 27 3.1 CSS的语法和用法 27 3.2 基本选择器 31 3.3 复合选择器 38 3.4 属性选择器 40 3.5 伪元素选择器和伪类选择器 44 3.6 案例实战—应用CSS样式实现“双周热门推荐”栏目列表样式 49 第4章 设计文本样式 53 4.1 设计字体样式 53 4.2 设计文本样式 62 4.3 案例实战—文本页面的排版 72 第5章 设计图像样式 76 5.1 网页中的图像 76 5.2 图像基本样式 78 5.3 定义背景图像 86 5.4 案例实战—背景页面布局 95 第6章 设计表单样式 99 6.1 设计表单 99 6.2 设计表单样式 108 6.3 案例实战—表单实现收货地址页面效果 113 第7章 设计超链接样式 117 7.1 定义超链接 117 7.2 定义超链接样式 124 7.3 案例实现—几何图形的导航菜单 129 第8章 设计表格样式 135 8.1 设计表格 135 8.2 定义表格样式 143 8.3 案例实战—应用表格布局网页 150 第9章 设计列表样式 154 9.1 设计列表 154 9.2 定义列表样式 160 9.3 案例实战—列表布局导航菜单 167 第10章 网页布局 175 10.1 盒子模型 175 10.2 网页布局的基本方法 184 10.3 案例实战—新闻页面的布局实现 196 第11章 CSS中的动画与特效 202 11.1 CSS中的动画与特效—transform 202 11.2 CSS中的动画与特效—transition 212 11.3 CSS中的动画与特效—animation 221 11.4 案例实战—纯CSS实现轮播图效果 229 第12章 网站页面综合设计实训 233 实战案例—仿小米官网首页设计 233 参考文献 250