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

前言

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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

插圖：第1章 網(wǎng)頁設(shè)計簡介萬維網(wǎng)是這個時代最重要的信息傳播手段。幾乎任何人都可以創(chuàng)建自己的網(wǎng)站，然后把它發(fā)布在因特網(wǎng)上。所有網(wǎng)頁都要用某種形式的HTML來編寫，HTML頁面中可以包含格式化的內(nèi)容、Flash動畫、圖片、音頻和視頻等多種類型的資源。本章重點了解萬維網(wǎng)的用途；了解網(wǎng)頁設(shè)計的基本概念；了解HTML、CSS、JavaScript在網(wǎng)頁設(shè)計中的重要作用。1.1 萬維網(wǎng)概述萬維網(wǎng)（world Wide Web，WWW）是一個基于超文本（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ù)據(jù)或刪除、歸并已有數(shù)據(jù)。WWW系統(tǒng)允許超文本指針所指向的目標信息源不僅可以是文本，也可以是其他媒體，如圖形、圖像、聲音、動畫等信息，更重要的是可以把分散在不同主機上的資源有機地組織在一起，這種超文本結(jié)構(gòu)與多媒體的結(jié)合體，被稱為“超媒體”（hypermedia）。由于使用超媒體技術(shù)，WWW提供的信息變得十分豐富多彩。

編輯推薦

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

圖書封面

評論、評分、閱讀與下載

---

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

---