变幻之美:Div+CSS网页布局揭秘(案例实战篇)

.2.3　xhtml编码　42
2.3.1　页面主体元素xhtml编码　43
2.3.2　页面头部与导航菜单xhtml编码　44
2.3.3　页面内容区与底部版权xhtml编码　46
2.3.4　侧边栏元素xhtml编码　47
2.4　应用css样式组建网页　48
2.4.1　页面布局css样式　49
2.4.2　页面头部logo、标语和搜索表单css样式　52
2.4.3　页面头部横向导航菜单css样式　55
2.4.4　内容区域与底部版权css样式　57
2.4.5　侧边栏元素css样式　59
2.5　变幻之美——风格调整　63
2.6　分析变化与切图　64
2.7　通过修改css样式重构网页　65
2.7.1　调整页面布局css样式　66
2.7.2　调整页面头部与导航菜单css样式　68
2.7.3　调整内容区域与底部版权css样式　71
2.7.4　调整侧边栏元素css样式　72
第3章　古色古香的古典风格网站设计　75
3.1　案例效果图分析　76
3.2　布局规划与切图　79
3.2.1　页面布局规划 　79
3.2.2　切割及导出图片.. 　82
3.3　xhtml编码　86
3.3.1　页面主体元素xhtml编码 　87
3.3.2　页面共有元素xhtml编码 　88
3.3.3　网站首页中部内容区xhtml编码 　90
3.3.4　栏目列表页中部内容区xhtml编码 　94
3.3.5　内容终端页中部内容区xhtml编码 　97
3.4　应用css样式组建网页　99
3.4.1　页面布局css样式 　99
3.4.2　页面共有元素column层css样式 　105
3.4.3　页面共有元素main层css样式 　109
3.4.4　页面共有元素sider层css样式 　114
3.4.5　网站首页中部内容区css样式 　120
3.4.6　栏目列表页中部内容区css样式 　127
3.4.7　内容终端页中部内容区css样式 　136
3.5　网站文件与css样式规划整理　139
3.5.1　网站文件与目录结构 　139
3.5.2　css样式规划与样式组织 　140
第4章　活力四射的热情风格网站设计　142
4.1　案例效果图分析　143
4.2　布局规划与切图　147
4.2.1　页面布局规划 　147
4.2.2　切割与导出表现层图片 　152
4.2.3　切割与导出内容层图片 　157
4.3　网站文件与css样式规划　158
4.3.1　网站文件规划 　159
4.3.2　css样式规划 　160
4.4　xhtml编码　161
4.4.1　页面主体布局xhtml编码 　161
4.4.2　页头header层与页脚footer层xhtml编码 　163
4.4.3　页面共有元素xhtml编码 　165
4.4.4　网站首页xhtml编码完善 　168
4.4.5　栏目列表页xhtml编码完善 　174
4.4.6　内容终端页xhtml编码完善 　177
4.5　应用css样式组建网页　179
4.5.1　页面布局css样式 　179
4.5.2　页头header层css样式 　186
4.5.3　页脚footer层css样式　191
4.5.4　共有元素“最近更新”与“推荐图片”css样式　196
4.5.5　共有元素“推荐阅读”与“旗帜广告”css样式　202
4.5.6　网站首页css样式完善　207
4.5.7　栏目列表页css样式完善　217
4.5.8　内容终端页css样式完善　223
4.6　网站文件成型与调整　233
4.6.1　html文件成型与保存　233
4.6.2　应用css样式实现“当前页”效果...　234