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

前言

隨著互聯(lián)網(wǎng)的發(fā)展和普及，網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)技術(shù)逐漸成為一項重要的知識技能。大到開發(fā)大型的Web應(yīng)用程序，小到制作個人網(wǎng)站甚至是個人博客，都需要網(wǎng)頁設(shè)計的知識。而網(wǎng)頁設(shè)計與制作技術(shù)正處于不斷的發(fā)展過程中，如今，基于Web標準的網(wǎng)頁設(shè)計方法已經(jīng)逐漸取代了表格布局的傳統(tǒng)方法。目前很多網(wǎng)站已經(jīng)應(yīng)用Web標準對網(wǎng)站進行重構(gòu)，許多網(wǎng)頁設(shè)計師開始學習并應(yīng)用Web標準。這就要求改變傳統(tǒng)的網(wǎng)頁設(shè)計的學習內(nèi)容和方法，而基于Web標準的網(wǎng)頁設(shè)計技術(shù)的學習內(nèi)容強調(diào)對HTML和CSS代碼知識的掌握，對學習者提出了更高的要求。本書為網(wǎng)頁設(shè)計的初級和中級讀者編寫，從零開始，由淺入深，全面介紹：DIV+CSS網(wǎng)頁設(shè)計方法的常用知識點。知識點的介紹采用實例驅(qū)動的方法，根據(jù)編者多年的教學實踐經(jīng)驗，精心準備了大量的實例貫穿整個介紹過程，讓讀者既能形象地掌握各知識點的基礎(chǔ)知識，又能迅速了解各知識點的具體應(yīng)用方法，從而能夠活學活用、舉一反三。本書不包括美工方面的內(nèi)容，美工方面的內(nèi)容可以在讀者對網(wǎng)頁設(shè)計的基礎(chǔ)知識了解后再進行學習。本書具有以下特點。（1）學習內(nèi)容的綜合性強。網(wǎng)頁設(shè)計的綜合性很強，需要學習的知識點很多。例如，網(wǎng)頁設(shè)計的三劍客每個都可以寫一本書。為了能讓讀者在一本書中掌握設(shè)計網(wǎng)頁所需要了解的基本知識，使讀者通過本書學習設(shè)計出專業(yè)的網(wǎng)頁，書中內(nèi)容注重知識的綜合應(yīng)用。特別是最后一章的網(wǎng)頁設(shè)計實例，把全書前面各章的內(nèi)容都綜合展示了出來。（2）實例驅(qū)動的知識講解方法。書中每個知識點的講解都從實例開始，先介紹實例實現(xiàn)的功能和網(wǎng)頁效果，然后介紹實例的實現(xiàn)方法，最后再總結(jié)實例中涉及的知識點。這種實例的講解方式，可以讓讀者更容易接受，學習效果也更好。

內(nèi)容概要

本書遵循Web標準，系統(tǒng)介紹應(yīng)用HTML和CSS兩個網(wǎng)頁設(shè)計標準設(shè)計網(wǎng)頁的知識和技巧，并介紹網(wǎng)頁制作常用的軟件。本書分為4篇：HTML篇、CSS基礎(chǔ)篇、CSS布局篇和提高篇。HTML篇介紹HTML標記及網(wǎng)頁相關(guān)基礎(chǔ)知識；CSS基礎(chǔ)篇介紹CSS的基本思想、CSS的簡單應(yīng)用實例；CSS布局篇集中介紹用CSS+DIV的網(wǎng)頁布局方法；提高篇介紹網(wǎng)頁設(shè)計中需要使用的軟件Fireworks和Flash，以及網(wǎng)頁設(shè)計中常用的Javascript技術(shù)，最后一章為一個綜合實例，用一個完整的例子展示了設(shè)計一個專業(yè)網(wǎng)頁的全過程。    本書按照實例驅(qū)動的方式編寫，每個知識點的學習以實例的形式進行講解，便于讀者理解。本書內(nèi)容循序漸進、深入淺出，強調(diào)網(wǎng)頁設(shè)計的規(guī)范化，通過本書學習可以使讀者掌握基于Web標準的網(wǎng)頁制作方法。    本書可作為高等院校各專業(yè)“網(wǎng)頁設(shè)計與制作”課程的教材，也可供網(wǎng)頁設(shè)計、制作和開發(fā)人員參考使用。

書籍目錄

