網(wǎng)頁設計師培訓教程

前言

　　相對傳統(tǒng)的平面設計來說，網(wǎng)頁設計往往要結合動畫、圖像特效與后臺的數(shù)據(jù)交互等，而Dreamweaver CS3、Photoshop CS3、Flash CS3作為Adobe公司經(jīng)典的常用網(wǎng)頁設計軟件，是目前網(wǎng)頁制作的首選工具，它們具有強大的功能。在靜態(tài)頁面設計、圖片設計和網(wǎng)站動畫設計等方面，都可以使網(wǎng)站設計人員的思想得到充分體現(xiàn)?！　”緯鴥热荨　”緯越?jīng)典的常用網(wǎng)頁設計軟件Dreamweaver CS3、Photoshop CS3、Flash CS3為基礎，深入淺出地闡述了網(wǎng)頁設計、圖像處理和動畫制作進行網(wǎng)頁設計的多個方面。　　具體的內容安排如下?！　〉?部分講解了網(wǎng)頁設計的基礎知識、設計原則和思想、設計元素的分類及應用、網(wǎng)頁配色等，使讀者能夠詳細地了解網(wǎng)頁的設計思想、網(wǎng)頁設計色彩搭配、網(wǎng)頁結構劃分與安排等知識。　　第2部分講解了網(wǎng)頁編輯的專業(yè)工具Dreamweaver CS3，它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，功能強大。Photoshop CS3在圖形圖像處理領域擁有毋庸置疑的權威，網(wǎng)頁設計過程中，經(jīng)常利用Photoshop來設計網(wǎng)頁中的Logo、Banner、頁面結構等。矢量動畫軟件Flash CS3目前已成為網(wǎng)絡動畫的代表，成為多媒體行業(yè)、網(wǎng)站制作行業(yè)的熱門軟件，是增強網(wǎng)頁的可看性、趣味性、商業(yè)性、動態(tài)性的一個手段?！　〉?部分從實用的設計角度出發(fā)，按照網(wǎng)站類型的不同，針對典型網(wǎng)站進行創(chuàng)作講解示范，詳盡介紹了實用的設計案例操作，讓讀者在制作過程中逐漸提高創(chuàng)作水平，體會到網(wǎng)頁創(chuàng)作的樂趣。值得一提的是，這些網(wǎng)頁案例完全與實際工作相結合，設計完成后就能夠作為作品，去應對工作和生活中的各種網(wǎng)頁設計任務。　　讀者對象　　本書的讀者主要面向各單位網(wǎng)頁設計人員、網(wǎng)絡愛好者和計算機類各專業(yè)教師和學生，社會學習者，網(wǎng)頁設計培訓等，充分地考慮了初學者的實際需要，對那些“基本沒有什么網(wǎng)頁設計基礎”的讀者，本書通過從實踐出發(fā)再回歸理論，并配備生動圖片的講解方式，內容簡潔、語言通俗易懂、章節(jié)清晰，力求使講解的內容能夠滿足廣大讀者的需求?！　”緯厣　≡谥v解中盡量強調知識內容的系統(tǒng)性，特意在創(chuàng)作本書的過程中貫穿了如下特色?！　≈v解系統(tǒng)　　針對目前網(wǎng)站設計環(huán)節(jié)中網(wǎng)頁美工的實際需求，強調網(wǎng)站美工設計的重要性和各個環(huán)節(jié)的銜接與配合，并通過解決一些網(wǎng)站設計中的實際問題，有助于培養(yǎng)讀者從一個網(wǎng)站設計師的角度規(guī)劃和控制項目?！　热輰嵱谩　∫阅壳傲餍械木W(wǎng)站前臺開發(fā)軟件講解為主線，配合大量典型案例，有助于讀者快速掌握網(wǎng)站前臺頁面開發(fā)軟件的功能，達到“學以致用”的效果。　　階梯式講解容易上手　　在講解網(wǎng)頁設計、制作、開發(fā)、維護等實際經(jīng)驗的基礎上，力求將要表達的思想、創(chuàng)意以最完美的視覺效果、最詳盡的講解方式展現(xiàn)給讀者，幫助讀者對一個網(wǎng)站從無到有的整個過程理解得更加深入、全面。這就使得讀者只要按照實例步驟進行操作，就可以一步一步地輕松完成網(wǎng)頁的最終效果，并從中汲取制作的經(jīng)驗和技巧?！　〕档亩嗝襟w配套教學光盤　　在隨書贈送的多媒體配套教學光盤中，包含了本書中所涉及的每個實例所采用的素材和最終完成效果，盡可能使讀者在閱讀每章內容時參考和使用光盤內的素材，輕松、快速地完成自己的網(wǎng)頁創(chuàng)建。此外，為方便讀者學習與參考，在配套光盤中，作者還搜集、整理了多款當前流行的網(wǎng)站設計創(chuàng)作經(jīng)典教材，并配置了一些關鍵性技術的多媒體講解視頻、精品賞析，以方便廣大讀者學習參考?！　”緯钊霚\出，圖文并茂，以圖析文，直觀生動，并結合了大量網(wǎng)頁制作中的應用實例幫助讀者理解，為讀者設計和制作網(wǎng)頁提供捷徑。書中除了對基本知識的介紹外，還提供了大量的實例操作，幫助讀者邊學邊用，從理解到應用，增強學習效果，直到圓滿地完成工作為止?！　〗Y束語　　本書得到了眾多朋友的支持，在此一并表示衷心的感謝。本書的編寫分工是：李偉編寫第1章，馮世雄編寫第2章，楊平編寫第3章，鄭靜編寫第4章，張曉新編寫第5章，田永燕編寫第6章，孫世寧編寫第7章，李防編寫第8章，王英英編寫第9章，陳艷艷編寫第10章，武新華編寫第11章，段玲華編寫第12章，最后由武新華統(tǒng)稿。雖然傾注了編者的努力，但由于水平有限、時間倉促，疏漏和不足之處在所難免。如發(fā)現(xiàn)本書中有不妥或需要改進之處，歡迎與編者進行溝通，編者將衷心感謝提供建議的讀者，并真心希望在和廣大讀者互動的過程中能得到提高，在此致謝！

