內容介紹
《網站前台設計項目實戰》主要根據不同類型網站的實例,融入各種Dreamweaver、Photoshop、Flash等軟體的功能和技術知識點。《網站前台設計項目實戰》相對傳統的綜合實訓教材,結合企業的真實案例,逐步剖析和解密各類網站製作方法和流程,達到與企業無縫的結合,實現學生製作即實踐,畢業可上崗的理想狀態。《網站前台設計項目實戰》共七部分,分別是教育類網站的設計與製作、商業類網站的設計與製作、旅遊休閒類網站的設計與製作、體育健身類網站的設計與製作、政府機關類網站的設計與製作、企業類網站的設計與製作和綜合類網站的設計與製作。
目錄
項目一 教育類網站的設計與製作
前期準備
中期網站製作
任務一 製作寧海職業技術學院網站效果圖
任務二 橫幅廣告製作
任務三 網站搭建過程
網站修改完善
徵求客戶意見,修改完善
項目實訓:設計製作博識職業技術學院網站項目二 商業類網站的設計與製作
前期準備
中期網站製作
任務一 製作百惠鮮花禮品網站效果圖
任務二 橫幅廣告製作
任務三 網站搭建過程
網站修改完善
徵求客戶意見,修改完善
項目實訓:設計製作音響世界網站項目三 旅遊休閒類網站的設計與製作
前期準備
中期網站製作
任務一 製作長白山旅遊網站效果圖
任務二 橫幅廣告動畫製作
任務三 網站搭建過程
網站修改完善
徵求客戶意見,修改完善
項目實訓:設計製作桂林游網站項目四 體育健身類網站的設計與製作
前期準備
中期網站製作
任務一 製作舒美特健身俱樂部網站效果圖
任務二 橫幅廣告動畫製作
任務三 網站搭建過程
網站修改完善
徵求客戶意見,修改完善
項目實訓:設計製作人美健身會館網站項目五 政府機關類網站的設計與製作
前期準備
中期網站製作
任務一 製作中國紫岩政府入口網站效果圖
任務二 橫幅廣告製作
任務三 網站搭建過程
徵求客戶意見,修改完善
項目實訓:設計製作北江省政府入口網站項目六 企業類網站的設計與製作
前期準備
中期網站製作
任務一 製作馥香家紡網站效果圖
任務二 橫幅廣告製作
任務三 網站搭建過程
網站修改完善
徵求客戶意見,修改完善
項目實訓:設計製作北江醇酒業有限公司企業網站項目七 綜合類入口網站的設計與製作
前期準備
中期網站製作
任務一 “明洋網”網站效果圖
任務二 橫幅廣告製作
任務三 網站搭建過程
網站修改完善
徵求客戶意見,修改完善
項目實訓:設計製作明天信息網網站
序言
本教材主要根據不同類型網站的實例,融入Dreamweaver、Photoshop及Flash等軟體的功能和技術知識,讓讀者既能學習到上述軟體的各種操作和功能運用,更能掌握不同類型網站的製作技巧和實戰經驗。相對傳統的綜合實訓教材,本教材結合企業的真實案例,逐步剖析和解密各類網站的製作方法和流程,達到與企業無縫的結合。每個項目都有網站綜合描述和詳盡的操作步驟,並配有相應的圖片,操作過程一目了然。對每個項目在操作過程中經常出現的問題均有相應的提示,引導讀者去思考,並輔以項目擴展訓練,讓讀者按照操作步驟實現典型實例,增強成就感,激發學習興趣。本教材內容翔實、實用性強。通過本教材項目的學習,讀者可以從中獲得網站設計製作方面的靈感,並以此為契機,創作出精美的網頁作品。
1.本書特色
本書內容從“工作過程系統化”教學、 “綜合化、項目化”教學角度出發,將操作技能、技巧融入到精選的項目製作過程中。科學構建網站前台設計項目實戰課程體系,通過課程的實施,促進教學與就業崗位的“零距離對接”。項目製作貫穿整個教材,通過各類網站項目的開發製作,由淺人深地講述了網站前台製作的方法與技巧,使讀者在實踐過程中逐漸掌握網站前台製作技術,是企業網站前台項目製作的真實、完整的體現,真正實現了理論實踐一體
教學指導思想。
本教材中的案例是對企業項目開發案例進行分析與整合後的精編版,是作者在一線教學與實踐中積累的經驗的結晶,有很高的參考價值。
2 適用對象
主要是面向高等院校計算機專業的學生,尤其對套用技術和網路技術專業學生的網頁學習能起到更為關鍵的作用。由於本教材分析講解詳盡,對自學者來說也是一個很好的老師。
本書由徐敏、韓寶玉、劉改、祝海英、李東生等編寫,其中韓寶玉編寫了第一、二個項目,劉改編寫了第三、四個項目,祝海英編寫了第五、六個項目,李東生編寫了第七個項目。同時得到了企業專家付曉波經理的全力指導。在本書編寫過程中還得到了學院領導、老師的大力支持,在此表示衷心的感謝!由於筆者水平有限,加之時間緊迫,書中疏漏之處在所難免,懇請廣大讀者批評指正。
文摘
前期準備
本項目以教育類網站中的校園網站為範例,系統介紹寧海職業技術學院網站設計製作的基本方法和工作過程。
一、客戶需求分析
客盧需求,是指學校創建入口網站的目的和對網站提出的特定要求。了解客戶需求,是建好學校入口網站的前提。一般來講,校園網站應比普通的網際網路信息平台更有針對性、更具校園特色,並易於查詢和使用,更能滿足學校與外界溝通交流的需求。寧海職業技術學院對其擬建的入口網站提出的主要要求有以下幾個方面。
①宣傳學校辦學理念,展示辦學設施、教師隊伍、專業設定、就業情況,提高學校的社會知名度。
②適時發布學校管理、教學、招生等相關信息,為求學者提供相關諮詢服務。
③獲取社會各界對學校教育教學情況的評價和意見、建議。
④建立與兄弟院校進行交流學習的平台。
⑤向社會各界推薦畢業生,為畢業生提供就業信息。
二、網站風格定位
校園網站就是學校的網上形象。每一所學校都有自己的特色,每一個院系或班級都會有自己的強項。憑藉百花齊放的院系(班級)網站群,學校入口網站就可成為一道獨特的校園風景線。網頁的風格不是某個設計項目相同,網站就有整體感,而是要各個設計項目的配合套用,才能達到完美的網站風格設計。下面以寧海職業技術學院為例,從以下3個方面來學習該網站的風格定位。
色彩色彩永遠是網頁設計中最重要的一環。色彩對人的視覺效果非常明顯。一個網站設計的成功與否在某種程度上取決於設計者對色彩的運用和搭配。
本項目中採用一種色彩。首先選定主色調為橙色。橙色是令人激奮的色彩,具有明亮、健康、熱烈、溫暖、歡樂、輝煌、莊嚴以及尊貴的色感。然後,通過調整透明度或者飽和度對色彩進行變淡、加深或漸變的處理,產生新的橙色的近似色彩,使網頁看起來色彩統一,富有層次感。
在頁面中藉助淺灰色的背景圖像,採用了留白藝術,給人一個遐想的空間,讓人感覺心情舒適、暢快。同時,對於協調頁面的均衡也起到相當大的作用。
1.色彩色彩永遠是網頁設計中最重要的一環。色彩對人的視覺效果非常明顯。一個網站設計的成功與否在某種程度上取決於設計者對色彩的運用和搭配。
2.本項目中採用一種色彩。首先選定主色調為橙色。橙色是令人激奮的色彩,具有明亮、健康、熱烈、溫暖、歡樂、輝煌、莊嚴以及尊貴的色感。然後,通過調整透明度或者飽和度對色彩進行變淡、加深或漸變的處理,產生新的橙色的近似色彩,使網頁看起來色彩統一,富有層次感。
3.在頁面中藉助淺灰色的背景圖像,採用了留白藝術,給人一個遐想的空間,讓人感覺心情舒適、暢快。同時,對於協調頁面的均衡也起到相當大的作用。