《網站設計與網頁製作立體化項目教程》是一本2018年出版的圖書，由電子工業出版社出版
基本介紹
- 中文名：網站設計與網頁製作立體化項目教程
- 作者：何福男
- 出版社：電子工業出版社
- 出版時間：2018年
- 開本：16 開
- ISBN：9787121329555
內容簡介,作者簡介,目 錄,
內容簡介
本書通過江蘇仕德偉網路科技股份有限公司的“我的E站”這個項目的設計製作，為讀者全面展示了網站設計與網頁製作的基本知識，讓沒有網頁製作基礎的讀者可以輕鬆地開發製作出自己心目中的網站。本書按照網站開發的一般流程，主要介紹了網站前期策劃；站點結構的創建；網頁界面設計；圖片的簡單處理；圖像和文字、列表、表格、模板，以及表單的套用；DIV＋CSS標準布局；CSS樣式的套用；多媒體與Flash套用；JavaScript基本套用；站點的創建和上傳；網站兼容性測試；文檔書寫；回響式設計等內容。本書免費提供書中所有素材，另外還有針對全國計算機信息高新技術考試之高級網頁製作員考試的網頁製作技能強化綜合練習題8套，技能強化訓練全部素材均為原創作品，以上資源可登錄華信教育資源網（www.hxedu.com.cn）下載。同時配有微課視頻可在書中二維碼處掃碼學習。本書是專門為高等職業教育計算機類、藝術設計類和電子商務類等專業編寫的網站設計與網頁製作課程的專業教材，也可作為高級網頁製作員的培訓材料。
作者簡介
何福男，江蘇蘇州人，蘇州工業職業技術學院軟體與服務外包學院副院長，長期從事計算機類專業建設和專業教學工作，與企業有良好合作關係；主講《網站設計與網頁製作》、《面向對象程式設計》、《JavaScript程式設計》、《Web新技術》、《XML語言》、《資料庫》等課程；積極從事項目化課程改革和項目課程教學實踐，曾獲省教學成果一等獎，主持省教育教學改革、市科技支撐計畫等多項課題。
目 錄
子項目1 網站建設基礎知識與整體流程 1
項目任務1.1 了解網站建設的基礎知識 1
1.1.1 認識網頁和網站 2
1.1.2 了解網頁製作技術 3
1.1.3 了解網頁製作常用工具 4
1.1.4 編寫個網頁 10
項目任務1.2 熟悉網站建設的整體流程 11
1.2.1 網站前期策劃 12
1.2.2 製作裁切網站設計稿 16
1.2.3 規劃與建立站點 16
1.2.4 實現網頁結構 17
1.2.5 使用CSS樣式美化首頁 17
1.2.6 創建並套用網頁模板 17
1.2.7 測試與發布網站 17
1.2.8 更新與維護網站 18
1.2.9 網站項目總結 18
1.3 小結 18
子項目2 “我的E站”前期策劃 19
項目任務2.1 “我的E站”項目立項 19
2.1.1 分析“我的E站”需求說明書 20
2.1.2 組建項目團隊 20
項目任務2.2 撰寫“我的E站”項目策劃書 21
2.2.1 分析確定網站邏輯結構圖 22
2.2.2 設計網站界面原型 22
2.2.3 撰寫項目策劃書 26
2.3 小結 28
子項目3 “我的E站”前期準備 29
項目任務3.1 設計網站LOGO 29
3.1.1 LOGO設計思想與設計原則 30
3.1.2 網站常用圖片格式 31
3.1.3 製作“我的E站”LOGO 32
項目任務3.2 加工圖像素材 36
3.2.1 批量處理圖像 39
3.2.2 去除圖片水印 41
3.2.3 調整圖像屬性 41
3.2.4 美化加工圖像 43
3.2.5 套用特殊文字 46
項目任務3.3 設計製作網站界面 48
3.3.1 設定頁面大小 49
3.3.2 規劃首頁內容並設計版式 50
3.3.3 確定配色方案 50
3.3.4 製作網站首頁效果圖 52
3.3.5 製作網站子頁效果圖 64
項目任務3.4 裁切網站設計稿 68
3.4.1 切片的原則 70
3.4.2 創建首頁切片 70
3.4.3 編輯首頁切片 73
3.4.4 命名首頁切片 74
3.4.5 導出首頁切片 74
3.4.6 裁切子頁設計稿 75
項目任務3.5 製作網站中的動畫 77
3.5.1 Flash基本概念 77
3.5.2 Flash基本操作 80
3.5.3 Flash基本動畫形式 83
3.5.4 製作網站首頁banner 88
3.6 小結 93
3.7 技能訓練 93
3.7.1 裁切網站設計稿 93
3.7.2 Flash動畫設計 94
3.7.3 Flash互動界面開發 99
子項目4 實現網頁布局 105
項目任務4.1 創建本地站點 105
4.1.1 規劃目錄結構 105
4.1.2 熟悉Dreamweaver工作區並新建本地站點 106
4.1.3 管理本地站點 108
4.1.4 HTML基本概念及結構 110
項目任務4.2 一列固定寬度布局 113
4.2.1 插入Div標籤 114
4.2.2 樣式表種類和CSS選擇器 115
4.2.3 在頁面中引入CSS樣式表 117
4.2.4 CSS樣式代碼編寫規則 118
4.2.5 CSS盒模型 121
項目任務4.3 一列多行固定寬度居中布局 127
4.3.1 一列固定寬度居中布局 128
4.3.2 一列多行固定寬度居中布局 129
項目任務4.4 多列多行固定寬度居中布局 130
4.4.1 DOM樹 132
4.4.2 CSS盒子在標準流中的定位 133
4.4.3 CSS盒子浮動方式 133
4.4.4 二列固定寬度居中布局 135
4.4.5 二列多行固定寬度居中布局 135
4.4.6 清除浮動屬性 136
4.4.7 三列固定寬度居中布局 137
4.4.8 三列多行固定寬度居中布局 137
項目任務4.5 “我的E站”頁面布局 138
4.5.1 “我的E站”子頁布局 139
4.5.2 “我的E站”首頁布局 143
4.6 小結 150
4.7 技能訓練 150
4.7.1 建立站點 150
4.7.2 編寫HTML代碼結構 150
子項目5 添加和美化網頁內容 151
項目任務5.1 “我的E站”子頁製作 151
5.1.1 文本圖像及樣式 152
5.1.2 列表及樣式 160
5.1.3 超連結及樣式 163
5.1.4 背景樣式 166
5.1.5 “關於我們”頭部製作 169
5.1.6 “E站日記”列表製作 170
5.1.7 表格及樣式 171
項目任務5.2 “我的E站”首頁製作 178
5.2.1 頭部製作 179
5.2.2 banner製作 180
5.2.3 中部製作 186
5.2.4 其他信息製作 188
5.2.5 底部製作 190
5.3 小結 192
5.4 技能訓練 192
5.4.1 使用CSS布局技術完成網頁 192
5.4.2 使用列表和CSS製作選單 193
子項目6 網頁模板及多媒體套用 194
項目任務6.1 創建並套用網頁模板 194
6.1.1 創建模板 194
6.1.2 製作模板頁面 196
6.1.3 插入或刪除可編輯區域 200
6.1.4 套用模板 201
項目任務6.2 添加多媒體元素 204
6.2.1 插入多媒體元素 205
6.2.2 套用行為 208
6.2.3 運用JavaScript實現banner效果 210
6.3 小結 211
6.4 技能訓練 212
子項目7 “我的E站”測試與發布 213
項目任務7.1 常見瀏覽器兼容問題及解決方案 213
7.1.1 網頁中的標籤問題 213
7.1.2 div的垂直居中問題 214
7.1.3 margin加倍的問題 215
7.1.4 浮動IE產生的雙倍距離 216
7.1.5 寬度和高度問題 217
7.1.6 DIV浮動IE文本產生3像素的BUG 220
7.1.7 float清除浮動 220
7.1.8 圖片間有空白間隙問題 224
7.1.9 不同瀏覽器對實際像素的解釋 225
7.1.10 套用條件注釋實現瀏覽器兼容 225
7.1.11 常用hack方法兼容介紹 226
項目任務7.2 站點的測試與調試 227
7.2.1 檢查站點範圍的連結 227
7.2.2 改變站點範圍的連結 228
7.2.3 清理HTML 228
7.2.4 清理Word生成的HTML 229
7.2.5 同步 229
7.2.6 生成輔助功能報告 230
7.2.7 站點測試指南 230
項目任務7.3 網站的發布 231
7.3.1 申請域名 231
7.3.2 申請空間 235
7.3.3 站點的上傳 238
7.4 小結 240
7.5 技能訓練 240
子項目8 網站的宣傳推廣與維護 241
項目任務8.1 網站宣傳推廣 241
8.1.1 常見網站推廣方式 242
8.1.2 網站推廣步驟 249
8.1.3 搜尋引擎最佳化工具 250
項目任務8.2 網站維護 252
8.2.1 網站維護的重要性 252
8.2.2 網站維護的基本內容 253
8.3 小結 254
子項目9 “我的E站”項目總結 255
項目任務9.1 文檔的書寫與整理 255
項目任務9.2 網站展示、交流與評價 257
9.3 小結 259
子項目10 將頁面移植到移動設備 260
項目任務10.1 將“我的E站” 頁面 轉為回響式 設計 260
10.1.1 回響式設計概述 262
10.1.2 移動化“關於我們”頁面 264
項目任務10.2 Bootstrap框架介紹 266
10.2.1 Bootstrap框架 簡介 267
10.2.2 下載Bootstrap 框架 268
10.2.3 Bootstrap框架檔案結構 269
10.2.4 HTML標準模板 269
10.2.5 回響式的柵格系統 270
10.2.6 基於Bootstrap框架的首頁製作 271
10.3 小結 275
附錄A 常用工具、外掛程式及用戶 手冊 276
附錄B 網站製作規範 277
參考文獻 280
