Dreamweaver CS3超酷網(wǎng)頁(yè)設(shè)計(jì)：CSS篇目錄

時(shí)間：2023-07-10 20:21:01 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-07-10 20:21:01 來(lái)源：營(yíng)銷(xiāo)百科

Dreamweaver CS3超酷網(wǎng)頁(yè)設(shè)計(jì)：CSS篇目錄：第1章Dreamweaver CSS入門(mén)1

n1.1HTML文件的基本結(jié)構(gòu)2

n1.1.1HTML文件結(jié)構(gòu)2

n1.1.2使用記事本手工編寫(xiě)HTML頁(yè)面2

n1.1.3使用Dreamweaver編寫(xiě)HTML頁(yè)面3

n1.2XHTML入門(mén)8

n1.3網(wǎng)站與Web標(biāo)準(zhǔn)10

n1.3.1什么是Web標(biāo)準(zhǔn)10

n1.3.2為什么要建立Web標(biāo)準(zhǔn)10

n1.3.3怎樣改善現(xiàn)有網(wǎng)站11

n1.4為什么要在網(wǎng)頁(yè)中加入CSS13

n1.4.1什么是CSS13

n1.4.2如何編寫(xiě)CSS14

n第2章CSS基礎(chǔ)知識(shí)15

n2.1CSS基礎(chǔ)16

n2.1.1CSS基本概念16

n2.1.2CSS的優(yōu)點(diǎn)16

n2.2使用CSS17

n2.2.1外聯(lián)樣式表17

n2.2.2內(nèi)嵌樣式表17

n2.2.3導(dǎo)入樣式表17

n2.2.4內(nèi)聯(lián)樣式表18

n2.3選擇器類(lèi)型18

n2.3.1標(biāo)簽選擇器19

n2.3.2類(lèi)選擇器21

n2.3.3ID選擇器22

n2.4使用Dreamweaver編輯CSS24

n2.4.1CSS面板24

n2.4.2鏈接外部樣式表25

n2.5設(shè)置CSS屬性27

n2.5.1設(shè)置CSS樣式類(lèi)型27

n2.5.2設(shè)置CSS樣式背景28

n2.5.3設(shè)置CSS樣式區(qū)塊29

n2.5.4設(shè)置CSS樣式方框30

n2.5.5設(shè)置CSS樣式邊框31

n2.5.6設(shè)置CSS樣式列表32

n2.5.7設(shè)置CSS樣式定位33

n2.5.8設(shè)置CSS樣式擴(kuò)展34

n2.6實(shí)戰(zhàn)演練——對(duì)網(wǎng)頁(yè)添加CSS樣式35

n第3章設(shè)計(jì)豐富的文字效果39

n3.1設(shè)計(jì)網(wǎng)頁(yè)中的文字樣式40

n3.1.1字體40

n3.1.2字號(hào)43

n3.1.3加粗45

n3.1.4樣式46

n3.1.5變體屬性47

n3.1.6文字修飾49

n3.2設(shè)計(jì)文本的段落樣式50

n3.2.1行高50

n3.2.2對(duì)齊52

n3.2.3縮進(jìn)53

n3.2.4單詞間距54

n3.2.5首字下沉54

n3.2.6大小寫(xiě)轉(zhuǎn)換55

n3.3CSS濾鏡設(shè)計(jì)特效文字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實(shí)戰(zhàn)演練64

n3.4.1用CSS排版網(wǎng)頁(yè)文字64

n3.4.2創(chuàng)建動(dòng)感文字66

n第4章用CSS設(shè)計(jì)圖像和背景69

n4.1設(shè)置網(wǎng)頁(yè)的背景70

n4.1.1背景顏色70

n4.1.2背景圖像70

n4.2設(shè)置背景圖像的屬性71

n4.2.1設(shè)置背景重復(fù)71

n4.2.2設(shè)置固定背景72

n4.2.3設(shè)置背景定位73

n4.3設(shè)置網(wǎng)頁(yè)圖像的樣式76

n4.3.1設(shè)置圖像邊框76

n4.3.2圖文混合排版78

n4.4應(yīng)用CSS濾鏡設(shè)計(jì)圖像特效80

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

n4.4.2灰度（Gray）81

