HTML5+CSS3网页制作实践

第1章 网页制作基础 1 1.1 知识点梳理 1 1.2 基础练习 1 1.3 动手实践 2 1.3.1 实验1 Dreamweaver初始化设置 2 1.3.2 实验2 用Dreamweaver制作**个网页 4 1.3.3 实验3 下载及安装VSCode 7 1.3.4 实验4 ?VSCode插件的获取及安装 9 1.3.5 实验5 用VSCode制作**个网页 11 第2章 HTML入门 14 2.1 知识点梳理 14 2.2 基础练习 19 2.3 动手实践 19 2.3.1 实验1 HTML元素和属性 19 2.3.2 实验2 图文混排 21 2.3.3 实验3 淘宝宝贝展示 25 2.3.4 实验4 标签综合练习(月记文案) 26 第3章 CSS入门 29 3.1 知识点梳理 29 3.2 基础练习 33 3.3 动手实践 34 3.3.1 实验1 文章排版一 34 3.3.2 实验2 文章排版二 36 3.3.3 实验3 文章排版三 38 3.3.4 实验4 新品上市 41 第4章 盒子模型 44 4.1 知识点梳理 44 4.2 基础练习 50 4.3 动手实践 51 4.3.1 实验1 潮流新品宝贝展示 51 4.3.2 实验2 酷车e族宝贝展示 56 4.3.3 实验3 盒子属性综合实战 60 第5章 链接与列表 63 5.1 知识点梳理 63 5.2 基础练习 65 5.3 动手实践 66 5.3.1 实验1 页码导航条 66 5.3.2 实验2 图片热点超链接 68 5.3.3 实验3 无序列表制作魅力彩妆岁末盛惠广告 71 5.3.4 实验4 自定义列表展示商品 73 5.3.5 实验5 服装鞋包菜单制作 76 第6章 浮动与定位 80 6.1 知识点梳理 80 6.2 基础练习 82 6.3 动手实践 82 6.3.1 实验1 食品农业市场商品展示 82 6.3.2 实验2 商品分类二级菜单 88 6.3.3 实验3 天猫商城右侧通道工具栏 94 第7章 表格与表单 100 7.1 知识点梳理 100 7.2 基础练习 104 7.3 动手实践 105 7.3.1 实验1 信用评价表格 105 7.3.2 实验2 宝贝发布表单 110 7.3.3 实验3 服装上线申请登记表 114 第8章 CSS3选择器 122 8.1 知识点梳理 122 8.2 基础练习 124 8.3 动手实践 125 8.3.1 实验1 慕课课程列表 125 8.3.2 实验2 模拟小米元素动态闹铃 129 8.3.3 实验3 模拟新浪网站导航栏 133 8.3.4 实验4 模拟新浪体育网站导航栏 137 8.3.5 实验5 汉堡菜单 139 8.3.6 实验6 海洋生物 141 第9章 过渡、变形及动画 146 9.1 知识点梳理 146 9.2 基础练习 150 9.3 动手实践 151 9.3.1 实验1 模仿瑞丽STAR展示效果 151 9.3.2 实验2 能位移的标题列表 157 9.3.3 实验3 带延伸线动画的导航栏 159 9.3.4 实验4 蒲公英的梦想 161 第10章 弹性布局 166 10.1 知识点梳理 166 10.2 基础练习 168 10.3 动手实践 169 10.3.1 实验1 用弹性盒子模型布局制作中秋节快乐卡 169 10.3.2 实验2 用弹性布局实现京东导航 172 第11章 多媒体与开放平台实用工具的应用 175 11.1 知识点梳理 175 11.2 基础练习 176 11.3 动手实践 177 11.3.1 实验1 制作学校的地图名片 177 11.3.2 实验2 在网站上设置QQ在线客服 179 11.3.3 实验3 社会化分享按钮 182 11.3.4 实验4 网页中应用视频分享 185 第12章 网页布局综合实践 187 12.1 知识点梳理 187 12.2 基础练习 187 12.3 动手实践 189 实验 模仿制作“时尚芭莎”网站首页 189 附录 各章基础练习参考答案 202 参考文献 208