《HTML5+CSS3 网站设计基础教程》案例欣赏

为了帮助读者更好的吸收和运用所学知识点，本书 1~9 章均配有阶段案例；第 10 章为

项目实战，带领读者使用 HTML5+CSS3 技术开发一个电商网站首页面。

案例示意图如下：

第1章 初识 HTML 【阶段案例—制作 HTML5 百科页面】：

默认页面效果

跳转页面 1

跳转页面 2

第2章 HTML5 页面元素及属性【阶段案例—制作电影影评网】：

“电影影评网”默认效果

“动作电影”下拉菜单

“科幻电影”下拉菜单

第3章 CSS3 入门【阶段案例—制作服装推广软文】：

服装推广软文

第4章 CSS3 选择器【阶段案例—制作网页设计软件列表】：

“网页设计软件列表”默认效果

鼠标悬浮样式

软件介绍效果

第5章 CSS 盒子模型【阶段案例—制作音乐排行榜】：

背景属性定义列表样式

第6章 浮动与定位【阶段案例—制作网页焦点图 】：

网页焦点图默认效果

鼠标移上焦点图效果

第7章 表单的应用【阶段案例—制作信息登记表】：

信息登记表效果展示

第8章 多媒体技术【阶段案例——制作音乐播放界面】：

音乐播放界面效果图

第9章 CSS3 高级应用【阶段案例—制作工作日天气预报】：

工作日天气预报效果图

鼠标移上时，图标变亮

鼠标移上时图标变亮

点击图标时，背景图片发生改变

点击图标时背景图片发生改变

第10章 实战开发—制作电商网站首页面

首页效果展示