n4.4.3反色（Invert）81

n4.5實(shí)戰(zhàn)演練82

n4.5.1給圖片添加邊框82

n4.5.2圖文繞排效果84

n4.5.3鼠標(biāo)指針移到圖片時(shí)產(chǎn)生漸變效果86

n第5章設(shè)計(jì)更富靈活性的表格89

n5.1網(wǎng)頁(yè)中的表格90

n5.1.1表格對(duì)象標(biāo)記90

n5.1.2在Dreamweaver中插入表格91

n5.1.3設(shè)置表格的顏色93

n5.1.4設(shè)置表格的邊框樣式94

n5.1.5設(shè)置表格的陰影98

n5.1.6設(shè)置表格的漸變背景99

n5.2實(shí)戰(zhàn)演練100

n5.2.1制作變換背景色的表格101

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

n5.2.3制作陰影表格104

n5.2.4制作圓角表格105

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

n第6章設(shè)計(jì)更酷更炫的表單110

n6.1網(wǎng)頁(yè)中的表單111

n6.1.1表單對(duì)象111

n6.1.2表單標(biāo)記112

n6.1.3表單的布局設(shè)計(jì)112

n6.1.4設(shè)置邊框樣式115

n6.1.5設(shè)置背景樣式117

n6.1.6設(shè)置輸入文本的樣式119

n6.1.7用CSS DIV設(shè)計(jì)表單120

n6.2實(shí)戰(zhàn)演練123

n6.2.1改變按鈕的背景顏色和文字顏色124

n6.2.2設(shè)計(jì)文本框的樣式127

n6.2.3設(shè)計(jì)文本框中的文字樣式128

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

n6.2.5為下拉菜單變換顏色130

n6.2.6設(shè)置Form表單內(nèi)textarea背景圖片132

n第7章制作實(shí)用的菜單和網(wǎng)站導(dǎo)航134

n7.1項(xiàng)目列表135

n7.1.1有序列表135

n7.1.2無(wú)序列表139

n7.2橫排導(dǎo)航144

n7.2.1文本導(dǎo)航144

n7.2.2標(biāo)簽式導(dǎo)航146

n7.3豎排導(dǎo)航148

n7.4實(shí)戰(zhàn)演練150

n7.4.1實(shí)現(xiàn)背景變換的導(dǎo)航菜單150

n7.4.2利用CSS制作橫向?qū)Ш?52

n7.4.3制作網(wǎng)頁(yè)下拉菜單154

n第8章設(shè)計(jì)具有特色的超鏈接效果157

n8.1超鏈接基礎(chǔ)158

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

n8.1.2使用'頁(yè)面屬性'設(shè)置超鏈接158

n8.2鏈接標(biāo)記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圖像翻轉(zhuǎn)鏈接167

n8.3.4邊框變換鏈接170

n8.4實(shí)戰(zhàn)演練172

n8.4.1使用CSS實(shí)現(xiàn)鼠標(biāo)指針形狀改變172

n8.4.2為超鏈接文字加上質(zhì)感邊框173

n8.4.3鼠標(biāo)指針移到鏈接文字上時(shí)改變文字大小或顏色177

n8.4.4給超鏈接添加提示文字179

n8.4.5文本超鏈接模擬按鈕效果183

n第9章CSS DIV布局定位基礎(chǔ)188

n9.1Div標(biāo)記與Span標(biāo)記189

n9.1.1Div概述189

n9.1.2Div與Span的區(qū)別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將頁(yè)面用Div分塊215

n10.1.2設(shè)計(jì)各塊的位置216

n10.1.3用CSS定位216

n10.2常見(jiàn)的布局類(lèi)型218

n10.2.1一列固定寬度218

n10.2.2一列自適應(yīng)219

n10.2.3兩列固定寬度220

n10.2.4兩列寬度自適應(yīng)222

n10.2.5兩列右列寬度自適應(yīng)224

n10.2.6三列浮動(dòng)中間寬度自適應(yīng)224

n10.2.7三行二列居中高度自適應(yīng)布局226

n10.3CSS布局與傳統(tǒng)的表格方式布局分析229

n10.4使用CSS布局模板232

n第11章CSS與JavaScript的綜合應(yīng)用235

