HTML網(wǎng)頁設(shè)計案例指導(dǎo)

前言

　　當(dāng)今所見即所得的網(wǎng)頁編輯器充斥了整個世界，人們似乎不再需要學(xué)習(xí)HTML語言了，一個會使用Word的人員在很短的時間內(nèi)就可以做一個很好的網(wǎng)站。但是作為一個真正的網(wǎng)頁制作愛好者，不學(xué)習(xí)HTML語言又是很不現(xiàn)實的。動態(tài)網(wǎng)頁技術(shù)已成為網(wǎng)頁設(shè)計的新潮，而該技術(shù)則是由HTML、CSS、DOM和JavaScript等技術(shù)相結(jié)合，而CSS技術(shù)的基礎(chǔ)也是HTML標(biāo)記語言?！　≡赪eb標(biāo)準(zhǔn)中，HTML/XHTML負(fù)責(zé)頁面結(jié)構(gòu)，CSS負(fù)責(zé)樣式表現(xiàn)，JavaScript負(fù)責(zé)動態(tài)行為。本書集合這3種技術(shù)帶初學(xué)者入門，使之更輕松地掌握網(wǎng)頁設(shè)計技術(shù)。本書要求讀者邊學(xué)習(xí)邊實踐操作，每一節(jié)都有實例供讀者參考，避免學(xué)習(xí)的知識流于表面、限于理論。不僅如此，本書還安排了3個綜合實例，使讀者學(xué)習(xí)的知識可以馬上應(yīng)用于實踐中?！　∪珪凑諏W(xué)習(xí)進(jìn)程分為3大部分內(nèi)容，詳細(xì)介紹了HTML進(jìn)行網(wǎng)頁制作的相關(guān)技術(shù)，其中第一部分為第1章到第10章，為HTML基本技術(shù)部分，該部分包含了使用HTML編寫有效網(wǎng)頁需要了解的所有知識，包括基本標(biāo)簽、文本格式化標(biāo)簽、HTML與其他內(nèi)容的鏈接及框架、表格、表單、圖像、多媒體等知識點。該部分知識被分為容易理解的塊，每章中包含多個循序漸進(jìn)的范例，以便閱讀者實際操作學(xué)到的理論知識?！　〉诙糠謴牡?1章到第14章，主要講解與HTML相關(guān)的其他網(wǎng)頁制作技術(shù)，以及與HTML的結(jié)合使用，內(nèi)容包括JavaScript技術(shù)、CSS技術(shù)、XHTML和DHTML等技術(shù)的運(yùn)用。在這部分中，第11章講解了JavaScript程序的基本概念，從最基礎(chǔ)和程序語法開始學(xué)習(xí)，使讀者輕松地融入編程環(huán)境中；第12章講解了CSS的基礎(chǔ)、與HTML的結(jié)合應(yīng)用及用CSS制作多媒體特效的方法，并用實例示范了CSS在網(wǎng)頁布局、修飾中的巨大作用；第13章講解了XHTML的基礎(chǔ)、與HTML的區(qū)別；第14章講解了DHTML的基礎(chǔ)及用DHTML制作網(wǎng)頁特效的技術(shù)。　　第三部分是第15章和第16章，為綜合實例部分，該部分內(nèi)容綜合利用了前面章節(jié)介紹過的HTML及其相關(guān)技術(shù)實現(xiàn)了房屋中介網(wǎng)站和寵物網(wǎng)站的功能，以達(dá)到理論與實踐相結(jié)合、學(xué)以致用的目的?！　”緯粌H包含了網(wǎng)頁設(shè)計的各種概念和理論知識，而且對多種知識的綜合運(yùn)用進(jìn)行了講解。在講解的過程中安排了大量的實例，并對每個實例按照代碼編號進(jìn)行了詳細(xì)的注釋和講解。本書適用于網(wǎng)頁初學(xué)者，可作為培訓(xùn)學(xué)校的培訓(xùn)教材，也可供想要把網(wǎng)頁做得更好的廣大普通網(wǎng)頁制作愛好者學(xué)習(xí)，以及從事網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的專業(yè)人士參考?！　”緯煞綇?qiáng)、李靜、蘇建軍編著，由于圖書編者水平有限，書中還存在一些紕漏，希望通過和廣大的讀者進(jìn)行交流來解決，以使得本書在再版時更為完美。

