職業(yè)院校立體化精品系列規(guī)劃教材:網(wǎng)頁設(shè)計(jì)圖書

時(shí)間：2023-06-11 10:00:01 | 來源：營銷百科

時(shí)間：2023-06-11 10:00:01 來源：營銷百科

職業(yè)院校立體化精品系列規(guī)劃教材:網(wǎng)頁設(shè)計(jì)圖書目錄：項(xiàng)目一 網(wǎng)頁設(shè)計(jì)基礎(chǔ) 1
任務(wù)一 購物網(wǎng)站賞析 2
一、任務(wù)目標(biāo) 2
二、相關(guān)知識 2
（一）網(wǎng)站、網(wǎng)頁、主頁概念 2
（二）網(wǎng)頁常用術(shù)語 2
（三）常用網(wǎng)頁制作軟件 4
（四）HTML標(biāo)記語言 5
三、任務(wù)實(shí)施 7
任務(wù)二 規(guī)劃'蓉錦大學(xué)'網(wǎng)站 7
一、任務(wù)目標(biāo) 7
二、相關(guān)知識 8
（一）網(wǎng)頁設(shè)計(jì)內(nèi)容 8
（二）網(wǎng)頁設(shè)計(jì)原則 8
三、任務(wù)實(shí)施 9
（一）前期策劃與內(nèi)容組織 9
（二）搜集和整理資料 10
（三）網(wǎng)頁效果圖設(shè)計(jì) 10
（四）網(wǎng)頁中動畫設(shè)計(jì) 11
（五）網(wǎng)站頁面設(shè)計(jì)制作 11
（六）網(wǎng)站測試與發(fā)布 12
實(shí)訓(xùn) 規(guī)劃'果蔬網(wǎng)'網(wǎng)站 12
常見疑難解析 13
拓展知識 13
課后練習(xí) 14
項(xiàng)目二 Dreamweaver CS5的基本操作 15
任務(wù)一 創(chuàng)建'果蔬網(wǎng)'站點(diǎn) 16
一、任務(wù)目標(biāo) 16
二、相關(guān)知識 16
（一）認(rèn)識Dreamweaver CS5的工作界面 16
（二）Dreamweaver CS5參數(shù)設(shè)置 20
（三）命名規(guī)則 20
三、任務(wù)實(shí)施 21
（一）創(chuàng)建站點(diǎn) 21
（二）編輯站點(diǎn) 21
（三）管理站點(diǎn)和站點(diǎn)文件夾 22
任務(wù)二 制作'學(xué)校簡介'頁面 24
一、任務(wù)目標(biāo) 24
二、相關(guān)知識 24
三、任務(wù)實(shí)施 25
（一）新建與保存網(wǎng)頁 25
（二）設(shè)置頁面屬性 26
（三）輸入文本 27
（四）設(shè)置文本格式 29
（五）插入網(wǎng)頁其他元素 32
實(shí)訓(xùn)一 創(chuàng)建'蓉錦大學(xué)'站點(diǎn) 33
實(shí)訓(xùn)二 編輯'招生就業(yè)概況'網(wǎng)頁 34
常見疑難解析 34
拓展知識 35
課后練習(xí) 36
項(xiàng)目三 編輯網(wǎng)頁元素 37
任務(wù)一 制作'蓉錦大學(xué)'首頁頁面 38
一、任務(wù)目標(biāo) 38
二、相關(guān)知識 38
（一）音頻文件格式 38
（二） 視頻文件格式 38
三、任務(wù)實(shí)施 39
（一）插入與編輯圖像 39
（二）優(yōu)化圖像 40
（三）設(shè)置鼠標(biāo)經(jīng)過圖像 42
（四）添加背景音樂 43
（五）插入SWF動畫 44
任務(wù)二 為'果蔬網(wǎng)'網(wǎng)頁創(chuàng)建超鏈接 45
一、任務(wù)目標(biāo) 45
二、相關(guān)知識 46
（一）超鏈接的組成 46
（二） 超鏈接的種類 46
三、任務(wù)實(shí)施 47
（一）插入文本超鏈接 47
（二）創(chuàng)建圖像超鏈接 49
（三）創(chuàng)建熱點(diǎn)圖片超鏈接 50
（四）創(chuàng)建錨點(diǎn)超鏈接 51
（五）創(chuàng)建電子郵件超鏈接 53
（六）創(chuàng)建外部超鏈接 54
（七）創(chuàng)建空鏈接 55
（八）創(chuàng)建腳本鏈接 55
實(shí)訓(xùn)一 制作果蔬網(wǎng)首頁 57
實(shí)訓(xùn)二 為果蔬網(wǎng)創(chuàng)建超鏈接 58
常見疑難解析 58
拓展知識 59
課后練習(xí) 60
項(xiàng)目四 布局網(wǎng)頁頁面 61
任務(wù)一 制作'果蔬網(wǎng)優(yōu)惠區(qū)'頁面 62
一、任務(wù)目標(biāo) 62
二、相關(guān)知識 62
（一）認(rèn)識'表格'屬性面板 62
（二）認(rèn)識'單元格'屬性面板 63
三、任務(wù)實(shí)施 63
（一）創(chuàng)建表格 63
（二）調(diào)整表格結(jié)構(gòu) 65
（三）設(shè)置單元格屬性 66
（四）在表格中添加內(nèi)容 67
任務(wù)二 使用框架布局'蓉錦大學(xué)首頁'頁面 70
一、任務(wù)目標(biāo) 70
二、相關(guān)知識 70
（一）版式設(shè)計(jì)基本類型 71
（二）版式設(shè)計(jì)準(zhǔn)則 71
（三）框架和框架集 72
三、任務(wù)實(shí)施 74
（一）創(chuàng)建框架與框架集 74
（二）保存框架集與框架 75
（三）制作框架網(wǎng)頁 76
實(shí)訓(xùn)一 制作'蓉錦大學(xué)導(dǎo)航'頁面 77
實(shí)訓(xùn)二 使用框架布局果蔬網(wǎng) 78
常見疑難解析 79
拓展知識 79
課后練習(xí) 80
項(xiàng)目五 使用CSS DIV統(tǒng)一頁面風(fēng)格 81
任務(wù)一 制作'享受生活'頁面 82
一、任務(wù)目標(biāo) 82
二、相關(guān)知識 82
（一）認(rèn)識CSS樣式 82
（二）CSS樣式的各種屬性設(shè)置 84
三、任務(wù)實(shí)施 88
（一）創(chuàng)建并應(yīng)用CSS樣式 88
（二）編輯CSS樣式 93
任務(wù)二 使用CSS DIV制作蓉錦大學(xué)教務(wù)處網(wǎng)頁 94
一、任務(wù)目標(biāo) 94
二、相關(guān)知識 95
（一）認(rèn)識CSS Div盒子模式 95
（二）盒子模型的優(yōu)勢 95
三、任務(wù)實(shí)施 96
（一）插入Div標(biāo)簽 96
（二）插入AP Div 97
（三）使用CSS DIV控制整個(gè)頁面風(fēng)格 99
（四）使用Spry制作導(dǎo)航欄 102
實(shí)訓(xùn)一 制作'公司文化'頁面 104
實(shí)訓(xùn)二 制作'招生就業(yè)'頁面 104
常見疑難解析 105
拓展知識 106
課后練習(xí) 106
項(xiàng)目六 庫、模板、表單、行為的應(yīng)用 107
任務(wù)一 配置動態(tài)網(wǎng)頁數(shù)據(jù)源 130
一、任務(wù)目標(biāo) 130
二、相關(guān)知識 130
（一）認(rèn)識動態(tài)網(wǎng)頁 130
（二）動態(tài)網(wǎng)頁的開發(fā)流程 130
（三）Web服務(wù)器 131
三、任務(wù)實(shí)施 131
（一）安裝與配置IIS 131
（二）使用Access創(chuàng)建數(shù)據(jù)表 133
（三）創(chuàng)建與配置動態(tài)站點(diǎn) 134
（四）創(chuàng)建數(shù)據(jù)源 136
任務(wù)二 制作登錄數(shù)據(jù)管理頁面 137
一、任務(wù)目標(biāo) 138
二、相關(guān)知識 138
三、任務(wù)實(shí)施 138
（一）創(chuàng)建記錄集 138
（二）創(chuàng)建插入記錄 139
（三）插入重復(fù)區(qū)域 140
（四）分頁記錄集 140
實(shí)訓(xùn)一 制作'加入購物車'頁面 141
實(shí)訓(xùn)二 制作蓉錦大學(xué)'用戶登錄'動態(tài)頁面 142
常見疑難解析 143
拓展知識 143
課后練習(xí) 144
項(xiàng)目七 實(shí)現(xiàn)動態(tài)網(wǎng)頁效果 129
任務(wù)一 制作'蓉錦大學(xué)館藏資源'頁面 108
一、任務(wù)目標(biāo) 108
二、相關(guān)知識 108
（一）了解庫的概念 108
（二）'資源'面板 108
三、任務(wù)實(shí)施 109
（一）創(chuàng)建庫文件 109
（二）應(yīng)用庫文件 110
任務(wù)二 制作'果蔬網(wǎng)聯(lián)系我們'頁面 111
一、任務(wù)目標(biāo) 111
二、相關(guān)知識 111
三、任務(wù)實(shí)施 112
（一）創(chuàng)建模板 112
（二）創(chuàng)建可編輯區(qū)域 112
（三）應(yīng)用與管理模板 114
任務(wù)三 制作會員注冊頁面 115
一、任務(wù)目標(biāo) 115
二、相關(guān)知識 116
（一）認(rèn)識表單屬性面板 116
（二）行為的基礎(chǔ)知識 116
三、任務(wù)實(shí)施 118
（一）創(chuàng)建表單 118
（二）使用行為檢查表單 123
（三）為網(wǎng)頁添加彈出信息 124
（四）為網(wǎng)頁添加打開瀏覽器窗口效果 124
實(shí)訓(xùn)一 完善蓉錦大學(xué)首頁的登錄版塊 125
實(shí)訓(xùn)二 制作'蓉錦大學(xué)合作交流'頁面 126
常見疑難解析 127
拓展知識 127
課后練習(xí) 128
項(xiàng)目八 Photoshop CS5的基本操作 145
任務(wù)一 制作'蓉錦大學(xué)首頁'背景效果圖 146
一、任務(wù)目標(biāo) 146
二、相關(guān)知識 146
（一）網(wǎng)頁中的圖片格式 146
（二）位圖、矢量圖、分辨率 147
（三）認(rèn)識Photoshop CS5的工作界面 148
三、任務(wù)實(shí)施 150
（一）新建圖像文件 150
（二）創(chuàng)建參考線 151
（三）創(chuàng)建并填充選區(qū) 152
（四）描邊選區(qū) 153
（五）復(fù)制并裁剪圖像 154
（六）保存圖像文件 155
任務(wù)二 制作'七月'首頁背景 155
一、任務(wù)目標(biāo) 155
二、相關(guān)知識 156
三、任務(wù)實(shí)施 156
（一）使用漸變工具填充顏色 156
（二）多種摳圖方法摳取圖像 158
（三）使用畫筆工具 160
實(shí)訓(xùn)一 制作'登錄'界面 162
實(shí)訓(xùn)二 制作網(wǎng)頁懸浮廣告效果圖 164
常見疑難解析 164
拓展知識 165
課后練習(xí) 166
項(xiàng)目九 使用Photoshop CS5處理圖像 167
任務(wù)一 調(diào)整'果蔬網(wǎng)——時(shí)令果蔬'頁面圖片 168
一、任務(wù)目標(biāo) 168
二、相關(guān)知識 168
（一）圖像的色彩模式 168
（二）網(wǎng)頁色彩搭配技巧 169
（三）網(wǎng)頁色彩搭配注意事項(xiàng) 171
三、任務(wù)實(shí)施 172
（一）使用'色階'調(diào)整圖片 172
（二）使用'曲線'調(diào)整圖片 173
（三）使用'色相／飽和度'調(diào)整圖片 174
任務(wù)二 制作'蓉錦大學(xué)Logo' 176
一、任務(wù)目標(biāo) 176
二、相關(guān)知識 176
（一）認(rèn)識路徑 176
（二）認(rèn)識'路徑'面板 177
三、任務(wù)實(shí)施 177
（一）使用形狀工具繪制并編輯路徑 177
（二）添加文字 179
任務(wù)三 制作'果蔬網(wǎng)'網(wǎng)頁按鈕 180
一、任務(wù)目標(biāo) 180
二、相關(guān)知識 181
（一）圖層的作用和類型 181
（二）認(rèn)識'圖層'面板 182
三、任務(wù)實(shí)施 183
（一）新建并分組圖層 183
（二）添加圖層樣式 183
（三）設(shè)置圖層混合模式 184
（四）使用濾鏡制作質(zhì)感效果 187
任務(wù)四 切片'果蔬網(wǎng)'局部效果圖 188
一、任務(wù)目標(biāo) 188
二、相關(guān)知識 188
三、任務(wù)實(shí)施 188
（一）創(chuàng)建切片 188
（二）保存切片 189
實(shí)訓(xùn)一 美化蓉錦大學(xué)網(wǎng)頁圖片 190
實(shí)訓(xùn)二 制作果蔬網(wǎng)網(wǎng)頁標(biāo)志區(qū) 191
常見疑難解析 191
拓展知識 192
課后練習(xí) 192
項(xiàng)目十 使用Flash CS5制作動畫 193
任務(wù)一 制作'果蔬網(wǎng)banner'動畫 194
一、任務(wù)目標(biāo) 194
二、相關(guān)知識 194
（一）認(rèn)識Flash CS5工作界面 194
（二）認(rèn)識時(shí)間軸中的圖層 196
（三）認(rèn)識時(shí)間軸中的幀 197
三、任務(wù)實(shí)施 198
（一）新建Flash文件 198
（二）導(dǎo)入圖像 198
（三）創(chuàng)建圖層和插入關(guān)鍵幀 199
（四）保存Flash文件 203
任務(wù)二 制作'蓉錦大學(xué)首頁'百葉窗動畫 203
一、任務(wù)目標(biāo) 203
二、相關(guān)知識 204
三、任務(wù)實(shí)施 205
（一）創(chuàng)建元件 205
（二）繪制并編輯形狀 206
（三）編輯元件 207
（四）測試動畫 210
（五）發(fā)布動畫 210
任務(wù)三 制作'果蔬網(wǎng)'圖片輪顯動畫 211
一、任務(wù)目標(biāo) 211
二、相關(guān)知識 211
（一）變量 212
（二）數(shù)據(jù)類型 212
（三）ActionScript語句的基本語法 212
三、任務(wù)實(shí)施 213
（一）制作圖片輪顯背景 213
（二）添加輪顯動作 214
實(shí)訓(xùn)一 制作飛機(jī)動畫效果 215
實(shí)訓(xùn)二 制作百葉窗動畫 216
常見疑難解析 217
拓展知識 217
課后練習(xí) 218
項(xiàng)目十一 微觀多肉世界網(wǎng)站建設(shè) 219
任務(wù)一 前期規(guī)劃 220
（一）分析網(wǎng)站需求 220
（二）定位網(wǎng)站風(fēng)格 220
（三）規(guī)劃草圖 220
（四）收集素材 220
任務(wù)二 使用Photoshop CS5設(shè)計(jì)網(wǎng)頁界面效果圖 221
（一）設(shè)計(jì)頁面效果圖 221
（二）切片效果圖并導(dǎo)出 233
任務(wù)三 使用Flash CS5制作圖片輪顯動畫 234
（一）制作元件 234
（二）添加動作并測試動畫 235
任務(wù)四 使用Dreamweaver CS5進(jìn)行頁面編輯 236
（一）制作主頁 236
（二）制作其他頁面 243
常見疑難解析 245
拓展知識 246
課后練習(xí) 246