網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)（CC中文版）標(biāo)準(zhǔn)教程目錄

時(shí)間：2023-02-18 18:50:01 | 來源：營(yíng)銷百科

時(shí)間：2023-02-18 18:50:01 來源：營(yíng)銷百科

網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)（CC中文版）標(biāo)準(zhǔn)教程目錄：第1章網(wǎng)頁設(shè)計(jì)基礎(chǔ) 1

1.1網(wǎng)站建設(shè)初步 1

1.1.1網(wǎng)站的構(gòu)成 1

1.1.2網(wǎng)站前端開發(fā)標(biāo)準(zhǔn) 3

1.1.3互聯(lián)網(wǎng)發(fā)展趨勢(shì) 5

1.2網(wǎng)站建設(shè)的流程 6

1.2.1前期策劃 7

1.2.2中期制作 7

1.2.3后期維護(hù) 9

1.3網(wǎng)頁界面設(shè)計(jì) 10

1.3.1什么是用戶界面 10

1.3.2用戶界面的設(shè)計(jì)原則 11

1.3.3網(wǎng)頁用戶界面的元素 13

1.3.4網(wǎng)頁界面設(shè)計(jì)風(fēng)格 20

1.4網(wǎng)頁配色 23

1.4.1色彩的基礎(chǔ)概念 23

1.4.2色彩的模式 28

1.4.3色調(diào)與搭配 30

1.4.4色彩推移 31

1.5思考與練習(xí) 32

第2章設(shè)計(jì)網(wǎng)頁元素 34

2.1Photoshop使用基礎(chǔ) 34

2.1.1Photoshop簡(jiǎn)介 34

2.1.2PhotoshopCC基本界面 35

2.1.3Photoshop與網(wǎng)頁界面設(shè)計(jì) 39

2.2操作Photoshop 41

2.2.1配置Photoshop 41

2.2.2操作設(shè)計(jì)方案文件 45

2.2.3設(shè)置畫布和圖像 49

2.2.4置入素材 51

2.2.5圖像的變換與變形 53

2.3使用圖層 55

2.3.1Photoshop圖層 55

2.3.2使用【圖層】面板 56

2.3.3圖層的分組 58

2.3.4圖層的混合模式 58

2.3.5圖層的混合選項(xiàng)和樣式 67

2.4課堂練習(xí)：制作寶石按鈕 76

2.5課堂練習(xí)：設(shè)計(jì)產(chǎn)品Gallery模塊 80

2.6思考與練習(xí) 86

第3章設(shè)計(jì)網(wǎng)頁界面 88

3.1選取圖像內(nèi)容 88

3.1.1使用選框工具 89

3.1.2快速選擇和魔棒 90

3.2操作選區(qū) 93

3.2.1全選和反選 93

3.2.2取消選擇 94

3.2.3編輯選區(qū) 94

3.3處理文本 99

3.3.1文字工具 99

3.3.2處理字符 102

3.3.3處理段落 104

3.4輸出Web設(shè)計(jì)方案 105

3.4.1圖像切片 105

3.4.2優(yōu)化輸出效果 111

3.5課堂練習(xí)：設(shè)計(jì)搜索引擎界面 113

3.6課堂練習(xí)：設(shè)計(jì)網(wǎng)站登錄界面 118

3.7思考與練習(xí) 124

第4章繪制動(dòng)畫元素 126

4.1Flash使用基礎(chǔ) 126

4.1.1Flash簡(jiǎn)介 126

4.1.2FlashCC基本界面 127

4.2創(chuàng)建動(dòng)畫文檔 130

4.2.1Flash動(dòng)畫文檔類型 130

4.2.2新建動(dòng)畫設(shè)計(jì)方案 131

4.2.3編輯文檔設(shè)置 132

4.2.4導(dǎo)入素材文件 133

4.3繪制矢量幾何圖形 139

4.3.1線條工具和鉛筆工具 139

4.3.2矩形工具和基本矩形工具 141

4.3.3橢圓工具和基本橢圓工具 142

4.3.4多角星形工具 143

4.4編輯顏色 144

4.4.1調(diào)色板 144

4.4.2顏色面板 147

4.4.3墨水瓶工具 148

4.4.4顏料桶工具 148

4.5處理矢量文本 149

4.5.1文本的分類 149

4.5.2文本工具 150

4.6課堂練習(xí)：繪制矢量Logo 152

4.7課堂練習(xí)：繪制三維按鈕 157

4.8思考與練習(xí) 161

第5章設(shè)計(jì)交互動(dòng)畫 162

5.1使用動(dòng)畫元件 162

5.1.1圖形元件 163

5.1.2影片剪輯元件 164

5.1.3按鈕元件 165

5.2動(dòng)畫元素的效果 166

5.2.1顯示效果 166

5.2.2色彩效果 167

5.2.3濾鏡 169

5.3制作動(dòng)畫 173

