网页设计与布局项目化教程

第1章 从基础开始

1.1(X)HTML与CSS

1.1.1DOCTYPE(文档类型）的含义与选择

1.1.2XHTML与HTML的重要区别

1.1.3CSS的基本思想

1.1.4CSS的引入

1.1.5浏览器与CSS

1.2CSS的基本选择器

1.2.1理解CSS选择器的思想

1.2.2标记选择器

1.2.3类别选择器

1.2.4ID选择器

1.3在HTML中引入CSS的方法

1.3.1行内样式

1.3.2内嵌式

1.3.3外部样式表

1.3.4链接式

1.3.5各种方式的优先级问题

1.4动手体验CSS

1.4.1从零幵始

1.4.2使用CSS设置标题

1.4.3控制图片

1.4.4设置正文

1.4.5设置整体页面

1.4.6对段落分别进行设置

1.4.7兼容性检查

1.4.8CSS的注释

1.5网页使用的编辑软件

1.5.1可视化网页制作软件的优点

1.5.2可视化软件的局限性

1.5.3善于使用代码视图的功能

1.6CSS的复合选择器

1·6.1交集选择器

1.6.2并集选择器

1.6.3后代选择器

1.7CSS的继承特性

1.7.1继承关系

1.7.2CSS继承的运用

1.8CSS的层叠特性

1.9本章小结

第2章 摄影师个人网站布局

2.1案例描述

2.2内容分析

2.3,L结构设计

2.4原型设计

2.5页面方案设计

2.6布局设计

2.7CSS技术准备--盒子模型

2.8设置页面的整体背景

2.9制作照片展示区域

2.10设置网页标题的图像替换

2.11CSS技术准备--定位

2.11.1理解标准文档流

2.11.2认识定位属性

2.11.3绝对定位

2.12设置网页标题的位置

2.13设置网页文本内容

2.14本章小结

第3章 生物研究中心网站布局

3.1案例描述

3.2内容分析

3.3原型设计

3.4页面方案设计

3.5CSS技术准备--盒子的浮动

……

《网页设计与布局项目化教程(HTML+CSS+DIV)》以六大完整案例为线索，紧密围绕在使用CSS+DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍了CSS布局网页各方面的内容和技巧。书中摒弃了案例书常见的一味罗列步骤，轻视技术原理的做法，把案例作为学习手段，不但侧重讲解CSS盒子模型、标准流、浮动、定位四大核心技术原理，更侧重讲解如何在实践中应用它们。读者通过案例，既可以掌握CSS的核心技术要点，也可以了解相关技术和工作流程，从而做到不但知其然，还知其所以然。此外，本书还结合流行的CMS内容管理系统，讲解了使用CSS进行模板设计的方法，使读者可以举一反三地掌握为各种内容管理系统设计模板的方法。本书可作为高等职业院校网页设计类课程教材，也适合具备一定HTML和网页设计制作基础的需要使用CSS的爱好者、Web设计人员和开发人员阅读。