內容概要

本書由淺入深地講解了常用網(wǎng)頁設計軟件Dreamweaver CS3、Photoshop CS3、Flash CS3應用的多個方面，如網(wǎng)頁配色知識基礎、Dreamweaver CS3應用詳解、Photoshop CS3使用基礎、FIash CS3動畫制作、在Dreamweaver中插入動畫等，并講述了這3款軟件的綜合應用實例，如構建房地產(chǎn)類網(wǎng)站、構建IT類商務網(wǎng)站等。    本書內容豐富全面，圖文并茂，深入淺出，適用于廣大網(wǎng)頁設計人員，同時可作為一本速查工具書，適用于網(wǎng)絡愛好者和計算機類各專業(yè)教師和學生使用，也可供網(wǎng)頁設計培訓等人員參考。

書籍目錄

第l章　網(wǎng)頁設計基礎概述  1.1　全麗認識網(wǎng)頁    1.1.1  網(wǎng)站、網(wǎng)頁和主頁    1.1.2  HTML的組成及語法  1.2　網(wǎng)站設計的流程    1.2.1　注冊域名與申請空間    1.2.2　新建站點與收集網(wǎng)頁素材    1.2.3　整合站點內容和編寫服務器端代碼    1.2.4　實現(xiàn)FTP服務器的上傳與下載    1.2.5　對網(wǎng)站進行維護  1.3　網(wǎng)頁的基本組成元素    1.3.1　網(wǎng)頁中的文本    1.3.2　網(wǎng)頁中的圖片    1.3.3　網(wǎng)頁中的多媒體  1.4　申請免費空間與發(fā)布網(wǎng)站    1.4.1  申請免費空間流程    1.4.2　在免費空間發(fā)布網(wǎng)站    1.4.3　網(wǎng)站的宣傳與推廣  本章小結  習題與動手操作第2章　網(wǎng)頁配色知識基礎  2.1　網(wǎng)頁配色基礎    2.1.1  網(wǎng)頁中顏色搭配與原理    2.1.2　RGB顏色和色相環(huán)    2.1.3　不同顏色的含義  2.2　按網(wǎng)站風格進行配色    2.2.1　清爽風格    2.2.2　活潑風格    2.2.3　商業(yè)風格    2.2.4　古典風格    2.2.5  科技金屬風格　2.3　網(wǎng)站配色　　2.3.1　按企業(yè)形象進行配色　　2.3.2　按顏色對比進行配色　　2.3.3　配色后的修飾和色彩的搭配　本章小結　習題與動手操作第3章　Dreamweaver CS3使用基礎　3.1　Dreamweaver CS3的工作界面　　3.1.1　標題欄、工具欄和菜單欄　　3.1.2　屬性檢查器和右側面板組　　3.1.3　文檔窗口和狀態(tài)欄　3.2　網(wǎng)頁文檔的基本操作　　3.2.1　創(chuàng)建網(wǎng)頁文檔　　3.2.2　打開網(wǎng)頁文檔　　3.2.3　保存網(wǎng)頁文檔　　3.2.4　預覽網(wǎng)頁　　3.2.5　設置頁面屬性　3.3　文本和表格的應用　　　3.3.1　輸入和編輯本文　　3.3.2　設置文本屬性　　3.3.3　插入表格和修改表格　　3.3.4　表格屬性的設置　　3.3.5　嵌套表格　　3.3.6　通過表格構造網(wǎng)頁布局　3.4　Dreamweaver CS3中的表單應用　　3.4.1　創(chuàng)建HTML表單　　3.4.2　設計一個用戶注冊頁面的完整表單　　3.4.3　跳轉菜單的設計　本章小結　習題與動手操作第4章　Dreamweaver CS3應用詳解第5章　Photoshop　CS3使用基礎第6章　Photoshop  CS3文字和圖層第8章　Flash  CS3使用基礎第9章　Flash  CS3動畫制作基礎第11章　構建房地產(chǎn)類網(wǎng)站第12章　構建IT類商務網(wǎng)站附錄A  習題參考答案附錄B　模擬試卷及參考答案參考文獻

