《網站設計與網頁製作》是2015年出版的圖書，作者是段淑敏。
基本介紹
- 書名：網站設計與網頁製作
- 作者： 段淑敏等
- ISBN：978-7-5642-2172-0/F.2172
- 頁數：38
- 出版時間：2015-08-01
- 開本：16
- 責任編輯：袁春玉
內容簡介,目錄,
內容簡介
本書主要介紹了商務網站開發的基本方法，涉及電子商務網頁和網站的製作流程、電子商務網站系統分析與總體規劃、網頁設計語言HTML與XHTML、腳本語言JavaScript、CSS樣式基礎、CSS布局頁面元素、CSS定位與DIV布局、Flash動畫製作等，採用項目任務法編寫，以商務網站開發過程為基礎構建學習案例，貼近職業實際。本書以能力訓練為主，同時兼顧知識的系統性，內容全面、條理清晰、圖文並茂，既兼顧學習者取得相應的職業資格認證，又體現對其職業素質的培養。
目錄
前言 1
第一部分 電子商務網頁設計基礎篇
項目1 電子商務網頁和網站的製作流程 3
【課前項目直擊】 3
任務1 網頁和網站 3
一、網頁與網站的關係 3
二、網頁的基本構成元素 5
任務2 網頁設計概述 5
一、網頁設計與製作 5
二、電子商務網頁設計的特點 6
三、網頁設計的相關術語 7
任務3 電子商務網站製作流程 9
一、前期策劃 9
二、頁面細化及實施 10
三、後期維護 11
任務4 布局方式 11
一、網站建設標準 11
二、頁面布局 12
【知識拓展】 16
【課後專業測評】 22
項目2 電子商務網站系統分析與總體規劃 23
【課前項目直擊】 23
任務1 電子商務網站系統分析 25
一、建站目的與目標 25
二、需求分析 25
三、可行性分析 26
四、可行性研究報告主要內容 28
任務2 電子商務網站總體規劃 29
一、網站總體規劃目的 29
二、網站總體規劃的依據 29
三、網站總體規劃的主要內容 30
【知識拓展】 42
【課後專業測評】 45
第二部分 電子商務網站開發技術篇
項目3 網頁設計語言HTML與XHTML 49
【課前項目直擊】 49
任務1 HTML基礎 50
一、HTML概述 50
二、HTML基本結構 51
任務2 HTML基本標籤 52
一、HTML結構標籤 52
二、格式標籤 53
三、文本標籤 54
四、超連結標籤 56
五、圖像標籤 57
六、表格標籤 58
七、框架標籤 63
八、表單標籤 65
任務3 XHTML 69
一、XHTML概述 69
二、HTML轉換為XHTML 70
【知識拓展】 72
【課後專業測評】 73
項目4 腳本語言JavaScript 74
【課前項目直擊】 74
任務1 JavaScript概述 75
一、JavaScript發展 76
二、編寫JavaScript腳本代碼 76
三、JavaScript程式結構 81
四、JavaScript代碼嵌入HTML文檔 87
任務2 JavaScript效果的實現 88
一、事件處理器 88
二、表單驗證 90
【知識拓展】 93
【課後專業測評】 94
項目5 CSS樣式基礎 95
【課前項目直擊】 95
任務1 CSS頁面設定 95
一、CSS的基本語法 95
二、套用CSS樣式表的方式 98
三、四種樣式表套用方式的優先權 103
任務2 CSS選擇器 104
一、標籤選擇器 105
二、類別選擇器 106
三、ID選擇器 109
四、交集選擇器 110
五、並集選擇器 111
六、後代選擇器 112
【知識拓展】 113
【課後專業測評】 114
項目6 CSS布局頁面元素 116
【課前項目直擊】 116
任務1 用CSS設定網頁背景 117
一、背景顏色 117
二、背景圖片 119
任務2 CSS文本編輯效果 122
一、文字樣式 122
二、段落樣式 124
任務3 用CSS控制圖片樣式 125
一、圖片框線的設定 125
二、圖片大小的設定 126
三、圖片自動等比例縮小 127
四、圖片陰影的設定 128
五、圖片透明的設定 129
任務4 用CSS控制列表樣式 130
一、列表的符號 130
二、簡單水平導航選單 131
任務5 CSS表格和表單效果 134
一、表格中的標記 134
二、表格的框線 135
三、隔行變色的表格 137
四、滑鼠經過變色的表格 139
五、CSS表單效果 141
任務6 CSS濾鏡的套用 144
一、濾鏡介紹 144
二、各種濾鏡設定方式 145
【知識拓展】 150
【課後專業測評】 151
項目7 CSS定位與DIV布局 152
【課前項目直擊】 152
任務1 元素的定位 153
一、div標籤與span標籤 153
二、盒子模型 155
三、元素的定位 164
四、CSS+DIV布局方法 178
任務2 電子商務網站CSS+DIV網頁布局分析 182
一、“頭部”製作技巧分解 185
二、導航製作技巧分解 186
三、焦點圖製作技巧分解 186
四、女裝版塊製作技巧分解 187
五、“男裝”和“運動”版塊製作技巧分解 190
六、頁面底部版塊製作技巧分解 190
【知識拓展】 192
【課後專業測評】 193
第三部分 電子商務網頁製作工具篇
項目8 Photoshop與Fireworks圖形圖像編輯 197
【課前項目直擊】 197
任務1 Photoshop圖像處理 201
一、Photoshop的相關概念 201
二、Photoshop操作界面 202
三、Photoshop工具列 202
四、Photoshop基本操作 211
任務2 Fireworks網路圖形編輯 219
一、Fireworks操作界面 219
二、Fireworks的基本操作 222
三、按鈕和導航欄的製作 232
四、繪製矢量圖像 236
【知識拓展】 247
【課後專業測評】 247
項目9 Dreamweaver布局 248
【課前項目直擊】 248
任務1 站點的建立 250
一、Dreamweaver操作界面 250
二、站點建立實例操作 253
任務2 頁面布局 258
一、利用表格布局網頁 258
二、利用Spry對象布局選單 261
【知識拓展】 265
【課後專業測評】 276
項目10 Flash動畫製作 277
【課前項目直擊】 277
任務1 Flash動畫 277
一、Flash操作界面 277
二、Flash的系統配置 281
三、Flash檔案的基本操作 282
任務2 製作動態Logo和Banner動畫 284
一、動態Logo製作 284
二、Banner動畫製作 290
【知識拓展】 294
【課後專業測評】 295
參考文獻 296
