Dreamweaver CS3超酷网页设计：CSS篇目录

时间：2023-07-10 20:21:01 | 来源：营销百科

时间：2023-07-10 20:21:01 来源：营销百科

Dreamweaver CS3超酷网页设计：CSS篇目录：第1章Dreamweaver CSS入门1

n1.1HTML文件的基本结构2

n1.1.1HTML文件结构2

n1.1.2使用记事本手工编写HTML页面2

n1.1.3使用Dreamweaver编写HTML页面3

n1.2XHTML入门8

n1.3网站与Web标准10

n1.3.1什么是Web标准10

n1.3.2为什么要建立Web标准10

n1.3.3怎样改善现有网站11

n1.4为什么要在网页中加入CSS13

n1.4.1什么是CSS13

n1.4.2如何编写CSS14

n第2章CSS基础知识15

n2.1CSS基础16

n2.1.1CSS基本概念16

n2.1.2CSS的优点16

n2.2使用CSS17

n2.2.1外联样式表17

n2.2.2内嵌样式表17

n2.2.3导入样式表17

n2.2.4内联样式表18

n2.3选择器类型18

n2.3.1标签选择器19

n2.3.2类选择器21

n2.3.3ID选择器22

n2.4使用Dreamweaver编辑CSS24

n2.4.1CSS面板24

n2.4.2链接外部样式表25

n2.5设置CSS属性27

n2.5.1设置CSS样式类型27

n2.5.2设置CSS样式背景28

n2.5.3设置CSS样式区块29

n2.5.4设置CSS样式方框30

n2.5.5设置CSS样式边框31

n2.5.6设置CSS样式列表32

n2.5.7设置CSS样式定位33

n2.5.8设置CSS样式扩展34

n2.6实战演练——对网页添加CSS样式35

n第3章设计丰富的文字效果39

n3.1设计网页中的文字样式40

n3.1.1字体40

n3.1.2字号43

n3.1.3加粗45

n3.1.4样式46

n3.1.5变体属性47

n3.1.6文字修饰49

n3.2设计文本的段落样式50

n3.2.1行高50

n3.2.2对齐52

n3.2.3缩进53

n3.2.4单词间距54

n3.2.5首字下沉54

n3.2.6大小写转换55

n3.3CSS滤镜设计特效文字56

n3.3.1滤镜概述57

n3.3.2光晕（Glow）58

n3.3.3模糊（Blur）59

n3.3.4遮罩（Mask）60

n3.3.5透明色（Chroma）60

n3.3.6阴影（DropShadow）61

n3.3.7波浪（Wave）62

n3.3.8X射线（Xray）62

n3.4实战演练64

n3.4.1用CSS排版网页文字64

n3.4.2创建动感文字66

n第4章用CSS设计图像和背景69

n4.1设置网页的背景70

n4.1.1背景颜色70

n4.1.2背景图像70

n4.2设置背景图像的属性71

n4.2.1设置背景重复71

n4.2.2设置固定背景72

n4.2.3设置背景定位73

n4.3设置网页图像的样式76

n4.3.1设置图像边框76

n4.3.2图文混合排版78

n4.4应用CSS滤镜设计图像特效80

n4.4.1控制图像和背景的透明度（Alpha）80

n4.4.2灰度（Gray）81

n4.4.3反色（Invert）81

n4.5实战演练82

n4.5.1给图片添加边框82

n4.5.2图文绕排效果84

n4.5.3鼠标指针移到图片时产生渐变效果86

n第5章设计更富灵活性的表格89

n5.1网页中的表格90

n5.1.1表格对象标记90

n5.1.2在Dreamweaver中插入表格91

n5.1.3设置表格的颜色93

n5.1.4设置表格的边框样式94

n5.1.5设置表格的阴影98

n5.1.6设置表格的渐变背景99

n5.2实战演练100

n5.2.1制作变换背景色的表格101

n5.2.2用CSS制作漂亮的彩色背景表格102

n5.2.3制作阴影表格104

n5.2.4制作圆角表格105

n5.2.5制作半透明的表格108

n第6章设计更酷更炫的表单110

n6.1网页中的表单111

n6.1.1表单对象111

n6.1.2表单标记112

n6.1.3表单的布局设计112

n6.1.4设置边框样式115

n6.1.5设置背景样式117

n6.1.6设置输入文本的样式119

n6.1.7用CSS DIV设计表单120

n6.2实战演练123

n6.2.1改变按钮的背景颜色和文字颜色124

n6.2.2设计文本框的样式127

n6.2.3设计文本框中的文字样式128

n6.2.4制作透明的表单背景129

n6.2.5为下拉菜单变换颜色130

n6.2.6设置Form表单内textarea背景图片132

n第7章制作实用的菜单和网站导航134

n7.1项目列表135

n7.1.1有序列表135

n7.1.2无序列表139

n7.2横排导航144

n7.2.1文本导航144

n7.2.2标签式导航146

n7.3竖排导航148

n7.4实战演练150

n7.4.1实现背景变换的导航菜单150

n7.4.2利用CSS制作横向导航152

