腦動(dòng)力

前言

　　網(wǎng)絡(luò)技術(shù)的日新月異，給人們帶來(lái)了極大的方便，每天都有數(shù)萬(wàn)個(gè)新網(wǎng)頁(yè)發(fā)布到Internet上，這些網(wǎng)頁(yè)和已有的大量網(wǎng)頁(yè)一樣，都必須使用HTML（超文本標(biāo)記語(yǔ)言）來(lái)實(shí)現(xiàn)，為了更美觀，我們的網(wǎng)頁(yè)也離不開(kāi)CSS?！　槭裁匆獙W(xué)習(xí)HTML+CSS　　HTML是Web頁(yè)面的描述性語(yǔ)言，是所有網(wǎng)頁(yè)制作技術(shù)的核心和基礎(chǔ)，也是每個(gè)網(wǎng)頁(yè)制作者必須掌握的基本知識(shí)。然而有很多初學(xué)者在開(kāi)始學(xué)習(xí)制作網(wǎng)頁(yè)時(shí)，大多使用了現(xiàn)有的網(wǎng)頁(yè)制作軟件提供的可視化編輯功能，不重視對(duì)HTML語(yǔ)言的理解，沒(méi)有能夠真正理解HTML標(biāo)簽的詳細(xì)用法，以至于在后來(lái)的實(shí)踐中走了很多彎路，制作的網(wǎng)頁(yè)也不夠理想?！　∈褂肏TML制作簡(jiǎn)單的網(wǎng)頁(yè)是完全可以實(shí)現(xiàn)的，但是為了使網(wǎng)頁(yè)更加美觀，使其能夠吸引更多的瀏覽者，同時(shí)使代碼具有更高的簡(jiǎn)潔性和重用性，還需要使用CSS技術(shù)。CSS（CascadingStyleSheet，層疊樣式表）是一個(gè)排版樣式標(biāo)準(zhǔn)，它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)指針移上去后字變成紅色的且有下畫(huà)線，這就是一種風(fēng)格。通過(guò)設(shè)立樣式表，可以統(tǒng)一控制HMTL中各標(biāo)志的顯示屬性。CSS可以使人更有效地控制網(wǎng)頁(yè)外觀，精確指定網(wǎng)頁(yè)元素位置及創(chuàng)建特殊效果?！　TML和CSS技術(shù)是網(wǎng)頁(yè)設(shè)計(jì)的核心，有很多標(biāo)簽和屬性。不管是初學(xué)者還是網(wǎng)頁(yè)制作的專業(yè)人員，都需要一本比較全面的HTML+CSS指令書(shū)籍，作為學(xué)習(xí)和日常工作的參考書(shū)，這也是筆者編寫(xiě)本書(shū)的目的?！　”緯?shū)的特點(diǎn)　　本書(shū)內(nèi)容從網(wǎng)頁(yè)制作的角度出發(fā)，以網(wǎng)頁(yè)必備元素開(kāi)始，詳細(xì)講解了HTML和CSS標(biāo)簽、屬性的語(yǔ)法，并且用大量范例說(shuō)明各標(biāo)簽和屬性的使用方法和技巧，從而幫助讀者加深理解?！　?．指令全面、完整　　本書(shū)講解了HTML和CSS所有被瀏覽器支持的標(biāo)簽和屬性?！　?．豐富的典型示例　　書(shū)中指令都給出了可用于實(shí)際工作的典型示例，每個(gè)示例都給出了詳細(xì)的代碼。　　3．遵循標(biāo)準(zhǔn)　　本書(shū)所有代碼和實(shí)例都遵循W3C發(fā)布的Web標(biāo)準(zhǔn)?！　∈褂谜f(shuō)明　　本書(shū)中按照每個(gè)標(biāo)簽和屬性的語(yǔ)法、功能介紹、選項(xiàng)說(shuō)明、參數(shù)說(shuō)明、經(jīng)驗(yàn)技巧、示例和相關(guān)指令的順序進(jìn)行講解。如果某項(xiàng)內(nèi)容未給出，則表示本指令沒(méi)有相關(guān)內(nèi)容?！　≌Z(yǔ)法：指令的語(yǔ)法說(shuō)明?！　」δ芙榻B：介紹指令的常用功能?！　∵x項(xiàng)說(shuō)明：介紹指令的常用選項(xiàng)。如果指令介紹中沒(méi)有出現(xiàn)該項(xiàng)，表示該指令沒(méi)有任何選項(xiàng)。　　參數(shù)說(shuō)明：介紹指令的常用參數(shù)。如果指令介紹中沒(méi)有出現(xiàn)該項(xiàng)，表示該指令沒(méi)有任何參數(shù)?！　〗?jīng)驗(yàn)技巧：介紹實(shí)際操作中的經(jīng)驗(yàn)與技巧。　　示例：指令上機(jī)操作的實(shí)例。　　相關(guān)指令：給出與本指令功能相關(guān)的其他指令。如果指令介紹中沒(méi)有出現(xiàn)該項(xiàng)，表示該指令沒(méi)有任何相關(guān)的指令。　　適合的讀者　　網(wǎng)頁(yè)制作的初學(xué)者　　網(wǎng)頁(yè)設(shè)計(jì)的愛(ài)好者　　專業(yè)的網(wǎng)頁(yè)制作人員　　大中專院校的學(xué)生　　個(gè)人站點(diǎn)的制作者　　本書(shū)作者　　本書(shū)由劉麗霞和北京大學(xué)的劉晉偉共同編寫(xiě)完成，如果有不足之處，懇請(qǐng)讀者批評(píng)指正?！　【幷?/pre>


