網(wǎng)頁設(shè)計與制作實例教程

前言

　　雖然Web技術(shù)不斷發(fā)展，新的網(wǎng)頁風格層出不窮，但是萬變不離其宗，從事網(wǎng)頁設(shè)計的人員使用最多的軟件依然是Dreamweaver，它在制作Web格式頁面的過程中擔任著重要的角色。隨著Adobe公司發(fā)布的CS3系列設(shè)計軟件的出現(xiàn)，Photoshop與Flash、：Dreamweaver的結(jié)合更加緊密，使用更加方便。熟練地使用Dreamweaver CS3，可以大大提高網(wǎng)頁設(shè)計和制作的效率，使網(wǎng)頁的制作更加直觀、方便。為了使廣大網(wǎng)頁設(shè)計人員能夠更方便地掌握和使用這個網(wǎng)頁制作軟件，筆者編寫了本書，力求讓讀者在學(xué)完本書之后，能夠獨立使用這個軟件，并設(shè)計和制作出精美的網(wǎng)頁。本書的特點有：1）技術(shù)全面，內(nèi)容充實。本書詳細地講解了DreamweaverCS3在網(wǎng)頁制作中通常使用的功能。全書按照軟件自身的特點，有條理、有層次地講解了軟件的各種相關(guān)功能，同時詳細地講解了每個功能的應(yīng)用效果以及作用。2）注重實踐，聯(lián)系實際。由于：Dreamweaver CS3的功能很強大，操作也很復(fù)雜，使得很多讀者不了解各種操作的具體功能，因此在學(xué)習(xí)中花費了不必要的時間和精力。本書注重實踐，聯(lián)系實際，剔除不必要的功能和操作，使讀者學(xué)有所用，同時提高學(xué)習(xí)效果。3）實例經(jīng)典，舉一反三。Web頁面千變?nèi)f化，其中使用的各種頁面效果千差萬別，不可能把每一個頁面的制作方法都一一介紹。本書通過制作頁面各個部分的典型實例和一些單獨的實戰(zhàn)演練講解應(yīng)用軟件的技巧，力求在實例講解和實戰(zhàn)演練過程中讓讀者掌握網(wǎng)頁制作的方法，方便以后實際應(yīng)用中制作各種風格的頁面。4）圖文并茂，重點突出。本書對軟件的每個功能和制作效果，都用圖片的方式展示出來，做到明確、直觀。對每個示例中需要特別注意和說明的地方都使用了單獨的格式，便于讀者熟練地應(yīng)用軟件。5）與時俱進，注重更新。由于軟件更新?lián)Q代的速度非常快，每次更新?lián)Q代都伴隨著界面以及功能的更改，所以不同版本的軟件在操作上也會有所區(qū)別。本書使用CS3版本進行講解，方便讀者掌握較新的網(wǎng)頁制作技術(shù)。本書共分9章，具體內(nèi)容如下：1）第1、2章為網(wǎng)頁設(shè)計基礎(chǔ)知識，主要講解網(wǎng)頁設(shè)計和制作的基本步驟和內(nèi)容，以及網(wǎng)頁的界面設(shè)計。掌握這兩章內(nèi)容，能夠幫助讀者從整體上了解網(wǎng)頁設(shè)計和制作的基礎(chǔ)知識，為開展后續(xù)實際工作打下堅實的基礎(chǔ)。2）第3～8章主要講解：Dreamweaver CS3的界面與基本操作，詳細介紹了表格、Div元素、行為、框架、模板、CSS樣式和表單網(wǎng)頁制作的技術(shù)。本部分內(nèi)容能夠幫助讀者全面地掌握Dreamweaver CS3的基礎(chǔ)知識和基本操作，隨處穿插注意事項的提示，大部分知識點后都有實戰(zhàn)演練，有助于讀者掌握Dreamweaver CS3的操作技巧。3）第9章為網(wǎng)站制作實戰(zhàn)演練，主要通過制作個人站點和商業(yè)站點兩個實例來講解Dreamweaver CS3的綜合運用。

內(nèi)容概要

本書以實例的形式詳細講解了Dreamweaver CS3軟件的操作方法，內(nèi)容包括網(wǎng)站的需求分析和項目策劃、網(wǎng)頁界面設(shè)計、網(wǎng)頁元素設(shè)計、表格布局技術(shù)、Div元素和行為、框架布局技術(shù)和模板技術(shù)、CSS樣式、網(wǎng)頁表單技術(shù)。為了便于讀者學(xué)習(xí)，本書在最后的綜合實例部分講解了建立站點的整個步驟，包括站點規(guī)劃、文件夾管理、站點管理、頁面制作等。    本書可作為大中專院校及社會培訓(xùn)班相關(guān)專業(yè)的教材用書，同時也適合廣大Web網(wǎng)站開發(fā)人員、網(wǎng)頁設(shè)計人員、網(wǎng)站管理維護人員，以及網(wǎng)頁制作初學(xué)者參考閱讀。

書籍目錄