章節(jié)摘錄

　　3.1.3文檔窗口和狀態(tài)欄　　文檔窗口顯示當前創(chuàng)建和編輯的文檔，在其中可以完成文檔的大部分操作。文檔窗口主要有代碼、拆分、設計三種視圖方式，如圖3.9所示。　　“設計”視圖一個用于可視化頁面布局、可視化編輯和快速應用程序開發(fā)的設計環(huán)境。在該視圖中，顯示了文檔完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時看到的內容。　　“代碼”視圖　一個用于編寫和修改HTML、JavaScfipt、服務器語言代碼（如JSP或ColdFusion標記語言CFML）以及任何其他類型代碼的手工編碼環(huán)境。不同類型的代碼在代碼視圖中有不同的色標體系，用戶可以通過代碼視圖中的不同顏色，來區(qū)分代碼不同的功能部分?！　　安鸱帧币晥D使用戶可以在單個窗口中同時看到同一文檔的“代碼”視圖和“設計”視圖。在代碼視圖窗口中編輯后，設計視圖不會立刻呈現(xiàn)修改效果，此時需要用鼠標單擊一下設計視圖窗口?！　【W(wǎng)頁瀏覽器的狀態(tài)欄位于瀏覽器的下方，可在瀏覽器菜單欄上選擇【查看】-【狀態(tài)欄】菜單項，將其打開或關閉。網(wǎng)頁的狀態(tài)欄就是顯示網(wǎng)頁下載進度等網(wǎng)頁的狀態(tài)信息。　　在“文檔”窗口底部的狀態(tài)欄中，提供了與創(chuàng)建文檔有關的其他信息，如圖3-10所示?！　撕炦x擇器顯示環(huán)繞當前選定內容的標簽的層次結構。單擊該層次結構中的任何標簽以選擇該標簽及其全部內容。單擊可以選擇文檔的整個正文。若要在標簽選擇器中設置某個標簽的class或id屬性，請右擊該標簽并從上下文菜單中選擇一個類或ID。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設計師培訓教程 PDF格式下載

---