第1篇　HTML篇　第1章　網(wǎng)頁設(shè)計概述　　1.1　基礎(chǔ)知識　　　1.1.1　網(wǎng)頁和網(wǎng)站　　　1.1.2　瀏覽器和服務(wù)器　　　1.1.3　網(wǎng)頁的基本元素　　　1.1.4　靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁　　1.2　Web標準　　　1.2.1　對標準的理解　　　1.2.2　Web標準：結(jié)構(gòu)、表現(xiàn)和行為　　1.3　網(wǎng)站整體制作流程　　　1.3.1　前期策劃　　　1.3.2　頁面細化及實施　　　1.3.3　后期維護　　1.4　靜態(tài)頁面制作流程　　1.5　影響設(shè)計的技術(shù)因素　　本章小結(jié)　　習題　第2章　HTML基礎(chǔ)　　2.1　第一個HTML頁面　　2.2　標準HTML件結(jié)構(gòu)　　2.3　HTML文本標記　　　2.3.1　分段與換行　　　2.3.2　設(shè)置標題　　　2.3.3　設(shè)置文字水平居中　　2.4　文字列表　　　2.4.1　有序列表標記　　　2.4.2　無序列表標記　　2.5　HTML屬性　　　2.5.1　align屬性　　　2.5.2　bgcolor屬性　　2.6　特殊字符的表示方法　　2.7　滾動字幕　　2.8　輔助：利用Dreamweaver設(shè)置文本　　本章小結(jié)　　習題　第3章　圖片　　3.1　圖片格式　　3.2　在網(wǎng)頁中使用圖片　　3.3　圖片路徑　　3.4　輔助：利用Dreamweaver設(shè)置圖片　　　3.4.1　插入圖片　　　S.4.2　設(shè)置圖片屬性　　本章小結(jié)　　習題　第4章　超鏈接　　4.1　設(shè)置文字鏈接　　4.2　target和title屬性　　4.3　設(shè)置錨點鏈接　　4.4　圖片超鏈接　　4.5　創(chuàng)建熱點區(qū)域　　　4.5.1　用HTML建立熱點區(qū)域　　　4.5.2　輔助：利用Dreamweaver設(shè)置熱點區(qū)域　　本章小結(jié)　　習題　第5章　表格　　5.1　表格的基本結(jié)構(gòu)　　5.2　表格屬性　　　5.2.1　表格的寬和高　　　5.2.2　表格對齊方式　　　5.2.3　表格邊框　　　5.2.4　背景顏色與背景圖像　　　5.2.5　單元格的間距與邊距　　　5.2.6　合并單元格　　5.3　表格的結(jié)構(gòu)標記　　5.4　表格布局實例　　本章小結(jié)　　習題　第6章　框架　　6.1　創(chuàng)建框架和框架集　　6.2　框架頁面中鏈接的打開方式　　6.3　定義嵌入式框架　本章小結(jié)　習題　……第2篇　CSS基礎(chǔ)篇第3篇　CSS布局篇第4篇　提高篇參考文獻

章節(jié)摘錄

插圖：文本和圖片：是網(wǎng)頁的基本元素，最樸素的網(wǎng)頁也需要有文字或圖片來表達它的內(nèi)容。超鏈接：又分為“文字鏈接”和“圖片鏈接”，只要瀏覽者單擊帶鏈接的文字或圖片，就可以自動鏈接上對應(yīng)的其他文件，這樣才讓浩如煙海的網(wǎng)頁能連接成一個整體，這也正是網(wǎng)絡(luò)的魅力所在。動畫：又分為兩種，一種是GIF格式的動畫，一種是Flash格式的動畫?；顒拥膬?nèi)容總是比靜止的要吸引人的注意力，所以精彩的動畫讓網(wǎng)頁變得更加魅力四射。表單：是一種可以在瀏覽者與服務(wù)器之間進行信息“交流”的工具，使用表單可以完成用戶注冊、搜索、論壇、發(fā)送電子郵件等交互功能。音／視頻：隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)站上面已經(jīng)不再僅僅是單調(diào)的MIDI背景音樂，而豐富多彩的網(wǎng)絡(luò)電視、網(wǎng)絡(luò)音樂等已經(jīng)開始成為網(wǎng)絡(luò)新潮流。靜態(tài)網(wǎng)頁就是純粹的HTML頁面，網(wǎng)頁的內(nèi)容是固定的、不變的。網(wǎng)頁一經(jīng)編寫完成，其顯示效果就確定了。動態(tài)網(wǎng)頁是內(nèi)容根據(jù)具體情況變化的網(wǎng)頁，它一般根據(jù)網(wǎng)頁的輸人參數(shù)和數(shù)據(jù)庫中內(nèi)容的變化而變化。前面所講網(wǎng)頁元素表單即是為實現(xiàn)動態(tài)網(wǎng)頁而設(shè)計的。如果在某位用戶登錄后，要出現(xiàn)一個網(wǎng)頁，顯示“你好，用戶”，如張三登錄后可以看到一個網(wǎng)頁顯示“你好，張三”，而李四登錄后見到的內(nèi)容是“你好，李四”。如果要滿足上面的要求，需要做兩個靜態(tài)頁面，但如果有1萬個用戶甚至10萬個用戶的時候，顯然不可能提前做好那么多的頁面，這就需要應(yīng)用動態(tài)頁面技術(shù)來實現(xiàn)這樣的功能。靜態(tài)頁面技術(shù)是動態(tài)頁面技術(shù)的基礎(chǔ)，本書主要介紹靜態(tài)頁面的設(shè)計方法，為了給讀者學習動態(tài)頁面設(shè)計技術(shù)打下基礎(chǔ)，本書注重介紹靜態(tài)頁面的程序代碼，因為動態(tài)頁面技術(shù)需要設(shè)計者能夠從代碼角度理解網(wǎng)頁。

編輯推薦

《網(wǎng)頁設(shè)計實例教程》：原理與技術(shù)的完美結(jié)合，教學與科研的最新成果，語言精練，實例豐富，可操作性強，實用性突出。

圖書封面

評論、評分、閱讀與下載

---

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

---