前言 第1章  網(wǎng)站的需求分析和項目策劃　1.1  網(wǎng)站的策劃　　1.1.1  網(wǎng)站的主題　　1.1.2  網(wǎng)站的對象　　1.1.3  網(wǎng)站的內(nèi)容　　1.1.4  策劃個人網(wǎng)站實戰(zhàn)演練　1.2  網(wǎng)頁的布局規(guī)劃　　1.2.1  網(wǎng)頁的構(gòu)成　　1.2.2  網(wǎng)頁藍圖的規(guī)劃　　1.2.3  網(wǎng)站頁面的布局　　1.2.4  經(jīng)典網(wǎng)站主頁的布局　1.3  企業(yè)網(wǎng)站設(shè)計策劃書示例　1.4  習(xí)題第2章  網(wǎng)頁界面設(shè)計　2.1  對網(wǎng)頁設(shè)計的理解　　2.1.1  網(wǎng)頁界面設(shè)計概述　　2.1.2  網(wǎng)頁界面的基本構(gòu)成要素　　2.1.3  網(wǎng)頁信息的表現(xiàn)類型　2.2  網(wǎng)頁配色　　2.2.1  色彩的基礎(chǔ)知識　　2.2.2  網(wǎng)頁用色技巧　2.3  版式布局實例講解　　2.3.1  房地產(chǎn)樓盤頁面　　2.3.2  韓國漫畫頁面　　2.3.3  服飾書包品牌頁面　　2.3.4  營養(yǎng)品展示頁面　　2.3.5  創(chuàng)意主題大賽頁面　　2.3.6  在線游戲頁面　2.4  習(xí)題第3章  網(wǎng)頁元素設(shè)計　3.1  建立站點　　3.1.1  站點的創(chuàng)建　　3.1.2  頁面設(shè)置　　3.1.3  創(chuàng)建站點實戰(zhàn)演練　3.2  文本處理　　3.2.1  插入文本　　3.2.2  設(shè)置文本格式　　3.2.3  鏈接　　3.2.4  項目列表　　3.2.5  文本頁面制作實戰(zhàn)演練　3.3  圖像處理　　3.3.1  插入圖像　　3.3.2  設(shè)置圖像的屬性　　3.3.3  圖像的鏈接　　3.3.4  圖像的熱區(qū)　　3.3.5  圖像高級設(shè)置　　3.3.6  網(wǎng)絡(luò)相冊頁面制作實戰(zhàn)演練　3.4  多媒體元素處理　　3.4.1  插入Flash動畫　　3.4.2  插入Flash按鈕　　3.4.3  插入Flash文本　　3.4.4  插入其他多媒體元素　　3.4.5  為網(wǎng)頁加入聲音實戰(zhàn)演練　　3.4.6  Flash圖像查看器制作實戰(zhàn)演練　3.5  習(xí)題第4章  表格布局技術(shù)　4.1  普通表格布局技術(shù)　　4.1.1  表格的創(chuàng)建　　4.1.2  表格的基本操作　　4.1.3  表格的屬性設(shè)置　　4.1.4  嵌套表格　4.2  繪制特殊表格　　4.2.1  繪制細線邊框表格　　4.2.2  繪制立體表格　　4.2.3  繪制圓角表格　4.3  表格布局技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用　　4.3.1  某計算機技術(shù)網(wǎng)站頁面制作實戰(zhàn)演練　　4.3.2  制作音樂網(wǎng)站實戰(zhàn)演練　4.4  習(xí)題第5章  Div元素和行為　……第6章  框架布局技術(shù)和模板技術(shù)第7章  CSS樣式第8章  網(wǎng)頁表單技術(shù)第9章  網(wǎng)站制作實戰(zhàn)演練參考文獻

章節(jié)摘錄

　　第2章　網(wǎng)頁界面設(shè)計　　2.1　對網(wǎng)頁設(shè)計的理解　　界面設(shè)計是一個復(fù)雜的有不同學(xué)科參與的工程，認知心理學(xué)、設(shè)計學(xué)、語言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負擔；保持界面的一致性?！　【W(wǎng)頁界面是人機交互的信息界面。交互是結(jié)合計算機科學(xué)、美學(xué)、心理學(xué)、人機工程學(xué)等工業(yè)和商業(yè)領(lǐng)域的行為，其目標是優(yōu)化信息與通信系統(tǒng)以滿足用戶的需要。由于現(xiàn)今交互越來越多地考慮人的因素，因而行為和構(gòu)造就成為用戶界面開發(fā)過程的兩個重要部分，即交互設(shè)計和界面設(shè)計?！　?.1.1　網(wǎng)頁界面設(shè)計概述　　隨著網(wǎng)絡(luò)技術(shù)與瀏覽器的不斷發(fā)展，網(wǎng)頁界面設(shè)計的內(nèi)容與形式也在一直地變化。但是作為一門與視覺傳達設(shè)計密切相關(guān)，并且具有功能性的設(shè)計藝術(shù)，它始終必須遵循一定的設(shè)計規(guī)則，即形式與功能的統(tǒng)一和協(xié)調(diào)，以及藝術(shù)與技術(shù)的高度統(tǒng)一。從最簡單的純文本界面到如今色彩絢麗的多媒體界面，網(wǎng)頁設(shè)計經(jīng)過短短十幾年的發(fā)展，已在世界各地產(chǎn)生了廣泛的影響，形成了一門富有挑戰(zhàn)和創(chuàng)新的學(xué)問?！　?.網(wǎng)頁界面藝術(shù)設(shè)計的內(nèi)容與原則　　設(shè)計活動中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁主題之后，首先要明確和熟悉設(shè)計的對象和構(gòu)成的要素。網(wǎng)頁界面藝術(shù)設(shè)計涉及的具體內(nèi)容很多，可以概括為視聽元素和版式設(shè)計兩個方面。　　……

編輯推薦

　　全面展示Dreamweaver CS3的網(wǎng)頁設(shè)計與制作功能，注重培養(yǎng)實際應(yīng)用能力；采用“基礎(chǔ)知識＋實戰(zhàn)演練”的模式，強調(diào)技能訓(xùn)練。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計與制作實例教程 PDF格式下載

---