本書通過江蘇仕德偉網(wǎng)絡(luò)科技股份有限公司的 “我的E站”這個項目為讀者全程展示了網(wǎng)站設(shè)計與網(wǎng)頁制作的基本知識,讓沒有網(wǎng)頁制作基礎(chǔ)的讀者可以很輕松地開發(fā)制作出自己心目中的網(wǎng)站。本書按照網(wǎng)站開發(fā)的一般流程主要介紹了網(wǎng)站前期策劃、站點結(jié)構(gòu)的創(chuàng)建、網(wǎng)頁界面設(shè)計、圖片的簡單處理、圖像和文字的應(yīng)用、列表的應(yīng)用、表格的應(yīng)用、模板的應(yīng)用、表單的應(yīng)用、CSS樣式的應(yīng)用、DIV+CSS標準布局、多媒體與Flash應(yīng)用、JavaScript基本應(yīng)用、站點的創(chuàng)建和上傳、網(wǎng)站兼容性測試、文檔書寫等內(nèi)容。
子項目1 網(wǎng)站建設(shè)基礎(chǔ)知識與整體流程 項目任務(wù)1.1 了解網(wǎng)站建設(shè)的基礎(chǔ)知識 1.1.1 認識網(wǎng)頁和網(wǎng)站 1.1.2 了解網(wǎng)頁制作技術(shù) 1.1.3 了解網(wǎng)頁制作常用 子項目1 網(wǎng)站建設(shè)基礎(chǔ)知識與整體流程 項目任務(wù)1.1 了解網(wǎng)站建設(shè)的基礎(chǔ)知識 1.1.1 認識網(wǎng)頁和網(wǎng)站 1.1.2 了解網(wǎng)頁制作技術(shù) 1.1.3 了解網(wǎng)頁制作常用工具 項目任務(wù)1.2 熟悉網(wǎng)站建設(shè)的整體流程 1.2.1 網(wǎng)站前期策劃 1.2.2 制作裁切網(wǎng)站設(shè)計稿 1.2.3 規(guī)劃與建立站點 1.2.4 實現(xiàn)網(wǎng)頁結(jié)構(gòu) 1.2.5 使用CSS樣式美化首頁 1.2.6 創(chuàng)建并應(yīng)用網(wǎng)頁模板 1.2.7 測試與發(fā)布網(wǎng)站 1.2.8 更新與維護網(wǎng)站 1.2.9 網(wǎng)站項目總結(jié) 1.3 小結(jié)子項目2 “我的E站”前期策劃 項目任務(wù)2.1 “我的E站”項目立項 2.1.1 分析“我的E站”需求說明書 2.1.2 組建項目團隊 項目任務(wù)2.2 撰寫“我的E站”項目策劃書 2.2.1 分析確定網(wǎng)站邏輯結(jié)構(gòu)圖 2.2.2 設(shè)計網(wǎng)站界面原型 2.2.3 撰寫項目策劃書 2.3 小結(jié)子項目3 “我的E站”的前期準備 項目任務(wù)3.1 設(shè)計網(wǎng)站 3.1.1 分析LOGO設(shè)計思想與設(shè)計原則 3.1.2 介紹網(wǎng)站常用圖片格式 3.1.3 新建文檔 3.1.4 制作 3.1.5 保存文檔 項目任務(wù)3.2 美化圖像素材 3.2.1 批量處理圖像 3.2.2 調(diào)整圖像屬性 3.2.3 美化加工圖像 3.2.4 應(yīng)用特殊文字 項目任務(wù)3.3 設(shè)計制作網(wǎng)站界面 3.3.1 設(shè)置頁面大小 3.3.2 規(guī)劃首頁內(nèi)容 3.3.3 設(shè)計首頁版式 3.3.4 確定配色方案 3.3.5 制作網(wǎng)站首頁效果圖 3.3.6 制作網(wǎng)站子頁效果圖 項目任務(wù)3.4 裁切網(wǎng)站設(shè)計稿 3.4.1 分析切片的原則 3.4.2 創(chuàng)建首頁切片 3.4.3 編輯首頁切片 3.4.4 命名首頁切片 3.4.5 導(dǎo)出首頁切片 3.4.6 裁切子頁設(shè)計稿 項目任務(wù)3.5 制作網(wǎng)站中的動畫 3.5.1 了解Flash基本概念 3.5.2 熟悉Flash中的基本操作 3.5.3 掌握Flash中的基本動畫形式 3.5.4 制作網(wǎng)站首頁ba 3.6 小結(jié) 3.7 技能訓(xùn)練 3.7.1 制作和優(yōu)化頁面圖像 3.7.2 Flash動畫設(shè)計 3.7.3 Flash交互界面開發(fā)子項目4 實現(xiàn)網(wǎng)頁結(jié)構(gòu) 項目任務(wù)4.1 創(chuàng)建本地站點 4.1.1 規(guī)劃目錄結(jié)構(gòu) 4.1.2 熟悉Dreamweaver工作區(qū) 4.1.3 新建本地站點 4.1.4 管理本地站點 項目任務(wù)4.2 設(shè)置首頁文字段落與圖片 4.2.1 掌握HTML基本概念 4.2.2 熟悉HTML基本結(jié)構(gòu) 4.2.3 插入文本與段落 4.2.4 添加圖像 4.2.5 插入特殊符號 項目任務(wù)4.3 創(chuàng)建首頁中列表 4.3.1 創(chuàng)建序列表 4.3.2 創(chuàng)建有序列表 4.3.3 創(chuàng)建自定義列表 項目任務(wù)4.4 插入首頁表格 4.4.1 創(chuàng)建表格 4.4.2 編輯表格 4.4.3 了解嵌套表格 4.4.4 熟悉表格標簽 項目任務(wù)4.5 插入首頁表單 4.5.1 認識表單 4.5.2 創(chuàng)建表單 4.5.3 添加表單對象 項目任務(wù)4.6 設(shè)置網(wǎng)站的超鏈接 4.6.1 熟悉文檔位置和路徑 4.6.2 設(shè)置文本和圖像超鏈接 4.6.3 設(shè)置圖像映射鏈接 4.6.4 設(shè)置錨記鏈接 4.6.5 設(shè)置特殊鏈接 4.7 小結(jié) 4.8 技能訓(xùn)練 4.8.1 建立站點 4.8.2 編寫HTML代碼結(jié)構(gòu)子項目5 使用CSS樣式美化首頁 項目任務(wù)5.1 引用CSS樣式表 5.1.1 初識 5.1.2 熟悉樣式表種類和CSS選擇器 5.1.3 在頁面中引入CSS樣式表 5.1.4 熟悉CSS樣式代碼編寫規(guī)則 項目任務(wù)5.2 設(shè)置頁面元素的樣式 5.2.1 設(shè)置字體顏色樣式 5.2.2 設(shè)置背景效果 5.2.3 設(shè)置鏈接樣式 5.2.4 設(shè)置列表樣式 5.2.5 設(shè)置數(shù)據(jù)表格樣式 5.2.6 設(shè)置表單樣式 項目任務(wù)5.3 使用DIV+CSS布局首頁 5.3.1 插入 5.3.2 熟悉盒模型 5.3.3 CSS布局網(wǎng)頁 5.4 小結(jié) 5.5 技能訓(xùn)練 5.5.1 使用CSS布局技術(shù)完成網(wǎng)頁 5.5.2 使用列表和CSS制作菜單子項目6 創(chuàng)建并應(yīng)用網(wǎng)頁模塊 項目任務(wù)6.1 創(chuàng)建并應(yīng)用網(wǎng)頁模板 6.1.1 創(chuàng)建模板 6.1.2 制作模板頁面 6.1.3 插入可編輯區(qū)域 6.1.4 應(yīng)用模板 項目任務(wù)6.2 添加多媒體元素 6.2.1 插入多媒體元素 6.2.2 應(yīng)用行為 6.2.3 運用JavaScript實現(xiàn)banner效果 6.3 小結(jié) 6.4 技能訓(xùn)練子項目7 “我的E站”測試與發(fā)布 項目任務(wù)7.1 常見IE中BUG及其修復(fù)方法 7.1.1 div的垂直居中問題 7.1.2 margin加倍的問題 7.1.3 浮動IE產(chǎn)生的雙倍距離 7.1.4 IE與最大最小寬度和高度的問題 7.1.5 頁面的最小寬度 7.1.6 DIV浮動IE文本產(chǎn)生3像素的 7.1.7 float清除浮動 7.1.8 高度不適應(yīng) 項目任務(wù)7.2 站點的測試與調(diào)試 7.2.1 檢查站點范圍的鏈接 7.2.2 改變站點范圍的鏈接 7.2.3 清理HTML 7.2.4 清理Word生成的HTML 7.2.5 同步 7.2.6 生成輔助功能報告 7.2.7 站點測試指南 項目任務(wù)7.3 網(wǎng)站的發(fā)布 7.3.1 站點的上傳 7.3.2 申請空間 7.4 小結(jié) 7.5 技能訓(xùn)練子項目8 網(wǎng)站宣傳推廣與維護 項目任務(wù)8.1 網(wǎng)站宣傳推廣 8.1.1 網(wǎng)站宣傳推廣方式 8.1.2 網(wǎng)站宣傳推廣計劃 8.1.3 提出合理的網(wǎng)站推廣建議 項目任務(wù)8.2 網(wǎng)站維護 8.2.1 網(wǎng)站維護的重要性 8.2.2 網(wǎng)站維護的基本內(nèi)容 8.2.3 網(wǎng)站維護基本流程 8.3 小結(jié)子項目9 “我的E站”項目總結(jié) 項目任務(wù)9.1 文檔的書寫與整理 項目任務(wù)9.2 網(wǎng)站展示、交流與評價 9.3 小結(jié)子項目10 將頁面移植到移動設(shè)備 項目任務(wù)10.1 將“我的E站”頁面轉(zhuǎn)為響應(yīng)式設(shè)計 10.1.1 理解響應(yīng)式設(shè)計 10.1.2 移動化“關(guān)于我們”頁面 10.2 小結(jié) 附錄A 常用工具、插件及用戶手冊 附錄B “我的E站”項目策劃書 附錄C “我的E站”網(wǎng)站說明書 附錄D 網(wǎng)站制作規(guī)范 參考文