內(nèi)容概要
　　HTML是所有網(wǎng)頁(yè)制作技術(shù)的核心和基礎(chǔ)，也是每個(gè)網(wǎng)頁(yè)制作者必須掌握的基本知識(shí)。CSS是用于控制網(wǎng)頁(yè)內(nèi)容顯示效果的一種標(biāo)記語(yǔ)言，可以制作更美觀的頁(yè)面。兩者在網(wǎng)頁(yè)設(shè)計(jì)中不可或缺。
　　《腦動(dòng)力：HTML+CSS標(biāo)簽速查效率手冊(cè)》共分18章，前10章主要介紹了HTML標(biāo)簽和相關(guān)屬性，包括文字、排版、列表、超鏈接、多媒體、表格、表單、框架等知識(shí)點(diǎn)。后8章介紹了CSS屬性的詳細(xì)用法和示例代碼，包括文本顯示、列表顯示、鏈接顯示、文字背景、元素定位濾鏡等知識(shí)點(diǎn)。



書(shū)籍目錄
第1章 理解HTML
　1.1 HTML的基本概念
　　1.1.1 HTML簡(jiǎn)介
　　1.1.2 了解HTML代碼
　1.2 編輯HTML代碼
　　1.2.1 使用記事本編輯
　　1.2.2 Dreamweaver中的HTML編輯窗口
　1.3 使用Dreamweaver編寫(xiě)HTML代碼
　　1.3.1 使用代碼窗口編寫(xiě)HTML代碼
　　1.3.2 使用標(biāo)簽選擇器和標(biāo)簽編輯器
　　1.3.3 使用代碼提示功能
　　1.3.4 使用查找和替換功能
　　1.3.5 優(yōu)化HTML編碼
第2章 網(wǎng)頁(yè)的基本標(biāo)簽
　2.1 結(jié)構(gòu)標(biāo)簽——＜html＞
　2.2 頁(yè)面頭部標(biāo)簽——＜head＞
　2.3 頁(yè)面標(biāo)題——＜title＞
　2.4 頁(yè)面的主體標(biāo)簽——＜body＞
　　2.4.1 頁(yè)面背景色——bgcolor
　　2.4.2 文字顏色——text
　　2.4.3 背景圖片——background
　　2.4.4 鏈接文字——link
　　2.4.5 頁(yè)面邊距——margin
　2.5 元信息標(biāo)簽——＜meta＞
　　2.5.1 設(shè)置網(wǎng)頁(yè)編碼信息
　　2.5.2 設(shè)置網(wǎng)頁(yè)的定時(shí)跳轉(zhuǎn)
　　2.5.3 設(shè)定網(wǎng)頁(yè)緩存過(guò)期時(shí)間
　　2.5.4 禁止從緩存中調(diào)用
　　2.5.5 刪除過(guò)期的cookie
　　2.5.6 強(qiáng)制打開(kāi)新窗口
　　2.5.7 設(shè)置網(wǎng)頁(yè)的過(guò)渡效果
　　2.5.8 定義頁(yè)面關(guān)鍵字
　　2.5.9 設(shè)置頁(yè)面描述
　　2.5.10 設(shè)置編輯工具
　　2.5.11 設(shè)定作者信息
　　2.5.12 限制搜索方式
第3章 排版標(biāo)簽
　3.1 頁(yè)面注釋——＜！——＞
　3.2 段落——＜p＞
　3.3 換行——＜br＞
　3.4 水平線
　　3.4.1 水平線——＜hr＞
　　3.4.2 水平線寬度與高度屬性——width、size
　　3.4.3 水平線的顏色——color
　　3.4.4 水平線的對(duì)齊方式——align
　　3.4.5 去掉水平線陰影——noshade
　3.5 居中標(biāo)簽——＜center＞
　3.6 預(yù)設(shè)標(biāo)簽——＜pre＞
　3.7 不拆行——＜nobr＞
　3.8 向右縮——＜blockquote＞
　3.9 層標(biāo)簽——＜div＞
第4章 頁(yè)面文字
　4.1 標(biāo)題文字——＜h＞
　4.2 文字格式
　　4.2.1 字體——face
　　4.2.2 文字顏色——color
　　4.2.3 字號(hào)——size
　　4.2.4 粗體、斜體、下畫(huà)線、刪除線——strong、
　　em、u、strike
　　4.2.5 上標(biāo)與下標(biāo)——＜sup＞、＜sub＞
　　4.2.6 等寬文字標(biāo)簽——＜code＞
　4.3 空格——＆nbsp；
　4.4 特殊符號(hào)
　4.5 其他標(biāo)簽
　　4.5.1 文字標(biāo)注——＜ruby＞
　　4.5.2 聲明變量——＜var＞
第5章 網(wǎng)頁(yè)中的列表
　5.1 有序列表（Ordered Lists）
　　5.1.1 有序列表標(biāo)簽——＜o(jì)l＞
　　5.1.2 有序列表的序號(hào)類型——type
　　5.1.3 有序列表的起始數(shù)值——start
　5.2 無(wú)序列表（Unordered Lists）
　　5.2.1 無(wú)序列表標(biāo)簽——＜ul＞
　　5.2.2 無(wú)序列表的符號(hào)類型——type
　5.3 定義列表標(biāo)簽——＜dl＞
　5.4 菜單列表標(biāo)簽——＜menu＞
　5.5 目錄列表——＜dir＞
　5.6 列表的高級(jí)應(yīng)用
　　5.6.1 列表的簡(jiǎn)化
　　5.6.2 設(shè)置列表項(xiàng)文字的顏色
　5.7 列表的嵌套
第6章 超鏈接
　6.1 超鏈接——＜a＞
　6.2 設(shè)置文本超鏈接
　6.3 設(shè)置圖像超鏈接
　6.4 設(shè)置圖像熱區(qū)鏈接
　6.5 使用錨在網(wǎng)頁(yè)內(nèi)部鏈接
　6.6 鏈接到不同頁(yè)面的特定位置
　6.7 鏈接到網(wǎng)頁(yè)
　6.8 建立EMAIL鏈接
　6.9 鏈接到文件
　6.10 建立文件下載鏈接
第7章 網(wǎng)頁(yè)中的多媒體元素和圖像
　7.1 將多媒體內(nèi)容放到網(wǎng)頁(yè)中
　　7.1.1 鏈接到多媒體文件
　　7.1.2 添加多媒體文件標(biāo)簽——＜embed＞
　　7.1.3 設(shè)置媒體文件自動(dòng)運(yùn)行——autostart
　　7.1.4 設(shè)置媒體文件的循環(huán)播放——loop
　　7.1.5 隱藏媒體播放面板——hidden
　　7.1.6 添加flash動(dòng)畫(huà)文件
　7.2 動(dòng)態(tài)文字
　　7.2.1 滾動(dòng)文字標(biāo)簽——＜marquee＞
　　7.2.2 滾動(dòng)方向?qū)傩浴猟irection
　　7.2.3 滾動(dòng)方式——behavior
　　7.2.4 滾動(dòng)循環(huán)——loop
　　7.2.5 滾動(dòng)文字的背景顏色——bgcolor
　　7.2.6 滾動(dòng)文字的背景大小——width、height
　　7.2.7 滾動(dòng)速度——scrollamount
　　7.2.8 滾動(dòng)延遲——scrolldelay
　　7.2.9 滾動(dòng)空間——hspace、vspace
　7.3 網(wǎng)頁(yè)背景音樂(lè)
　　7.3.1 背景音樂(lè)——bgsound
　　7.3.2 背景音樂(lè)的循環(huán)播放次數(shù)——loop
　7.4 圖像格式
　7.5 插入圖像——＜img＞
　7.6 圖像屬性設(shè)置
　　7.6.1 圖像描述文字——alt
　　7.6.2 圖像的邊框——border
　　7.6.3 圖像的大小——width、height
　　7.6.4 圖像的間距——hspace、vspace
　　7.6.5 圖像的相對(duì)對(duì)齊方式——align
第8章 網(wǎng)頁(yè)中表格的應(yīng)用
　8.1 建立表格
　　8.1.1 表格、行、單元格——＜table＞、＜tr＞、
　?。紅d＞
　　8.1.2 表格的標(biāo)題——＜caption＞
　　8.1.3 表格的表頭——＜th＞
　　8.1.4 表格寬度——width
　　8.1.5 表格高度——height
　　8.1.6 表格的邊框?qū)挾取猙order
　　8.1.7 表格邊框顏色——bordercolor
　　8.1.8 表格的單元格間距——cellspacing
　　8.1.9 表格的單元格邊距——cellpadding
　　8.1.10 表格背景色——bgcolor
　　8.1.11 表格的背景圖像——background
　　8.1.12 表格的對(duì)齊方式——align
　　8.1.13 表格標(biāo)題的垂直對(duì)齊方式——valign
　8.2 表格的行屬性
　　8.2.1 行高——height
　　8.2.2 行邊框顏色——bordercolor
　　8.2.3 行背景色——bgcolor
　　8.2.4 行文字的水平對(duì)齊方式——align
　　8.2.5 行文字的垂直對(duì)齊方式——valign
　8.3 單元格屬性
　　8.3.1 單元格大小——width、height
　　8.3.2 跨列屬性——colspan
　　8.3.3 跨行屬性——rowspan
　　8.3.4 對(duì)齊方式——align、valign
　　8.3.5 單元格的背景色——bgcolor
　　8.3.6 單元格的邊框顏色——bordercolor
　　8.3.7 單元格的亮邊框顏色——bordercolorlight
　　8.3.8 單元格的暗邊框顏色——bordercolordark
　　8.3.9 單元格的背景圖像——background
　　8.3.10 單元格內(nèi)容不換行——nowrap
　8.4 表格的結(jié)構(gòu)樣式
　　8.4.1 設(shè)計(jì)表頭樣式——＜thead＞
　　8.4.2 設(shè)計(jì)表主體樣式——＜tbody＞
　　8.4.3 設(shè)計(jì)表尾樣式——＜tfoot＞
　8.5 使用表格實(shí)現(xiàn)網(wǎng)頁(yè)布局
第9章 表單
　9.1 表單標(biāo)簽——＜form＞
　　9.1.1 表單名稱——name
　　9.1.2 表單提交地址——action
　　9.1.3 傳送方式——method
　　9.1.4 編碼方式——enctype
　　9.1.5 目標(biāo)顯示方式——target
　9.2 添加表單對(duì)象
　　9.2.1 文本框——text
　　9.2.2 密碼框——password
　　9.2.3 按鈕——button
　　9.2.4 提交按鈕——submit
　　9.2.5 重置按鈕——reset
　　9.2.6 單選按鈕——radio
　　9.2.7 復(fù)選按鈕——checkbox
　　9.2.8 圖像按鈕——image
　　9.2.9 隱藏域——hidden
　　9.2.10 文件域——file
　　9.2.11 文本域——textarea
　　9.2.12 下拉菜單——select、option
　　9.2.13 列表項(xiàng)
　……


