本書以商務網頁設計與制作業務流程為主線,通過對典型企業建站項目的剖析,構建了商務網頁設計導引、商務網頁布局設計、商務網頁效果圖制作、使用表格制作網頁、使用DIV+CSS制作網頁、商務網站發布六個教學項目,對商務網頁設計與制作的基本原理及實現方法進行系統介紹及完整展示。本書是針對中等、高等職業院校及應用性本科商科、計算機等專業開發的“學.用.做”一體化教材,也可供網頁設計類崗位員工培訓使用,還可作社會相關從業人士的參考讀物。
“商務網頁設計與制作”一直是學生最期待、最向往的課程之一。令人遺憾的是,在具體的學習過程中,也被認為是最艱深、最難啃的課程。互聯網時代,誰不想擁有并掌控自己的網絡空間呢?以文科為主的商科學生,對“技術”的膽怯由來已久。商科學生對技術的隔膜和恐懼,傳統教材、教法難辭其咎。側重于“網頁三劍客”軟件操作的傳統教材,讓學生從“零”出發,從一行代碼、一段文字、一張圖片的編輯開始,制作屬于自己的網站。這樣的教學方式,往往讓學生陷入“只見樹木,不見森林”的誤區,雖然耗費時日,卻難修成正果,或者即使做出網站,也毫無商業價值。更為糟糕的是,一旦到了企業,碰到具體的網站開發問題,仍是一籌莫展、無從下手。而市場上真實的情況卻是:一名合格的網頁設計師,往往只需一兩天,就能開發出一個讓企業簽單付費、價值幾百或上千元的小網站。讓網頁制作輕松上手,既能切切實實地學到“技術”,又能創新性地解決具體而不是抽象的“商務”問題,是本書的重要使命。
拒絕網頁設計“零”起點,讓學生站在巨人肩膀上,以現有優秀企業網站為模板,從LOGO到Banner,從欄目到導航,從風格到定位,綜合利用互聯網上異常豐富的網頁資源,先學習借鑒,再模仿超越!這樣的學習模式,既引人入勝,又事半功倍;企業怎么做,我們怎么學!讓《商務網頁設計與制作》,不僅“易學”,并且“好用”,是本書的重要定位。
本書以典型企業網站為載體,安排了商務網頁設計導引、商務網頁布局設計、商務網頁效果圖制作、使用表格制作網頁、使用DIV+CSS制作網頁、商務網站發布六個學習型項目。項目一商務網頁設計導引,介紹網頁設計一般流程的同時,對商務網站的類型、網頁結構、網頁風格進行了簡要描述,對客戶需求分析方法及步驟、網站欄目規劃的原理與方法進行了深入剖析,還介紹了網頁首屏設計及網站公信力的打造。項目二以一個企業真實建站項目為載體,對網頁版式設計、網頁顏色搭配及文字和圖片的編排、網頁草圖繪制的方法及流程進行了介紹。項目三以網頁素材的選取為突破口,讓學生快速掌握網頁效果圖制作的方法及關鍵技術。項目四以現有網頁效果圖為藍本,介紹了最基本的網頁布局方法,即用表格進行布局,并在介紹技術的同時,不斷呈現相應的HTML代碼,讓學生在學習網頁設計的同時輕松理解HTML標記語言。項目五介紹了目前流行的使用DIV+CSS制作網頁,讓學生掌握網頁制作的最常用技術,以適應網頁設計類崗位職業發展的需要。項目六圍繞網站發布業務,對域名注冊、主機(服務器空間)租用、網站備案、網站上傳、域名解析等內容進行了系統介紹。讓學生能在較短的時間內制作出既美觀大方,又能體現企業商務訴求的網站。打破學術思維束縛,遵循企業建站邏輯—企業怎么做,我們怎么教,是本書的重要特色。
本書由長沙民政職業技術學院方玲玉教授負責統稿,方玲玉、劉娜兩位老師擔任主編,與張鴿、陳煒、劉杰三位老師共同完成全書編寫。天津職業大學楊國良教授、廣州番禺職業技術學院湯海洪老師、湖南競網科技有限公司(百度湖南總代)聶磊總監、湖南省怡清源茶業有限公司電子商務部吳小琴經理等,全程參與了本書的開發和研討,并提供了大量的網頁素材及網站案例。在此,深表謝意!
由于編寫時間和編者水平的限制,書中難免存在疏漏之處,懇請各位讀者批評指正。
方玲玉
方玲玉,教授,長沙民政職業技術學院商學院院長,教育部全國高校教師網絡培訓中心特聘主講教授,湖南高等職業教育電子商務專業帶頭人,湖南省職業技能鑒定專家委員會電子商務專業委員會秘書長,中國職業教育研究會電子商務與物流專業協作委員會副主任;主持課題《高職電子商務職院人才培養體系的創新研究與實踐》獲2005年國家教學成果二等獎。主持開發2008年國家精品課程《網絡營銷實務》、2010年國家精品課程《電子商務基礎與應用》,其中《網絡營銷實務》已升級為2013年精品資源共享課。出版著作數部,其中《電子商務基礎與應用――“學.用.做”一體化教程(第3版)》、《客戶服務與管理――項目教程(第3版)》均被教育部評為“十二五”職業教育國家規劃教材。
任務三 網頁元素制作 (76)
任務四 網頁效果圖制作 (86)
任務五 網頁效果圖切片 (99)
實訓三 企業網站首頁效果圖制作 (102)
思考與練習 (103)
項目四 使用表格制作網頁 (105)
任務一 本地站點配置 (106)
任務二 使用表格制作網頁 (113)
實訓四 使用表格制作企業網站首頁 (130)
思考與練習 (131)
項目五 使用DIV+CSS制作網頁 (133)
任務一 首頁DIV框架制作 (134)
任務二 內容制作 (150)
任務三 CSS特效導航欄制作 (168)
實訓五 使用DIV+CSS制作企業網站首頁 (172)
思考與練習 (173)
項目六 商務網站發布 (175)
任務一 域名注冊 (176)
任務二 主機租用 (179)
任務三 網站備案 (182)
任務四 網站上傳 (187)
任務五 域名綁定與解析 (193)
實訓六 企業網站首頁的發布 (198)
思考與練習 (199)
參考文獻 (200)