n11.1JavaScript簡(jiǎn)介236

n11.1.1什么是JavaScript236

n11.1.2JavaScript特點(diǎn)236

n11.2JavaScript的基本語(yǔ)法237

n11.2.1常量和變量237

n11.2.2表達(dá)式和運(yùn)算符238

n11.2.3基本語(yǔ)句239

n11.2.4函數(shù)244

n11.3JavaScript事件244

n11.4JavaScript內(nèi)部對(duì)象246

n11.4.1navigator對(duì)象246

n11.4.2document對(duì)象247

n11.4.3Windows對(duì)象249

n11.4.4location對(duì)象252

n11.4.5history對(duì)象252

n11.5實(shí)戰(zhàn)演練253

n11.5.1隨鼠標(biāo)移動(dòng)的圖像253

n11.5.2制作圖片循環(huán)隱現(xiàn)效果255

n11.5.3制作幻燈片效果257

n11.5.4制作燈光效果259

n11.5.5任意選擇網(wǎng)頁(yè)中內(nèi)容的文字顏色、背景顏色、字號(hào)261

n第12章設(shè)計(jì)布局富有個(gè)性的個(gè)人網(wǎng)站267

n12.1個(gè)人網(wǎng)站設(shè)計(jì)概述268

n12.2個(gè)人網(wǎng)站色彩搭配和結(jié)構(gòu)設(shè)計(jì)269

n12.3網(wǎng)站前期策劃269

n12.3.1確定網(wǎng)站主題269

n12.3.2確定目錄結(jié)構(gòu)269

n12.3.3網(wǎng)站藍(lán)圖的規(guī)劃270

n12.4制作網(wǎng)站主頁(yè)271

n12.4.1導(dǎo)入外部CSS271

n12.4.2制作頂部文件274

n12.4.3制作個(gè)人簡(jiǎn)介277

n12.4.4制作個(gè)人相冊(cè)278

n12.4.5制作最新動(dòng)態(tài)281

n12.4.6制作底部文件283

n第13章公司宣傳網(wǎng)站的布局284

n13.1企業(yè)網(wǎng)站設(shè)計(jì)概述285

n13.2分析架構(gòu)286

n13.2.1設(shè)計(jì)分析286

n13.2.2排版構(gòu)架287

n13.3各模塊設(shè)計(jì)288

n13.3.1布局設(shè)計(jì)288

n13.3.2頁(yè)面的通用規(guī)則289

n13.3.3制作#header對(duì)象部分292

n13.3.4制作導(dǎo)航#nav對(duì)象部分294

n13.3.5公司介紹和圖片展示部分297

n13.3.6制作我們的服務(wù)部分301

n13.3.7制作#aside對(duì)象部分304

n13.3.8制作底部版權(quán)信息部分308

n第14章購(gòu)物網(wǎng)站布局310

n14.1購(gòu)物網(wǎng)站設(shè)計(jì)概述311

n14.1.1購(gòu)物網(wǎng)站分析311

n14.1.2排版構(gòu)架311

n14.2各部分設(shè)計(jì)312

n14.2.1導(dǎo)入外部CSS312

n14.2.2制作頭部文件314

n14.2.3設(shè)計(jì)新品上架區(qū)317

n14.2.4設(shè)計(jì)熱門(mén)商品區(qū)321

n14.2.5設(shè)計(jì)會(huì)員登錄區(qū)323

n14.2.6設(shè)計(jì)商品分類(lèi)區(qū)327

n14.2.7設(shè)計(jì)新品排行區(qū)329

n14.2.8插入底部文件332

n第15章留學(xué)網(wǎng)站的布局333

n15.1分析架構(gòu)334

n15.1.1設(shè)計(jì)分析334

n15.1.2排版構(gòu)架335

n15.2各模塊設(shè)計(jì)337

n15.2.1頁(yè)面的通用規(guī)則337

n15.2.2頂部logo、banner部分338

n15.2.3制作導(dǎo)航菜單部分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版權(quán)xinyi_copyright部分363

n附錄ACSS屬性一覽表365

n附錄B216種網(wǎng)頁(yè)安全顏色369

n附錄CRGB網(wǎng)頁(yè)配色表373

n附錄DHTML常用標(biāo)簽396