水晶石技法CSS+DIV商业网站设计

第1章 网页基础与网站开发流程

1.1 本书术语讲述

1.1.1 文本

1.1.2 图像

1.1.3 超链接

1.1.4 表格

1.1.5 表单

1.1.6 导航栏

1.1.7 动画

1.1.8 框架

1.1.9 其他

1.2 显示网页的主流浏览器

1.3 静态网页和动态网页的区别

1.4 网站重构

1.4.1 什么是网站重构

1.4.2 为什么要网站重构

1.5 网站开发的流程

1.5.1 需求分析

1.5.2 平台规划

1.5.3 项目开发

1.5.4 测试验收

1.6 Web标准

1.6.1 结构标准语言

1.6.2 表现标准语言

1.6.3 行为标准

1.7 CSS布局与table布局的区别

1.8 网页重构用到的技术

1.9 网页制作核心

1.9.1 DIV+CSS的组成元素

1.9.2 块级元素（Block element）

1.9.3 内联元素（Inline element）

1.9.4 常用块元素（Block element）

1.9.5 常用内联元素（Inline element）

1.9.6 DIV+CSS的盒子模型理论

1.9.7 外边距的叠加机理

1.9.8 CSS文档流

1.9.9 定位

1.10 本章总结

第2章 设计类企业项目解析（艾古互动网）

2.1 案例概述

2.1.1 项目背景分析

2.1.2 网站布局

2.2 项目目录安排

2.3 主容器搭建

2.4 头部制作

2.4.1 网站LOGO的布局

2.4.2 导航布局

2.4.3 服务内容布局

2.5 内容部分布局

2.5.1 互动体验专家与手形布局

2.5.2 新闻动态部分布局

2.5.3 成功案例滚动Banner布局

2.5.4 图标链接布局

2.5.5 解决方案Banner布局

2.6 尾部布局

2.6.1 Site map布局

2.6.2 网站地图部分布局

2.6.3 版权申明部分布局

2.6.4 友情链接部分布局

2.7 解决方案版块布局

2.7.1 头尾部分的延续布局

2.7.2 头部与内容部分间小导航的布局

2.7.3 解决方案内容的布局

2.7.4 链接图标的布局

2.8 网站建设版块布局

2.8.1 头尾部分的延续布局

2.8.2 Banner部分布局

2.8.3 服务流程部分布局

2.8.4 服务套餐部分布局

2.9 本章总结

第3章 摄影类项目解析（尚格视觉）

3.1 案例概述

3.1.1 项目背景分析

3.1.2 网站布局

3.2 项目目录安排

3.3 主容器搭建

3.4 头部制作

3.4.1 网站LOGO的布局

3.4.2 QQ服务内容布局

3.4.3 导航布局

3.5 Banner与音乐控件布局

3.5.1 主Banner与音乐控件布局

3.5.2 热点新闻部分布局

3.5.3 横向Banner布局

3.6 主内容部分布局

3.6.1 服务报价部分布局

3.6.2 小贴士部分布局

3.6.3 友情链接部分布局

3.6.4 精彩客片部分布局

3.7 页尾部分布局

3.7.1 页脚导航部分布局

3.7.2 热贴部分布局

3.7.3 花絮部分布局

3.7.4 留言部分布局

3.7.5 联系方式部分布局

3.8 网站留言版块布局

3.8.1 头尾部分的延续布局

3.8.2 搜索部分布局

3.8.3 页面洋葱皮部分布局

3.8.4 留言记录部分布局

3.8.5 页码部分布局

3.8.6 留言列表部分布局

3.8.7 分割线与页码部分布局

3.8.8 留言发布布局

3.9 本章总结

第4章 商品类项目解析（养乐多）

4.1 案例概述

4.1.1 项目背景分析

4.1.2 网站布局

4.2 项目目录安排

4.3 主容器搭建

4.4 头部制作

4.4.1 网站LOGO的布局

4.4.2 地区选择部分布局

4.4.3 导航布局

4.5 主内容部分布局

4.5.1 调查问卷部分布局

4.5.2 最新消息部分布局

4.5.3 Banner布局

