CSS与Dreamweaver CS3完美网页设计PDF|Epub|txt|kindle电子书版本网盘下载

CSS与Dreamweaver CS3完美网页设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 CSS基础知识1

1.1（X）HTML文档3

1.1.1文档类型3

1.1.2字符编码4

1.1.3自然的文档流5

1.1.4行内元素和块元素5

1.1.5用div构建页面6

1.2CSS文档7

1.2.1CSS语法7

1.2.2CSS选择符类型8

1.2.3层叠13

1.2.4一些真正混淆的内容——优先级17

1.2.5继承18

1.2.6box模型18

1.2.7浏览器怪异现象19

1.2.8hasLayout属性22

1.2.9定位技术23

1.3操纵自然流25

1.3.1浮动图像26

1.3.2应用清除元素28

1.3.3插入div标签31

1.3.4绝对定位的列34

1.3.5清除浮动列39

1.3.6进入布局40

第2章 使用固定起始页面和居中起始页面46

2.1开始创建48

2.1.1准备HTML文档49

2.1.2准备比较图51

2.1.3为body元素设置样式52

2.2在CSS中使用速记属性54

2.3使用背景图像58

2.3.1创建“伪造”的右列59

2.3.2创建外发光效果61

2.4创建标题64

2.4.1绝对定位：并非一无是处65

2.4.2添加标志67

2.5使侧边列圆角化69

2.5.1首先设置顶部70

2.5.2创建伪底72

2.6添加页面底部74

2.6.1添加外部页面包装器74

2.6.2定位底部花朵图形76

2.6.3要不要使用PNG格式，这是个问题77

2.7关于浮动和清除的一点说明80

2.7.1在页面中创建Pod81

2.7.2避免浮动蔓延——如何迫使div包含自己的浮动82

2.7.3空白——最后的处女地83

2.8源代码顺序的问题85

2.9字体与最终的样式化87

2.9.1命名锚记和链接87

2.9.2样式化标题90

2.9.3平均化侧边列92

2.10首字放大——简单的页面修饰技巧93

2.11完成脚注95

2.12消除错误96

2.12.1针对IES调整数值——怪异模式96

2.12.2hasLayout问题96

2.12.3使用“检查浏览器兼容性”功能98

2.13声明媒体类型99

2.14小结102

第3章 从基于表格的布局转向CSS104

3.1CSS问题106

3.1.1利用“查找和替换”确定现有规则107

3.1.2组织CSS规则109

3.1.3建立顺序111

3.1.4合并属性114

3.1.5完成合并117

3.2清理混乱的〈table〉标签118

3.2.1利用“查找和替换”清除表格代码119

3.2.2使用CSS样式化列表121

3.2.3取消表格的嵌套状态125

3.2.4利用Adobe Fireworks CS3修改图形126

3.2.5利用Div封装内容128

3.2.6微调列表130

3.2.7加快速度133

3.2.8实践所学的内容135

3.3重建页面标题136

3.3.1在标题中添加背景图形138

3.3.2定位导航图像139

3.4继续清理过程142

3.5删除最后的表格标记147

3.6小结151

第4章 使用液态CSS布局152

4.1简化CSS选择符154

4.2创建标题157

4.2.1插入背景图像158

4.2.2插入徽标图像159

4.3创建水平导航条161

4.3.1为水平导航条创建CSS162

4.3.2将命名锚记样式化为按钮165

4.3.3使用设计时样式表166

4.3.4水平导航条的最后微调168

4.3.5解决水平滚动问题170

4.3.6创建hover和当前页面指示器状态171

4.4布局主内容区域173

4.4.1修改列174

4.4.2处理边界175

4.4.3列的假象176

4.4.4定位背景177

4.4.5微调列179

4.4.6添加徽章图像181

4.4.7创建左手导航条184

4.4.8样式化菜单链接186

4.4.9在垂直菜单中放置页面指示器187

4.4.10样式化mainContent区域189

4.5处理底部：样式化脚注190

4.5.1浮动左侧元素和右侧元素191

4.5.2最后的修饰193

第5章 利用弹性布局创建更复杂的页面196

5.1新文档199

5.1.1重新设置CSS默认值200

5.1.2创建一个重设代码片段202

5.1.3跳到左边203

5.1.4调整重设204

5.2em单位的重要性205

5.2.1em是相对的205

5.2.2对文字进行一些调整208

5.3视觉变换214

5.3.1样式化标题214

5.3.2标题假象217

5.3.3添加行内导航218

5.3.4改善Dreamweaver的性能220

5.4主要内容224

5.5主站点导航条228

5.5.1为列表项添加背景229

5.5.2样式化链接本身230

5.5.3使用〈cite〉元素231

5.5.4处理右边侧栏235

5.5.5脚注是最后一个元素，但内容并非最少238

5.5.6快速处理IECC240

5.6创建并样式化基于em的表单240

5.6.1编写表单代码241

5.6.2样式化表单245

5.6.3添加表单验证249

5.7创建及样式化可存取的数据表格252

5.7.1将重活交给Dreamweaver253

5.7.2指定表格尺寸255

5.7.3提供附加反馈以提高可访问性257

5.7.4样式化数据表格260

5.7.5您有成就感吗262

第6章 利用CSS和Spry构建图片库站点264

6.1选择适当的起始页布局266

6.2构建初始框架267

6.3光线、相机、内容270

6.3.1使用max-width和min-width272

6.3.2解决IE问题——min／max宽度增强272

6.3.3约束IE的内容区域274

6.3.4扩展图片276

6.4找准方向278

6.4.1何谓Spry框架278

6.4.2创建基于Spry的导航280

6.4.3用CSS为Spry菜单栏应用样式283

6.4.4在菜单栏上进行最后的修改287

6.4.5我在哪里？通过菜单栏给出反馈288

6.5在单个站点中组合使用两个CSS布局291

6.5.1简要介绍公共页面元素295

6.5.2为Sidebar2添加样式296

6.6构建图片库——第一部分298

6.7渐进增强——使图片库很酷304

6.7.1创建HTML数据集305

6.7.2快速检查308

6.7.3Spry滚动面板构件310

6.7.4为Spry滚动面板构件创建结构311

6.7.5在滚动面板中导航317

6.7.6添加详细图像318

6.8完美地通过验证322

6.8.1创建不唐突的JavaScript文件322

6.8.2考虑周全327

6.8.3最后的完善333