n7.4.3制作网页下拉菜单154

n第8章设计具有特色的超链接效果157

n8.1超链接基础158

n8.1.1超链接的基本概念158

n8.1.2使用'页面属性'设置超链接158

n8.2链接标记159

n8.2.1a:link160

n8.2.2a:visited161

n8.2.3a:active162

n8.2.4a:hover163

n8.3各种形式的超链接164

n8.3.1背景色变换链接164

n8.3.2多姿多彩的下划线链接166

n8.3.3图像翻转链接167

n8.3.4边框变换链接170

n8.4实战演练172

n8.4.1使用CSS实现鼠标指针形状改变172

n8.4.2为超链接文字加上质感边框173

n8.4.3鼠标指针移到链接文字上时改变文字大小或颜色177

n8.4.4给超链接添加提示文字179

n8.4.5文本超链接模拟按钮效果183

n第9章CSS DIV布局定位基础188

n9.1Div标记与Span标记189

n9.1.1Div概述189

n9.1.2Div与Span的区别190

n9.2在Dreamweaver中使用Div191

n9.3盒子模型192

n9.3.1盒子模型的概念192

n9.3.2border193

n9.3.3padding198

n9.3.4margin200

n9.4元素的定位方式203

n9.4.1float定位203

n9.4.2position定位206

n9.4.3z-index空间位置211

n第10章CSS DIV布局方法214

n10.1CSS布局理念215

n10.1.1将页面用Div分块215

n10.1.2设计各块的位置216

n10.1.3用CSS定位216

n10.2常见的布局类型218

n10.2.1一列固定宽度218

n10.2.2一列自适应219

n10.2.3两列固定宽度220

n10.2.4两列宽度自适应222

n10.2.5两列右列宽度自适应224

n10.2.6三列浮动中间宽度自适应224

n10.2.7三行二列居中高度自适应布局226

n10.3CSS布局与传统的表格方式布局分析229

n10.4使用CSS布局模板232

n第11章CSS与JavaScript的综合应用235

n11.1JavaScript简介236

n11.1.1什么是JavaScript236

n11.1.2JavaScript特点236

n11.2JavaScript的基本语法237

n11.2.1常量和变量237

n11.2.2表达式和运算符238

n11.2.3基本语句239

n11.2.4函数244

n11.3JavaScript事件244

n11.4JavaScript内部对象246

n11.4.1navigator对象246

n11.4.2document对象247

n11.4.3Windows对象249

n11.4.4location对象252

n11.4.5history对象252

n11.5实战演练253

n11.5.1随鼠标移动的图像253

n11.5.2制作图片循环隐现效果255

n11.5.3制作幻灯片效果257

n11.5.4制作灯光效果259

n11.5.5任意选择网页中内容的文字颜色、背景颜色、字号261

n第12章设计布局富有个性的个人网站267

n12.1个人网站设计概述268

n12.2个人网站色彩搭配和结构设计269

n12.3网站前期策划269

n12.3.1确定网站主题269

n12.3.2确定目录结构269

n12.3.3网站蓝图的规划270

n12.4制作网站主页271

n12.4.1导入外部CSS271

n12.4.2制作顶部文件274

n12.4.3制作个人简介277

n12.4.4制作个人相册278

n12.4.5制作最新动态281

n12.4.6制作底部文件283

n第13章公司宣传网站的布局284

n13.1企业网站设计概述285

n13.2分析架构286

n13.2.1设计分析286

n13.2.2排版构架287

n13.3各模块设计288

n13.3.1布局设计288

n13.3.2页面的通用规则289

n13.3.3制作#header对象部分292

n13.3.4制作导航#nav对象部分294

n13.3.5公司介绍和图片展示部分297

n13.3.6制作我们的服务部分301

n13.3.7制作#aside对象部分304

n13.3.8制作底部版权信息部分308

n第14章购物网站布局310

n14.1购物网站设计概述311

n14.1.1购物网站分析311

n14.1.2排版构架311

n14.2各部分设计312

n14.2.1导入外部CSS312

n14.2.2制作头部文件314

n14.2.3设计新品上架区317

n14.2.4设计热门商品区321

n14.2.5设计会员登录区323

n14.2.6设计商品分类区327

n14.2.7设计新品排行区329

n14.2.8插入底部文件332

n第15章留学网站的布局333

n15.1分析架构334

n15.1.1设计分析334

n15.1.2排版构架335

n15.2各模块设计337

n15.2.1页面的通用规则337

n15.2.2顶部logo、banner部分338

n15.2.3制作导航菜单部分343

n15.2.4制作xinyi_content1部分347

n15.2.5制作xinyi_bigad部分352

n15.2.6制作xinyi_content2部分352

n15.2.7制作xinyi_content3部分356

n15.2.8制作xinyi_bigad2部分359

n15.2.9制作xinyi_content4部分360

n15.2.10友情链接xinyi_link部分362

n15.2.11版权xinyi_copyright部分363

n附录ACSS属性一览表365

n附录B216种网页安全颜色369

n附录CRGB网页配色表373

n附录DHTML常用标签396