內(nèi)容概要

　　HTML、CSS及JavaScript是任何高級網(wǎng)頁制作技術(shù)的核心與基礎(chǔ)。其中，HTML是Web頁面的描述性語言，無論是在Web上發(fā)布信息，還是編寫可供交互的程序，都離不開HTML語言的應(yīng)用?！　”緯?6章，介紹了HTML構(gòu)建網(wǎng)頁的相關(guān)技術(shù)，內(nèi)容包括HTML文本、圖像、鏈接、列表、表格、表單、多媒體等網(wǎng)頁元素的創(chuàng)建，JavaScript腳本、CSS樣式表、XHTML技術(shù)和DHTML技術(shù)的應(yīng)用，并通過房屋中介網(wǎng)站和寵物網(wǎng)站介紹了HTML技術(shù)的具體應(yīng)用?！　”緯驖u進(jìn)地講述了網(wǎng)頁前臺技術(shù)，從基本概念到具體實踐，從頁面結(jié)構(gòu)建設(shè)到頁面布局，從頁面元素美化到程序控制的動態(tài)網(wǎng)頁都進(jìn)行了詳細(xì)的闡述，并進(jìn)行了細(xì)致的實例講解。本書適用于網(wǎng)頁初學(xué)者，可作為培訓(xùn)學(xué)校的培訓(xùn)教材，也可供想要把網(wǎng)頁做得更好的廣大普通網(wǎng)頁制作愛好者學(xué)習(xí)，以及從事網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的專業(yè)人士參考。

書籍目錄

