網(wǎng)頁設(shè)計(jì)與開發(fā)

前言

Internet的飛速發(fā)展對(duì)人類的各種活動(dòng)產(chǎn)生了深刻的影響，萬維網(wǎng)已經(jīng)成為這個(gè)時(shí)代最重要的信息傳播手段。無論是個(gè)人、企業(yè)，還是政府、媒體，沒有誰會(huì)忽略互聯(lián)網(wǎng)。正因?yàn)槿绱?，基于Internet的開發(fā)已經(jīng)成為現(xiàn)今軟件開發(fā)的主流，甚至大量傳統(tǒng)的信息系統(tǒng)也已經(jīng)開始向新的運(yùn)行模式進(jìn)行移植。本書主要介紹瀏覽器端開發(fā)技術(shù)，也就是HTML頁面制作技術(shù)。早期只需要使用HTML即可單獨(dú)完成前臺(tái)網(wǎng)頁制作，而今天需要學(xué)習(xí)整個(gè)Web標(biāo)準(zhǔn)體系才能完成規(guī)范的網(wǎng)頁制作。在Web標(biāo)準(zhǔn)中，HTML／XHTML負(fù)責(zé)頁面結(jié)構(gòu)，CSS負(fù)責(zé)樣式表現(xiàn)，JavaScript負(fù)責(zé)動(dòng)態(tài)行為。本書的主要特色不僅在于通過提供豐富的小實(shí)例來介紹HTML／CSS／JavaScript的基本語法，而且將一個(gè)完整的案例——班級(jí)網(wǎng)站——貫穿于全書始終，教會(huì)讀者如何將各個(gè)知識(shí)點(diǎn)應(yīng)用于一個(gè)實(shí)用系統(tǒng)中。避免學(xué)習(xí)的知識(shí)停留于表面、局限于理論，使讀者學(xué)習(xí)的知識(shí)可以馬上應(yīng)用于實(shí)際的相關(guān)工作中。本書涉及技術(shù)面較廣，所以不可能做到面面俱到，但力求讓讀者掌握最實(shí)用的核心技術(shù)，通過實(shí)踐加深對(duì)知識(shí)的靈活應(yīng)用。

內(nèi)容概要

　　《網(wǎng)頁設(shè)計(jì)與開發(fā)：HTML、CSS、JavaScript實(shí)例教程》從實(shí)用角度出發(fā)，詳細(xì)講解了HTML、CSS和JavaScript的基本語法和設(shè)計(jì)技巧，通過一個(gè)實(shí)用的班級(jí)網(wǎng)站的規(guī)劃、設(shè)計(jì)、實(shí)現(xiàn)到發(fā)布過程，將各章的知識(shí)點(diǎn)貫穿起來，各章均配有習(xí)題和實(shí)驗(yàn)，力求達(dá)到理論知識(shí)與實(shí)踐操作完美結(jié)合的效果?！毒W(wǎng)頁設(shè)計(jì)與開發(fā)：HTML、CSS、JavaScript實(shí)例教程》內(nèi)容翔實(shí)，行文流暢，講解清晰，介紹全面，具有很強(qiáng)的可讀性?！　　毒W(wǎng)頁設(shè)計(jì)與開發(fā)：HTML、CSS、JavaScript實(shí)例教程》可作為普通高校計(jì)算機(jī)及相關(guān)專業(yè)教材、高職高專教材，并可供從事網(wǎng)頁設(shè)計(jì)與制作、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員參考。

書籍目錄

