本書共分3個學習情境,分別從“科源信息技術有限公司”發展的3個不同階段的企業網站形態,把網頁設計與制作、網絡營銷策劃與分析、網站版面與色彩運用、網站運營與推廣等知識和技能融入3個漸進的學習情境中。每個學習情境都呈現了一個完整的網站建設過程,將學習目標和工作目標有機地結合在一起,充分體現了“學習的內容是工作”、“通過工作來學習”的新職業教育理念,為未來的工作起到了良好的引領和示范作用。
學習情境1 科源公司形象宣傳網站
工作任務1 策劃形象宣傳網站
1.1 形象宣傳網站目標
1.1.1 網絡營銷目標
1.1.2 定位受眾人群
1.1.3 網站定位
1.2 網站技術方案
1.2.1 網頁技術
1.2.2 域名
1.2.3 網站空間
1.3 網站推廣策略
1.4 素材收集與加工
1.5 進度計劃
工作任務2 設計形象宣傳網站
2.1 網站界面設計原則
2.1.1 網站CIS設計
2.1.2 網頁版面設計
2.1.3 交互設計
2.1.4 選擇設計軟件
2.2 形象宣傳網站的界面設計
2.2.1 形象宣傳網站的CIS設計
2.2.2 形象宣傳網站的網頁版面設計
2.2.3 交互設計
2.3 形象宣傳網站的圖像和多媒體素材制作
2.3.1 公司標識制作
2.3.2 整理加工和繪制素材
2.3.3 制作動態廣告條banner和banner-sub
2.4 形象宣傳網站的界面制作
2.4.1 繪制歡迎引導頁
2.4.2 繪制首頁
2.4.3 繪制次級頁面
工作任務3 制作形象宣傳網站
3.1 網站頁面制作準備
3.1.1 HTML技術
3.1.2 Web標準
3.1.3 HTML標記和屬性
3.1.4 CSS技術
3.1.5 DIV+CSS網頁布局技術
3.2 網站頁面制作
3.2.1 網站目錄結構設計
3.2.2 Dreamweaver建立站點
3.2.3 歡迎引導頁面的制作
3.2.4 網站首頁和次級頁面的DIV+CSS技術的布局設計
3.2.5 首頁制作
3.2.6 公司介紹頁面制作
3.2.7 其他次級頁面制作
3.2.8 浮動框架技術的新聞動態模塊制作
3.2.9 表格技術的產品服務模塊制作
3.2.10 框架技術的維修服務模塊制作
3.2.11 首頁中超鏈接的設置
3.3 網站測試
3.3.1 應用Dreamweaver的超鏈接、標簽、兼容性測試
3.3.2 本地訪問測試網站的超鏈接、兼容性外觀測試
工作任務4 運營形象宣傳網站
4.1 網站發布
4.1.1 申請網站空間
4.1.2 網站備案
4.1.3 使用Dreamweaver上傳網站
4.1.4 W3C驗證
4.2 網站推廣
4.2.1 免費的搜索引擎
4.2.2 競價排名
4.2.3 共享軟件推廣
4.2.4 策劃線下推廣活動
4.3 網站維護
4.3.1 網站空間和域名的維護
4.3.2 網站內容的更新維護
學習情境2 科源公司客戶服務網站
工作任務5 策劃客戶服務網站
5.1 客戶服務網站目標
5.1.1 網絡營銷目標
5.1.2 定位受眾人群
5.1.3 網站定位
5.2 網站技術方案
5.3 網站推廣策略
5.3.1 關鍵字優化策略
5.3.2 實施網站優化與搜索引擎優化
5.4 素材收集與加工
5.5 進度安排
工作任務6 設計客戶服務網站
6.1 網站設計技巧
6.1.1 網站整體設計技巧
6.1.2 色彩設計技巧
6.1.3 字體設計技巧
6.1.4 導航設計
6.2 客戶服務網站的界面設計
6.2.1 形象宣傳網站的CIS設計
6.2.2 客戶服務網站的網頁版面設計
6.2.3 交互設計
6.3 客戶服務網站的圖像和多媒體素材制作
6.3.1 收集整理素材和資料文件
6.3.2 制作通用頁面圖像
6.3.3 制作次級頁面圖像
6.3.4 制作多媒體動畫
工作任務7 制作客戶服務網站
7.1 養成利于搜索引擎優化的編碼習慣
7.1.1 網站結構設計
7.1.2 網頁結構設計
7.1.3 網頁代碼設計
7.2 網站網頁制作
7.2.1 建立網站站點
7.2.2 網站頁面的布局設計
7.2.3 首頁制作
7.2.4 使用Dreamweaver的模板創建次級頁面
7.3 jQuery特效添加
7.3.1 jQuery技術
7.3.2 jQuery的日期顯示
7.3.3 jQuery的Flash外部鏈接
7.3.4 jQuery的折疊菜單
7.3.5 jQuery的選項卡
7.4 論壇制作
7.4.1 PHP動態網站技術和MySQL數據庫技術
7.4.2 搭建PHP+MySQL的動態網站開發環境
7.4.3 Dreamweaver配置動態站點
7.4.4 科源社區論壇功能描述
7.4.5 創建論壇頁面
7.4.6 創建MySQL論壇數據庫
7.4.7 連接論壇數據庫
7.4.8 開發論壇各功能
7.5 網站測試
7.5.1 本地站點測試
7.5.2 局域網站點測試
工作任務8 運營客戶服務網站
8.1 網站發布
8.1.1 虛擬服務器選擇技巧
8.1.2 申請動態網站空間
8.1.3 工信部網站重新備案
8.1.4 綁定域名與空間
8.1.5 數據庫配置
8.1.6 使用FTP上傳網站
8.2 網站推廣
8.2.1 搜索引擎優化工具應用
8.2.2 軟文推廣
8.2.3 社區論壇
8.2.4 許可E-mail營銷
8.2.5 線下宣傳
8.3 網站維護
8.3.1 網站內容的更新維護
8.3.2 數據庫備份
學習情境3 科源公司移動商務網站
工作任務9 策劃移動商務網站
9.1 移動商務網站目標
9.1.1 網絡營銷目標
9.1.2 定位受眾人群
9.1.3 網站定位
9.2 網站技術方案
9.3 網站推廣策略
9.4 素材收集與加工
9.5 進度安排
工作任務10 設計移動商務網站
10.1 面向移動設備的網站設計
10.1.1 移動設備端設計原則
10.1.2 移動設備端導航
10.2 移動商務網站的界面設計
10.2.1 移動商務網站的CIS設計
10.2.2 客戶服務網站的網頁版面設計
10.3 移動商務網站的圖像和多媒體素材制作
10.3.1 PC端網站界面制作
10.3.2 移動端的網站界面制作
工作任務11 制作移動商務網站
11.1 網站頁面制作準備
11.1.1 HTML 5語義標記
11.1.2 使瀏覽器支持HTML 5
11.1.3 CSS 3技術的使用選擇
11.1.4 配置PC端和移動端的開發環境
11.2 PC端網站頁面制作
11.2.1 PC端網頁布局分析
11.2.2 兼容性的選擇
11.2.3 首頁制作
11.2.4 次級頁面制作
11.3 移動端網站頁面制作
11.3.1 移動端網頁布局分析
11.3.2 制作<header>區域
11.3.3 制作<nav>區域
11.3.4 制作<article>區域
11.3.5 制作<aside>區域
11.3.6 制作<footer>區域
11.3.7 移動端檢測
11.4 網站測試
工作任務12 運營移動商務網站
12.1 發布網站
12.1.1 自建Web服務器
12.1.2 安裝配置服務器
12.1.3 發布網站
12.2 網站推廣
12.2.1 監控網站的訪問量
12.2.2 應用外部鏈接
12.2.3 精準網絡營銷
12.2.4 "病毒"營銷
12.2.5 應用線下商業推廣
12.2.6 客戶吸引與維護
12.3 網站維護
12.3.1 自建服務器維護
12.3.2 域名和備案維護
12.3.3 網站內容的更新維護
12.3.4 網站安全
1.本書內容
(1)學習情境1:科源公司形象宣傳網站。在網站建設過程中突出以“信息發布為主”的網絡品牌推廣目標,實現簡單信息發布的宣傳網站。在網頁設計與制作上主要體現網頁結構布局認知、色彩認知、圖像和動畫的認知,以及Photoshop、Dreamweaver、HTML、CSS、DIV+CSS網頁布局、網頁外觀和兼容性的測試等技術。
(2)學習情境2:科源公司客戶服務網站。在網站建設過程中突出以“客戶服務為主”的客戶關系維護目標,實現基本信息反饋和調查的網站。在網頁設計與制作中除了延展學習情境1的知識和技術外,還新增了版式設計、字體與導航設計、色彩搭配設計,jQuery、PHP+MySQL、PHP程序與數據庫測試等技術。
(3)學習情境3:科源公司移動商務網站。在網站建設過程中突出以“移動商務為主”的整合營銷目標,實現移動互聯網的網站。在設計與制作上主要體現移動手機網站主題、風格、創意的設計,HTML5、CSS3、移動手機網站的制作與兼容性測試等技術。
2.本書體例結構
每個學習情境均按網站建設的完整過程分成4個工作任務,任務間自然銜接、緊緊相扣,又相互獨立,各自功能明確,充分體現工作過程系統化的職業工作特點,如下圖所示。
在本書內容的組織中,編者將理論指導與實踐應用自然融合,充分考慮教學過程中“教與學”的互動,配合行動導向教學法的實施,如下圖所示。
3.本書特色
(1)能力導向:本書內容源于真實化的企業案例,有利于培養學習者形成“理實”一體的實踐意識,增強知識技能的應用能力。
(2)工作導向:學習內容融入系統化的工作過程,有利于培養學習者形成“工學”一體的職業意識,增強職業崗位的適應能力。
(3)行動導向:本書用例采用過程化的組織結構,有利于培養學習者形成“學做”一體的學習意識,增強終身學習的自學能力。
……