第1章  網(wǎng)頁設(shè)計基礎(chǔ)　1.1  網(wǎng)頁制作概述　　1.1.1  網(wǎng)頁的元素　　1.1.2  網(wǎng)頁的技術(shù)　1.2  HTML開發(fā)環(huán)境Dreamweaver　　1.2.1  安裝、啟動、退出軟件　　1.2.2  工作區(qū)簡介　　1.2.3  文檔窗口　　1.2.4  工具欄、檢查器、上下文菜單及面板　　1.2.5  管理站點　1.3  Dreamweaver應(yīng)用　　1.3.1  Dreamweaver新建文檔　　1.3.2  Dreamweaver管理CSS樣式　　1.3.3  Dreamweaver數(shù)據(jù)庫應(yīng)用第2章  HTML基本標(biāo)簽　2.1  HTML基本標(biāo)簽　　2.1.1  文檔標(biāo)簽　　2.1.2  頭部標(biāo)簽　　2.1.3  主體標(biāo)簽　2.2  字體屬性標(biāo)簽　　2.2.1  標(biāo)題文字標(biāo)簽　　2.2.2  文字格式控制標(biāo)簽　　2.2.3  特定文字標(biāo)簽　2.3  換行符標(biāo)簽　2.4  HTML注釋標(biāo)簽　2.5  署名標(biāo)簽　2.6  段落標(biāo)簽　2.7  居中對齊標(biāo)簽　2.8  原樣顯示文字標(biāo)簽　2.9  縮排標(biāo)簽　2.10  水平線標(biāo)簽第3章  HTML文本格式化　3.1  文本格式化標(biāo)簽　　3.1.1  粗體標(biāo)簽　　3.1.2  大字號標(biāo)簽　　3.1.3  著重文字標(biāo)簽　　3.1.4  斜體字標(biāo)簽　　3.1.5  小字號標(biāo)簽　　3.1.6  強(qiáng)調(diào)文字標(biāo)簽　　3.1.7  下標(biāo)字標(biāo)簽　　3.1.8  上標(biāo)字標(biāo)簽　　3.1.9  插入字標(biāo)簽　　3.1.10  刪除字標(biāo)簽　3.2  輸出標(biāo)簽　　3.2.1  計算機(jī)代碼標(biāo)簽　　3.2.2  鍵盤輸入文字標(biāo)簽　　3.2.3  計算機(jī)代碼樣本標(biāo)簽　　3.2.4  打字機(jī)標(biāo)簽　　3.2.5  變量標(biāo)簽　3.3  引用和術(shù)語定義標(biāo)簽　　3.3.1  縮寫標(biāo)簽　　3.3.2  首字母縮寫標(biāo)簽　　3.3.3  文字方向標(biāo)簽　　3.3.4  短的引用標(biāo)簽　　3.3.5  引用標(biāo)簽　　3.3.6  定義項目標(biāo)簽　3.4  HTML字符實體第4章  HTML鏈接　4.1  鏈接的基本知識　　4.1.1  超鏈接　　4.1.2  絕對路徑與相對路徑　4.2  鏈接標(biāo)簽　　4.2.1  target屬性　　4.2.2  name屬性　4.3  鏈接分類　　4.3.1  內(nèi)部鏈接　　4.3.2  外部鏈接　　4.3.3  郵件鏈接　　4.3.4  腳本鏈接　　4.3.5  空鏈接第5章  框架　5.1  什么是框架　5.2  框架標(biāo)簽frame　　5.2.1  對象源文件屬性src　　5.2.2  框架名稱屬性name　　5.2.3  框架邊框?qū)傩詅rameborder　　5.2.4  框架邊距屬性marginheight和marginwidth　　5.2.5  縮放框架屬性noresize　　5.2.6  框架滾動條屬性scrolling　　5.2.7  框架邊框顏色屬性bordercolor　5.3  框架集標(biāo)簽frameset　　5.3.1  上下分割窗口屬性rows　　5.3.2  左右分割窗口屬性cols　5.4  浮動框架iframe　　5.4.1  對象寬度和高度屬性width、height　　5.4.2  浮動框架對齊屬性align第6章  表格　6.1  表格實例　6.2  表格標(biāo)簽　　6.2.1  邊框?qū)傩浴　?.2.2  邊框顏色屬性、亮邊框顏色屬性、暗邊框顏色屬性　　6.2.3  寬度和高度屬性　　6.2.4  背景顏色屬性　　6.2.5  背景圖像屬性　　　　6.2.6  單元格間距屬性　　6.2.7  表格的水平對齊屬性　6.3  表格標(biāo)題標(biāo)簽　　6.3.1  水平對齊屬性　　6.3.2  垂直對齊屬性　6.4  行標(biāo)簽　6.5  表格表頭標(biāo)簽和單元格標(biāo)簽　　6.5.1  背景顏色屬性　　6.5.2  跨行屬性與跨列屬性　6.6  表格嵌套第7章  列表　7.1  有序列表標(biāo)簽　　7.1.1  列表項　　7.1.2  類型屬性　　7.1.3  起始屬性　7.2  無序列表標(biāo)簽　　7.2.1  無序列表標(biāo)簽　　7.2.2  目錄列表標(biāo)簽　　7.2.3  菜單列表標(biāo)簽　　7.2.4  類型屬性　7.3  定義列表標(biāo)簽　7.4  列表的嵌套第8章  表單　8.1  什么是表單　8.2  表單標(biāo)簽　　8.2.1  action屬性　　8.2.2  target屬性　　8.2.3  name屬性　　8.2.4  enctype屬性　　8.2.5  method屬性　8.3  輸入標(biāo)簽　　8.3.1  提交按鈕submit　　8.3.2  重置按鈕reset　　8.3.3  單行文本域text　　8.3.4  密碼域passowrd　　8.3.5  隱藏域hidden　　8.3.6  單選按鈕radio　　8.3.7  復(fù)選框checkbox　　8.3.8  普通按鈕button　　8.3.9  文件域file　　8.3.10  圖像域image　　8.3.11  多行文本域

章節(jié)摘錄

