编辑推荐:
单元一 HTML5构建网站结构 1
教学导航 1
【基本项目】使用HTML5构建个人博客网站首页 1
【应用项目】仿Ghost开源博客平台的内容页面 10
单元二 HTML5表单和验证 15
教学导航 15
【基本项目】使用HTML5新增表单功能制作注册表单 15
【应用项目】为注册表单添加用户体验的验证信息 24
单元三 CSS3网页细节设计 27
教学导航 27
任务一 圆角 28
【基本项目1】实心圆角效果 28
【基本项目2】空心圆角效果 32
【应用项目1】网页中的圆角属性应用 34
【应用项目2】绘制形状 36
【应用项目3】经典对话框 38
【应用项目4】圆角导航条应用 39
任务二 边框阴影 40
【基本项目】边框阴影效果 40
【应用项目】仿青年帮案例展示效果 47
任务三 渐变 49
【基本项目1】线性渐变—彩虹背景文字效果 49
【基本项目2】径向渐变—背景图案效果 50
任务四 背景图片的大小 53
【基本项目】响应式图片效果 53
任务五 背景图片的定位 55
【基本项目1】background-origin 55
【基本项目2】background-clip 57
任务六 多重背景 59
【基本项目】多重背景 59
【应用项目】扑克牌效果 61
任务七 文字阴影 62
【基本项目】文字阴影效果 62
单元四 自定义字体和图标文字 66
教学导航 66
【应用项目】网页中的图标文字 66
单元五 CSS3过渡效果 69
教学导航 69
【基本项目】变色并扩展小方块效果 69
【应用项目1】仿青年帮导航条设计—圆角过渡效果 70
【应用项目2】仿青年帮导航条设计—下拉框效果 72
【应用项目3】仿17素材网作品展示效果 74
单元六 CSS3 2D效果 76
教学导航 76
【基本项目】CSS3 2D效果案例 76
【应用项目1】CSS3 2D综合效果—制作个性照片墙 90
【应用项目2】仿码工助手案例展示效果 92
【应用项目3】仿青年帮导航条设计—常用推荐效果 94
单元七 CSS3 3D效果 97
教学导航 97
【基本项目】立体缩放效果 97
【应用项目1】旋转立方体效果 102
【应用项目2】立体导航条效果 104
单元八 CSS3动画效果 107
教学导航 107
【基本项目】小球运动效果 107
【应用项目1】旋转转盘效果 110
【应用项目2】跳动的心效果 112
【应用项目3】钟摆效果 114
【应用项目4】旋转导航条效果 116
【应用项目5】仿青年帮网站—光晕效果 118
【应用项目6】仿青年帮设计导航—灵感创意推荐 121
【应用项目7】仿青年帮网站—波浪效果 123
单元九 响应式网站 126
教学导航 126
【基本项目】使用媒体查询制作一个简单的响应式网站 126
【应用项目1】响应式导航条设计 128
【应用项目2】响应式网站框架设计 131
【应用项目3】sugarcoat动漫响应式网站设计 134
展开
随着互联网行业的发展,大中型互联网公司的网站开发岗位对前端开发工程师的需求大增。而HTML5+CSS3响应式网站开发技术是目前非常流行的Web前端开发技术,也是目前各高校计算机类专业及有前端开发课程的相关专业必修的技能课程。通过阅读本书,读者应能够迅速理解和掌握新一代的Web标准HTML5所涵盖的核心技术,熟练掌握CSS3的基本语法和应用,以及HTML5的新特性。培养学生根据用户需求,按照最优化的程序设计规范,制作响应式网站。
本书分为九个单元。单元一主要介绍HTML5常用的语义化结构标签和其他标签,通过“【基本项目】使用HTML5构建个人博客网站首页”和“【应用项目】仿Ghost开源博客平台的内容页面”,帮助读者理解和掌握HTML5语义化结构标签的用法。单元二通过“【基本项目】使用HTML5新增表单功能制作注册表单”和“【应用项目】为注册表单添加用户体验的验证信息”,帮助读者理解和掌握表单新增标签和属性。单元三通过16个经典案例项目,帮助读者理解和掌握圆角、边框阴影、渐变、背景图片的大小、背景图片的定位、多重背景、文字阴影属性。单元四通过经典案例,使读者熟练掌握网站中的各种字体和图标文字的应用效果。单元五~单元八模仿真实网站中常见的网站特效,使读者理解并熟练应用网站中常见的各种特效。单元九主要介绍CSS3媒体查询,模仿网络上的真实响应式网站,使读者能够轻松掌握并完成各种响应式网站的制作。
本书内容以真实网站为主线,按照“小案例+拓展案例+实战应用”的方式,以及由浅入深、循序渐进的思路进行讲解,帮助读者理解和掌握所学的知识。本书所有案例已经被踏得网收录和分享,视频资源已被访问五万余次。
本书由于晓霞担任主编,参与编写并为本书提供丰富素材资源的有程响林、刘良方、陈宁凡、沈志刚。衷心希望每位读者可以从本书获益。
虽然编者对本书所有内容都进行了核实,并多次校对,但因时间有限,本书可能存在疏漏和不足之处,恳请读者批评与指正。如果读者在阅读本书过程中遇到困难或疑惑,请发邮件至77374325@qq.com,我们会尽快解答。
展开