章節(jié)摘錄
版權(quán)頁(yè)：   插圖：    第1章 理解HTML 計(jì)算機(jī)技術(shù)日新月異，各種新的網(wǎng)頁(yè)制作技術(shù)層出不窮，但是最根本的仍然是HTML，HTML是所有網(wǎng)頁(yè)制作技術(shù)的核心和基礎(chǔ)。HTML是Web頁(yè)面的描述性語(yǔ)言，無(wú)論是在網(wǎng)上發(fā)布信息，還是更為復(fù)雜的交互程序的使用，都離不開(kāi)HTML。本章首先讓讀者初步了解HTML，了解其概念、重要性及編寫(xiě)方法，介紹了使用記事本和Dreamweaver軟件編寫(xiě)HTML代碼的方法及灃意事項(xiàng)。 1.1 HTML的基本概念 HTML（Hyper Text Markup Language，超文本標(biāo)記語(yǔ)言）是全球廣域網(wǎng)描述網(wǎng)頁(yè)內(nèi)容和外觀的標(biāo)準(zhǔn)。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)和制作人員，尤其是動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)的編程人員，必須要用到HTML語(yǔ)言。 1.1.1 HTML簡(jiǎn)介 HTML語(yǔ)法非常簡(jiǎn)單，包含一些打開(kāi)和關(guān)閉的標(biāo)記，通過(guò)對(duì)各種標(biāo)簽、元素、屬性、對(duì)象等的定義，建立起文字、圖像、聲音、視頻等多種媒體信息，以及與其他元素或網(wǎng)頁(yè)的超鏈接。 事實(shí)上，HTML是一種因特網(wǎng)較常見(jiàn)的網(wǎng)頁(yè)制作標(biāo)注性語(yǔ)言，并不能算做一種程序語(yǔ)言。HTML通過(guò)IE等瀏覽器的翻譯，將網(wǎng)頁(yè)中所要呈現(xiàn)的內(nèi)容展現(xiàn)在用戶眼前。 1.3.2使用標(biāo)簽選擇器和標(biāo)簽編輯器 為了方便編寫(xiě)代碼，Dremweaver提供了標(biāo)簽選擇器和標(biāo)簽編輯器。使用標(biāo)簽選擇器可以在網(wǎng)頁(yè)中添加新的標(biāo)簽；使用標(biāo)簽編輯器可以編輯網(wǎng)頁(yè)中的標(biāo)簽，添加或者修改標(biāo)簽的屬性值。 （上機(jī)實(shí)戰(zhàn)） （1）新建HTML文件，打開(kāi)“代碼”編輯窗口。 （2）在需要插入標(biāo)簽的位置上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入標(biāo)簽”命令，打開(kāi)“標(biāo)簽選擇器”對(duì)話框。 （3）在“標(biāo)簽選擇器”對(duì)話框中選擇相應(yīng)的標(biāo)簽，單擊“插入”按鈕即可。 （4）選擇剛才插入的標(biāo)簽，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯標(biāo)簽”命令，打開(kāi)“標(biāo)簽編輯器”對(duì)話框。該對(duì)話框左邊是選擇標(biāo)簽的屬性列表，右邊是屬性名和對(duì)應(yīng)的文本框或下拉列表框，可以輸入或選擇屬性值。




編輯推薦
《腦動(dòng)力:HTML+CSS標(biāo)簽速查效率手冊(cè)》語(yǔ)言簡(jiǎn)潔，內(nèi)容豐富，適合網(wǎng)頁(yè)設(shè)計(jì)與制作人員、網(wǎng)站建設(shè)開(kāi)發(fā)人員、大中專院校相關(guān)專業(yè)的學(xué)生、個(gè)人網(wǎng)站制作愛(ài)好者閱讀。





圖書(shū)封面



圖書(shū)標(biāo)簽Tags
無(wú)




評(píng)論、評(píng)分、閱讀與下載



還沒(méi)讀過(guò)(93)
勉強(qiáng)可看(678)
一般般(115)
內(nèi)容豐富(4797)
強(qiáng)力推薦(393)


 


    腦動(dòng)力 PDF格式下載