第1章 網(wǎng)頁設(shè)計(jì)簡(jiǎn)介1．1 萬維網(wǎng)概述1．2 HTML語言1．3 網(wǎng)頁設(shè)計(jì)相關(guān)概念1．3．1 超鏈接1．3．2 統(tǒng)一資源定位器1．3．3 網(wǎng)站1．3．4 網(wǎng)頁1．3．5 首頁1．4 網(wǎng)頁制作開發(fā)工具1．4．1 編輯工具1．4．2 瀏覽工具1．5 網(wǎng)頁制作相關(guān)技術(shù)1．5．1 CSS1．5．2 JavaScript小結(jié)習(xí)題實(shí)驗(yàn)第2章 HTML基礎(chǔ)介紹2．1 HTML文檔結(jié)構(gòu)2．1．1 基本結(jié)構(gòu)2．1．2 頭部?jī)?nèi)容2．1．3 主體內(nèi)容2．1．4 編寫網(wǎng)頁的開頭2．2 HTML基本語法2．2．1 標(biāo)記語法2．2．2 屬性語法2．3 注釋2．4 編寫HTML文件的注意事項(xiàng)2．5 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第3章 文字與段落3．1 文字內(nèi)容3．1．1 添加文字3．1．2 標(biāo)題字3．1．3 添加空格3．1．4 添加特殊符號(hào)3．1．5 注釋語句3．2 文字樣式3．2．1 普通文字標(biāo)記3．2．2 基底文字標(biāo)記3．3 文字修飾3．3．1 粗體．斜體．下劃線3．3．2 刪除線3．3．3 上標(biāo)．下標(biāo)3．3．4 設(shè)置文字標(biāo)注3．3．5 設(shè)置地址文字3．3．6 設(shè)置等寬文字3．4 段落3．4．1 段落標(biāo)記3．4．2 換行標(biāo)記3．4．3 居中標(biāo)記3．4．4 水平分隔線3．4．5 預(yù)格式化標(biāo)記3．4．6 忽略html標(biāo)記3．4．7 設(shè)置段落縮進(jìn)3．5 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第4章 列表4．1 列表簡(jiǎn)介4．2 無序列表4．3 有序列表4．3．1 有序列表及其編號(hào)樣式4．3．2 編號(hào)起始值4．3．3 列表項(xiàng)樣式4．3．4 列表項(xiàng)編號(hào)4．4 嵌套列表4．5 定義列表4．6 菜單列表和目錄列表4．7 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第5章 超級(jí)鏈接5．1 超鏈接簡(jiǎn)介5．2 創(chuàng)建超鏈接5．2．1 設(shè)置超鏈接路徑5．2．2 內(nèi)部鏈接5．2．3 外部鏈接5．3 鏈接對(duì)象5．3．1 圖片鏈接5．3．2 書簽鏈接5．3．3 電子郵件鏈接5．3．4 FTP鏈接5．3．5 下載文件的鏈接5．4 圖像映射5．5 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第6章 表格6．1 表格6．2 表格標(biāo)記6．2．1 表格標(biāo)記簡(jiǎn)介6．2．2 表格標(biāo)題6．2．3 表格表頭6．2．4 設(shè)置劃分結(jié)構(gòu)的表格6．3 表格屬性修飾6．3．1 設(shè)置表格的邊框?qū)傩?．3．2 設(shè)置表格的寬度和高度6．3．3 設(shè)置表格的背景顏色6．3．4 設(shè)置表格的背景圖像6．3．5 設(shè)置邊框樣式6．3．6 設(shè)置表格單元格間距6．3．7 設(shè)置表格單元格邊距6．3．8 設(shè)置表格的水平對(duì)齊屬性6．4 設(shè)置表格行的屬性6．4．1 行內(nèi)容水平對(duì)齊6．4．2 行內(nèi)容垂直對(duì)齊6．5 設(shè)置表格中某一單元格的屬性6．5．1 設(shè)置單元格跨行6．5．2 設(shè)置單元格跨列6．6 表格嵌套6．7 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第7章 使用框架創(chuàng)建多頁面布局7．1 框架簡(jiǎn)介7．1．1 什么是框架7．1．2 框架的基本結(jié)構(gòu)7．2 框架的設(shè)置7．2．1 窗口的水平分割7．2．2 窗口的垂直分割7．2．3 窗口的嵌套分割7．2．4 框架的邊框7．2．5 框架的隱藏7．3 子窗口的設(shè)置7．3．1 指定子窗口顯示網(wǎng)頁7．3．2 定義子窗口名稱7．3．3 控制子窗口滾動(dòng)條7．3．4 調(diào)整子窗口的尺寸7．3．5 設(shè)置子窗口的邊距7．4 浮動(dòng)框架7．5 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第8章 表單8．1 表單8．2 輸入8．2．1 單行文本輸入框8．2．2 提交按鈕和重置按鈕8．2．3 密碼輸入框8．2．4 復(fù)選框8．2．5 單選框8．2．6 圖像按鈕8．2．7 文件選擇輸入框8．2．8 隱藏框8．3 多行文本輸入框8．4 下拉列表框8．5 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第9章 網(wǎng)頁中的多媒體應(yīng)用9．1 圖片9．1．1 圖片標(biāo)記9．1．2 指定圖像的高與寬9．1．3 指定圖像的間距9．1．4 指定圖像的對(duì)齊方式9．1．5 指定圖片的邊框與文字說明9．2 滾動(dòng)文字9．3 背景音樂9．4 其他多媒體文件9．5 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第10章 使用CSS格式化網(wǎng)頁10．1 理解CSS10．1．1 CSS簡(jiǎn)介10．1．2 CSS構(gòu)造10．2 樣式表的定義與使用10．2．1 定義標(biāo)記的style屬性10．2．2 定義內(nèi)部樣式表10．2．3 嵌入外部樣式表10．2．4 鏈接外部樣式表10．3 定義選擇符10．3．1 按照名稱選擇元素10．3．2 按照id和class選擇元素10．3．3 按照上下文選擇元素10．3．4 選擇元素的一部分10．3．5 指定元素組10．4 文字與排版樣式的使用10．4．1 長(zhǎng)度．百分比單位10．4．2 文字樣式屬性10．4．3 排版樣式屬性10．5 背景與顏色的使用10．5．1 設(shè)置顏色方法10．5．2 背景顏色的屬性10．5．3 背景圖片的屬性10．6 美化網(wǎng)頁與超鏈接的設(shè)置10．6．1 設(shè)置網(wǎng)頁鏈接屬性10．6．2 設(shè)置滾動(dòng)條屬性10．6．3 設(shè)置光標(biāo)屬性10．7 矩形模塊的概念與使用10．7．1 矩形模塊10．7．2 設(shè)置邊界10．7．3 設(shè)置元素邊框10．7．4 設(shè)置元素內(nèi)邊界10．8 CSS的進(jìn)階應(yīng)用10．8．1 區(qū)域組件10．8．2 列表10．9 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第11章 JavaScript基礎(chǔ)11．1 JavaScript起步11．1．1 JavaScript簡(jiǎn)介11．1．2 JavaScript實(shí)例11．1．3 JavaScript放置和運(yùn)行11．2 JavaScript程序11．2．1 語句和語句塊11．2．2 函數(shù)11．2．3 常用系統(tǒng)函數(shù)11．2．4 消息對(duì)話框11．2．5 注釋11．3 標(biāo)識(shí)符和變量11．3．1 關(guān)于命名的規(guī)定11．3．2 JavaScript的數(shù)據(jù)類型11．3．3 變量11．3．4 轉(zhuǎn)義字符11．4 運(yùn)算符和表達(dá)式11．4．1 算術(shù)運(yùn)算符和表達(dá)式11．4．2 賦值運(yùn)算符和表達(dá)式11．4．3 關(guān)系運(yùn)算符和表達(dá)式11．4．4 邏輯運(yùn)算符和表達(dá)式11．4．5 條件運(yùn)算符和表達(dá)式11．4．6 其他運(yùn)算符和表達(dá)式11．5 JavaScript程序控制結(jié)構(gòu)11．5．1 順序程序11．5．2 分支程序11．5．3 循環(huán)程序11．6 對(duì)象11．6．1 對(duì)象簡(jiǎn)介11．6．2 核心對(duì)象11．6．3 文檔11．6．4 窗口11．7 事件編程11．7．1 事件簡(jiǎn)介11．7．2 表單事件11．7．3 鼠標(biāo)事件11．7．4 鍵盤事件11．7．5 頁面載入和離開11．8 實(shí)例小結(jié)習(xí)題實(shí)驗(yàn)第12章 綜合案例——班級(jí)網(wǎng)站的設(shè)計(jì)12．1 網(wǎng)站規(guī)劃12．1．1 網(wǎng)站制作流程12．1．2 風(fēng)格設(shè)計(jì)12．1．3 欄目設(shè)計(jì)12．1．4 網(wǎng)頁布局12．1．5 網(wǎng)頁基本元素設(shè)計(jì)12．2 網(wǎng)站實(shí)現(xiàn)12．2．1 班級(jí)網(wǎng)站的主題及欄目12．2．2 首頁的實(shí)現(xiàn)12．2．3 其他欄目的實(shí)現(xiàn)12．3 網(wǎng)站發(fā)布12．3．1 安裝IIS服務(wù)器12．3．2 建立虛擬目錄12．3．3 管理站點(diǎn)12．3．4 網(wǎng)站的推廣宣傳小結(jié)附錄AHTML標(biāo)記附錄BJS對(duì)象附錄CDOM對(duì)象參考文獻(xiàn)