5.3.1動(dòng)畫的原理 173

5.3.2使用時(shí)間軸 175

5.3.3創(chuàng)建補(bǔ)間動(dòng)畫 177

5.3.4創(chuàng)建補(bǔ)間形狀 179

5.3.5創(chuàng)建引導(dǎo)動(dòng)畫 180

5.4課堂練習(xí)：節(jié)約用水廣告設(shè)計(jì) 181

5.5課堂練習(xí)：制作日出特效動(dòng)畫 185

5.6思考與練習(xí) 188

第6章制作網(wǎng)頁文檔 190

6.1Dreamweaver使用基礎(chǔ) 190

6.1.1Dreamweaver簡(jiǎn)介 191

6.1.2DreamweaverCC基本界面 191

6.1.3管理Dreamweaver

工作環(huán)境 194

6.2創(chuàng)建網(wǎng)頁文檔 196

6.2.1網(wǎng)頁文檔的類型 196

6.2.2新建文檔 197

6.3操作文檔視圖 199

6.3.1'代碼'視圖 200

6.3.2'設(shè)計(jì)'視圖 201

6.3.3'實(shí)時(shí)視圖' 202

6.3.4'拆分'視圖 203

6.4處理網(wǎng)頁文本 206

6.4.1插入語義化的文本 206

6.4.2設(shè)置文本屬性 206

6.4.3特殊字符 207

6.5處理網(wǎng)頁圖像 208

6.5.1網(wǎng)頁圖像的類型 208

6.5.2插入圖像 209

6.5.3設(shè)置圖像屬性 210

6.6處理超鏈接 211

6.7課堂練習(xí)：配置本地服務(wù)器 212

6.8課堂練習(xí)：管理本地站點(diǎn) 194

6.9思考與練習(xí) 219

第7章HTML5結(jié)構(gòu)語言 221

7.1HTML技術(shù)概述 221

7.1.1傳統(tǒng)的HTML和XHTML 222

7.1.2HTML5的特性 222

7.2HTML5文檔結(jié)構(gòu) 224

7.2.1文檔類型與基本結(jié)構(gòu) 224

7.2.2文檔頭結(jié)構(gòu) 225

7.2.3文檔主體結(jié)構(gòu) 228

7.3基本文本結(jié)構(gòu) 230

7.3.1文本標(biāo)題與分節(jié) 230

7.3.2段落與列表 232

7.4表格結(jié)構(gòu) 233

7.4.1表格標(biāo)記 233

7.4.2表格的基本結(jié)構(gòu) 234

7.4.3表格的完整結(jié)構(gòu) 236

7.5HTML多媒體 237

7.5.1圖像 237

7.5.2音頻 238

7.5.3視頻 239

7.6課堂練習(xí)：制作詩詞欣賞頁 240

7.7課堂練習(xí)：班級(jí)管理制度 243

7.8思考與練習(xí) 246

第8章使用樣式表 248

8.1CSS技術(shù)概述 248

8.1.1CSS基礎(chǔ)知識(shí) 248

8.1.2CSS語法 250

8.1.3CSS3新增功能 252

8.2選擇Web元素 253

8.2.1基本選擇器 253

8.2.2擴(kuò)展選擇器 258

8.2.3選擇方法 260

8.3屬性和屬性值 263

8.3.1屬性的寫法 263

8.3.2屬性值的類型 264

8.4樣式表的優(yōu)先級(jí) 267

8.4.1選擇的優(yōu)先級(jí) 267

8.4.2屬性的優(yōu)先級(jí) 268

8.5使用CSS設(shè)計(jì)器 269

8.5.1使用【CSS設(shè)計(jì)器】面板 269

8.5.2創(chuàng)建和附加樣式表 271

8.5.3定義媒體應(yīng)用類型 273

8.5.4設(shè)置CSS規(guī)則 274

8.6課堂練習(xí)：景點(diǎn)介紹頁 275

8.7課堂練習(xí)：文章頁面 278

8.8思考與練習(xí) 280

第9章使用表單 281

9.1表單組件概述 281

9.2使用表單容器 282

9.2.1插入表單容器 282

9.2.2HTTP數(shù)據(jù)交互方法 283

9.2.3使用標(biāo)簽與數(shù)據(jù)集 285

9.3輸入組件 287

9.3.1輸入組件標(biāo)記 287

9.3.2使用基本輸入組件 290

9.3.3使用日期與時(shí)間輸入組件 294

9.3.4使用其他輔助輸入組件 299

9.4列表菜單組件 304

9.4.1顯式列表菜單 304

9.4.2數(shù)據(jù)列表組件 306

9.5其他組件 307

9.5.1按鈕組件 307

9.5.2文本區(qū)域組件 309

9.6課堂練習(xí)：制作用戶登錄頁面 310

9.7課堂練習(xí)：用戶注冊(cè)頁面 314

9.8思考與練習(xí) 318^[2]