　　第1章　網(wǎng)頁設(shè)計基礎(chǔ)　　網(wǎng)頁是構(gòu)建Web（World Wide web萬維網(wǎng)的簡稱）的基本單位，其實質(zhì)是存放在因特網(wǎng)中Web服務(wù)器上的一個文件，或者說是一個web文檔。網(wǎng)頁的表現(xiàn)形式就是瀏覽器上的一幅幅畫面。將內(nèi)容或邏輯上相關(guān)的一系列網(wǎng)頁通過超鏈接連接起來，就可以構(gòu)成網(wǎng)站。一個網(wǎng)站的起始網(wǎng)頁通常被稱為“主頁”，標(biāo)志一個網(wǎng)站的開始。網(wǎng)頁分為兩種：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁由HTML（超文本標(biāo)記語言）生成，在這類網(wǎng)頁中可以添加各種實際的內(nèi)容，如文字、圖像、Flash動畫、多媒體文件等，但是靜態(tài)網(wǎng)頁只供瀏覽者瀏覽，對于所有瀏覽者來說其內(nèi)容是固定的。動態(tài)網(wǎng)頁可以實現(xiàn)客戶端與服務(wù)器的交互，網(wǎng)頁內(nèi)容隨不同用戶、不同的訪問需求而發(fā)生變化，網(wǎng)頁中不僅包含HTML代碼，同時包含在Web服務(wù)器端執(zhí)行的腳本程序代碼，例如注冊網(wǎng)頁、信息查詢網(wǎng)頁、留言論壇網(wǎng)頁等。在本章將介紹網(wǎng)頁設(shè)計的基礎(chǔ)知識，以及網(wǎng)頁開發(fā)工具Dreamweaver。　　技術(shù)要點：網(wǎng)頁的元素、網(wǎng)頁的相關(guān)技術(shù)、HTML開發(fā)環(huán)境Dreamweaver和Dreamweaver的簡單應(yīng)用（包括新建Dreamweaver文件、Dreamweaver管理CSS樣式、Dreamweaver數(shù)據(jù)庫應(yīng)用）。　　學(xué)習(xí)目標(biāo)：熟悉各種網(wǎng)頁元素、了解網(wǎng)頁設(shè)計的相關(guān)技術(shù)、認(rèn)識HTML開發(fā)工具Dreamweaver，并掌握一些Dreamweaver的應(yīng)用，即新建Dreamweaver文件、Dreamweaver管理CSS樣式、Dreamweaver數(shù)據(jù)庫應(yīng)用等?！　【W(wǎng)頁制作基本流程一般可以分為3步：準(zhǔn)備（構(gòu)思網(wǎng)頁主題，搜集素材，規(guī)劃內(nèi)容）；制作（利用各種網(wǎng)頁制作工具，制作網(wǎng)頁）；維護(hù)（網(wǎng)頁制作完成后，根據(jù)需要進(jìn)行更新與維護(hù)）。對于制作網(wǎng)頁，可以編寫HTML源代碼，也可以使用專門的網(wǎng)頁制作工具軟件來實現(xiàn)。這一節(jié)將介紹網(wǎng)頁的基本元素，以及與其相關(guān)的一些技術(shù)。

編輯推薦

　　精品升級：暢銷圖書優(yōu)化升級，更加符合學(xué)習(xí)需要?！　∽x者定位：對網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計有興趣愛好的初學(xué)者?！　》独S富：以大量實戰(zhàn)范例深入解析常用知識點?！　“W(wǎng)站建設(shè)和網(wǎng)頁設(shè)計常見的每一個技術(shù)，每一個技術(shù)知識點?！　∶恳粋€技術(shù)知識點都配備一個相關(guān)的案例進(jìn)行講解?！　∶恳粋€案例都要求先講解實現(xiàn)方法和實現(xiàn)效果，然后再講解實現(xiàn)技術(shù)和過程。　　每一個案例都必須是有界面演示的．也就是說必須是有形的，讀者可以看到的。　　每一個知識點一定和案例是對應(yīng)的，知識點和案例一定是1對多或者1對1的關(guān)系?！　∶恳粋€案例的界面或者使用過程一定是某個使用系統(tǒng)中存在的．或者已經(jīng)出現(xiàn)的簡化效果或者實際效果。不允許出現(xiàn)沒頭沒尾的案例。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    HTML網(wǎng)頁設(shè)計案例指導(dǎo) PDF格式下載

---