章節(jié)摘錄

插圖：第1章 網(wǎng)頁設(shè)計(jì)簡(jiǎn)介萬維網(wǎng)是這個(gè)時(shí)代最重要的信息傳播手段。幾乎任何人都可以創(chuàng)建自己的網(wǎng)站，然后把它發(fā)布在因特網(wǎng)上。所有網(wǎng)頁都要用某種形式的HTML來編寫，HTML頁面中可以包含格式化的內(nèi)容、Flash動(dòng)畫、圖片、音頻和視頻等多種類型的資源。本章重點(diǎn)了解萬維網(wǎng)的用途；了解網(wǎng)頁設(shè)計(jì)的基本概念；了解HTML、CSS、JavaScript在網(wǎng)頁設(shè)計(jì)中的重要作用。1.1 萬維網(wǎng)概述萬維網(wǎng)（world Wide Web，WWW）是一個(gè)基于超文本（hypertext）方式的信息檢索服務(wù)工具。這種把全球范圍內(nèi)的信息組織在一起的超文本方法，不是采用自上向下的樹狀結(jié)構(gòu)，也不是按圖書資料管理中的編目結(jié)構(gòu)，而是采用由指針連接的超網(wǎng)狀結(jié)構(gòu)。超文本結(jié)構(gòu)通過指針連接方式，可以使任何地方之間的信息產(chǎn)生聯(lián)系，這種聯(lián)系可以是直接的或間接的，也可以是單向的或雙向的。所以，檢索數(shù)據(jù)時(shí)非常靈活，通過指針從一處信息資源即可迅速跳到本地或異地的另一信息資源。不僅如此，信息的重新組織也非常方便，包括隨意增加數(shù)據(jù)或刪除、歸并已有數(shù)據(jù)。WWW系統(tǒng)允許超文本指針?biāo)赶虻哪繕?biāo)信息源不僅可以是文本，也可以是其他媒體，如圖形、圖像、聲音、動(dòng)畫等信息，更重要的是可以把分散在不同主機(jī)上的資源有機(jī)地組織在一起，這種超文本結(jié)構(gòu)與多媒體的結(jié)合體，被稱為“超媒體”（hypermedia）。由于使用超媒體技術(shù)，WWW提供的信息變得十分豐富多彩。

編輯推薦

《網(wǎng)頁設(shè)計(jì)與開發(fā):HTML、CSS、JavaScript實(shí)例教程》特點(diǎn)為：案例驅(qū)動(dòng)的教學(xué)模式一線優(yōu)秀教師擔(dān)綱編寫立體化教學(xué)資源解決方案

圖書封面

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

---

    網(wǎng)頁設(shè)計(jì)與開發(fā) PDF格式下載

---