4.6 页尾部分布局

4.6.1 版权部分布局

4.6.2 页尾连接部分布局

4.7 新闻活动版块部分布局

4.7.1 头尾部分的延续布局

4.7.2 新闻活动竖向菜单布局

4.7.3 新闻公告部分布局

4.7.4 来源选择部分布局

4.7.5 新闻列表部分布局

4.7.6 新闻列表翻页部分布局

4.8 本章总结

第5章 个人展示类项目解析（like-v）

5.1 案例概述

5.1.1 项目背景分析

5.1.2 网站布局

5.2 项目目录安排

5.3 主容器搭建

5.4 头部制作

5.5 主内容部分布局

5.5.1 图形设计部分布局

5.5.2 网页设计部分布局

5.5.3 关于我们部分布局

5.5.4 联系我们部分布局

5.6 页尾部分布局

5.6.1 版权部分布局

5.6.2 页尾连接部分布局

5.7 播放器制作

5.8 移动广告牌

5.9 本章总结

第6章 游戏类项目解析（英雄联盟）

6.1 案例概述

6.1.1 项目背景分析

6.1.2 网站布局

6.2 项目目录安排

6.3 首页主容器搭建

6.4 首页头部制作

6.4.1 标识

6.4.2 导航

6.4.3 荣誉墙

6.5 首页主内容部分布局

6.5.1 Banner部分布局

6.5.2 赛事与活动

6.5.3 边栏

6.5.4 合作媒体

6.6 首页页尾部分布局

6.7 列表页主容器搭建

6.8 列表页头部制作

6.8.1 标识

6.8.2 导航

6.8.3 荣誉墙

6.9 列表页主内容部分布局

6.9.1 边栏导航

6.9.2 列表主内容

6.9.3 边栏Banner

6.10 列表页页尾部分布局

6.11 本章总结

第7章 项目经验总结（一）

7.1 高级文字排版分析

7.1.1 倒影字

7.1.2 齐线字

7.1.3 修饰标题字

7.1.4 Google字

7.1.5 FedEx字

7.1.6 Yahoo字

7.2 控制字符宽度省略号效果

7.3 居中浏览器的半透明布局

7.4 div高度随窗口变化而变化

7.5 建立交叉浮动层

7.6 三列自适应等高且中列宽度自适应

7.7 三级弹出CSS导航菜单

7.8 Web前端开发规范文档

7.8.1 规范目的

7.8.2 基本准则

7.8.3 文件规范

7.8.4 HTML书写规范

7.8.5 CSS书写规范

7.8.6 JavaScript书写规范

7.8.7 图片规范

7.8.8 注释规范

7.9 本章总结

第8章 项目经验总结（二）

8.1 CSS中以图片替换文字的表现方法

8.2 纯CSS代码实现翻页

8.3 隔行换色

8.4 评分星级效果

8.5 柱状图表

8.6 鼠标经过弹性放大DIV

8.7 双语导航

8.8 Banner滚动切换

8.9 透明Flash上方的层

8.10 本章总结

……

《水晶石技法CSS+DIV商业网站设计》由水晶石教育学院编著，是由珍贵的水晶石教育内部培训资料整理而成的教材。秉承水晶石教育“实战教学、实用教学、实时教学”的理念，《水晶石技法CSS+DIV商业网站设计》主要通过实际项目案例讲解运用Dreamweaver、JavaScriptEditor等软件与HTML5、CSS、JavaScript语言，进行网站重构技术的方法和技巧。
全书共8章，以案例教学的方式进行讲解，通过案例制作的讲解来强化软件的操作技巧。内容丰富，结构清晰，技术参考性强，最后还有项目经验总结，帮助提高读者的实际项目应用能力。随书光盘中更有水晶石教育学院老师精选的部分案例视频及操作素材，更配有水晶石教育学院学习卡，密码激活后可登录“帮我学”网站观看水晶石教育学院精选视频，以及下载学习素材。
《水晶石技法CSS+DIV商业网站设计》适合作为各高等院校相关专业和相关培训机构的培训教材或教学参考用书，以及网站制作专业工作者和爱好者的自学读物。