HTML與CSS網(wǎng)站設(shè)計(jì)實(shí)踐之旅

內(nèi)容概要

　　本書從基礎(chǔ)的網(wǎng)頁(yè)知識(shí)開始詳細(xì)講解創(chuàng)建網(wǎng)站的全過(guò)程，內(nèi)容涉及網(wǎng)站開發(fā)工具的選擇、網(wǎng)頁(yè)基本元素的介紹、通過(guò)CSS改善網(wǎng)頁(yè)外觀的方法、圖像的應(yīng)用、通過(guò)表格組織數(shù)據(jù)、利用表單實(shí)現(xiàn)交互等。同時(shí)書中還介紹了如何將網(wǎng)站發(fā)布到Internet，如何添加博客、站內(nèi)搜索、訪問(wèn)統(tǒng)計(jì)等實(shí)用功能，并為讀者下一步的學(xué)習(xí)指出了方向。本書嚴(yán)格遵守Web規(guī)范，確保讀者學(xué)會(huì)正確的網(wǎng)站構(gòu)建方法，使所創(chuàng)建的網(wǎng)站能夠在大多數(shù)瀏覽器中保持一致的效果?！　”緯m合網(wǎng)站設(shè)計(jì)初學(xué)者閱讀，讀者不需要熟知HTML、CSS或者Web開發(fā)技術(shù)，通過(guò)閱讀本書就能夠獨(dú)立完成網(wǎng)站的設(shè)計(jì)任務(wù)。對(duì)于有一些網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)的讀者來(lái)說(shuō)，也可以通過(guò)閱讀本書發(fā)現(xiàn)自己的一些“不良習(xí)慣”，從而形成良好的設(shè)計(jì)風(fēng)格，創(chuàng)建基于Web標(biāo)準(zhǔn)的新型網(wǎng)站。

作者簡(jiǎn)介

　　lan Lloyd創(chuàng)建了Accessify.com網(wǎng)站，該網(wǎng)站致力于提高網(wǎng)站的可訪問(wèn)性，并為Web開發(fā)人員提供相關(guān)的工具。他是Web Standards Project（Web標(biāo)準(zhǔn)項(xiàng)目）的成員之一，供職于英國(guó)建筑協(xié)會(huì)，那也是一個(gè)提倡基于標(biāo)準(zhǔn)設(shè)計(jì)的地方。

書籍目錄

第1章 準(zhǔn)備工具     　1.1 使用工具     　1.2 所需的基本工具     　　1.2.1 Windows中的基本工具     　　1.2.2 Mac OS X中的基本工具     　1.3 超越基本工具     　　1.3.1 Windows中的工具     　　1.3.2 Mac OS X中的工具     　1.4 圖像編輯工具     　　1.4.1 Windows中的工具     　　1.4.2 Mac OS X中的工具     　1.5 設(shè)置網(wǎng)站文件存放的位置    　　1.5.1 Windows平臺(tái)    　　1.5.2 Mac OS X平臺(tái)    　1.6 獲取幫助    　1.7 小結(jié)     第2章 第一個(gè)網(wǎng)頁(yè)    　2.1 XHTML    　　2.1.1 剖析網(wǎng)頁(yè)    　　2.1.2 查看源代碼    　　2.1.3 網(wǎng)頁(yè)的基本要素    　　2.1.4 doctype聲明    　　2.1.5 html元素    　　2.1.6 head元素    　　2.1.7 title元素    　　2.1.8 meta元素    　　2.1.9 其他head元素    　　2.1.10 body元素    　　2.1.11 最基本的網(wǎng)頁(yè)    　　2.1.12 標(biāo)題行與文檔層次    　　2.1.13 段落    　　2.1.14 列表    　　2.1.15 對(duì)網(wǎng)頁(yè)進(jìn)行注釋    　　2.1.16 符號(hào)    　2.2 網(wǎng)站示例    　　2.2.1 主頁(yè)：所有網(wǎng)站的起點(diǎn)    　　2.2.2 拆分頁(yè)面    　　2.2.3 實(shí)現(xiàn)新頁(yè)面間的鏈接    　　2.2.4 blockquote元素    　　2.2.5 cite元素    　　2.2.6 strong和em元素    　　2.2.7 加個(gè)分隔符（暫停一下）    　2.3 小結(jié)     第3章 添加樣式    　3.1 CSS     　3.2 內(nèi)聯(lián)樣式    　　3.2.1 添加內(nèi)聯(lián)樣式    　　3.2.2 span元素    　3.3 嵌入式樣式    　　3.3.1 專業(yè)術(shù)語(yǔ)    　　3.3.2 嵌入式樣式優(yōu)于內(nèi)聯(lián)樣式的原因    　3.4 外部樣式表    　　3.4.1 外部樣式表優(yōu)于嵌入式樣式的原因    　　3.4.2 創(chuàng)建外部樣式文件    　　3.4.3 將CSS鏈接到一個(gè)頁(yè)面    　3.5 構(gòu)建自己的樣式表    　　3.5.1 時(shí)髦的標(biāo)題行    　　3.5.2 組合使用新樣式    　　3.5.3 瞬間面貌一新    　　3.5.4 初學(xué)者的樣式工具箱    　　3.5.5 回顧：樣式    　　3.5.6 在上下文中選擇元素    　　3.5.7 上下文選擇器    　　3.5.8 樣式編組    　　3.5.9 哪個(gè)規(guī)則更有效    　　3.5.10 進(jìn)程回顧    　　3.5.11 為鏈接設(shè)定樣式    　　3.5.12 類選擇器    　　3.5.13 用span為部分文字設(shè)定樣式    　3.6 小結(jié)     第4章 用CSS設(shè)置外觀    　4.1 塊元素與內(nèi)聯(lián)元素    　　4.1.1 塊元素    　　4.1.2 內(nèi)聯(lián)元素    　　4.1.3 嵌套的內(nèi)聯(lián)元素    　　4.1.4 內(nèi)聯(lián)元素不能包含塊元素    　　4.1.5 回顧：塊元素和內(nèi)聯(lián)元素    　　4.1.6 設(shè)置內(nèi)聯(lián)元素和塊元素的樣式    　4.2 設(shè)置內(nèi)容塊的大小    　　4.2.1 設(shè)置寬度    　　4.2.2 設(shè)置高度    　4.3 為塊元素添加邊框    　　4.3.1 邊框示例    　　4.3.2 設(shè)置元素各個(gè)邊的樣式    　　4.3.3 邊框樣式設(shè)置的縮寫法    　　4.3.4 可以使用的邊框樣式    　4.4 回顧     　4.5 設(shè)置潛水網(wǎng)站的外形和大小    　　4.5.1 添加填充   　　4.5.2 在項(xiàng)目網(wǎng)站中引入填充   　　4.5.3 邊距   　　4.5.4 盒子   　4.6 根據(jù)需要定位元素   　　4.6.1 展示頁(yè)面結(jié)構(gòu)   　　4.6.2 絕對(duì)定位   　4.7 實(shí)現(xiàn)完整的CSS布局   　4.8 其他布局選項(xiàng)   　　4.8.1 絕對(duì)定位進(jìn)階   　　4.8.2 相對(duì)定位   　　4.8.3 浮動(dòng)定位   　4.9 設(shè)置列表的樣式   　4.10 小結(jié)   第5章 在網(wǎng)站上使用圖像   　5.1 內(nèi)嵌圖像   　　5.1.1 剖析圖像元素   　　5.1.2 Web可訪問(wèn)性   　5.2 GIF、JPG與PNG格式比較   　5.3 透明度   　5.4 為網(wǎng)站添加圖庫(kù)功能   　　5.4.1 更新導(dǎo)航區(qū)域   　　5.4.2 添加新圖庫(kù)頁(yè)面   　　5.4.3 添加第一張圖像   　　5.4.4 用CSS設(shè)置圖片的格式   　　5.4.5 為圖片添加說(shuō)明   　5.5 基本圖像編輯   　　5.5.1 圖片剪切   　　5.5.2 圖像特效   　　5.5.3 調(diào)整大圖像的大小   　　5.5.4 其他軟件   　5.6 充實(shí)圖庫(kù)   　5.7 網(wǎng)站圖片的來(lái)源   　5.8 CSS中的背景圖像   　　5.8.1 重復(fù)模式   　　5.8.2 非重復(fù)圖像   　　5.8.3 背景設(shè)置的縮寫法   　　5.8.4 固定高度和寬度   　　5.8.5 為導(dǎo)航區(qū)域添加背景   　5.9 小結(jié)    第6章 表格：組織數(shù)據(jù)的工具   　6.1 表格    　6.2 表格結(jié)構(gòu)剖析   　6.3 設(shè)置表格樣式   　6.4 提高表格的可訪問(wèn)性   　　6.4.1 線性化   　　6.4.2 概要   　　6.4.3 為表格添加標(biāo)題   　　6.4.4 回顧   　　6.4.5 添加事件表格   　　6.4.6 為單元格設(shè)置樣式   　6.5 高級(jí)表格   　　6.5.1 合并單元格   　　6.5.2 可訪問(wèn)性進(jìn)階   　6.6 小結(jié)    第7章 表單：和用戶交互   　7.1 表單結(jié)構(gòu)剖析   　7.2 一個(gè)簡(jiǎn)單的表單   　7.3 表單的構(gòu)造塊   　　7.3.1 form元素   　　7.3.2 fieldset和legend元素   　　7.3.3 input元素   　　7.3.4 select元素   　　7.3.5 textarea元素   　　7.3.6 提交按鈕   　　7.3.7 控件默認(rèn)外觀   　7.4 構(gòu)建一個(gè)聯(lián)系頁(yè)面   　　7.4.1 編輯“聯(lián)系我們”頁(yè)面   　　7.4.2 添加form和fieldset元素   　　7.4.3 用CSS設(shè)置fieldset和legend元素的樣式   　　7.4.4 添加文本輸入框控件   　　7.4.5 用CSS整理label元素   　　7.4.6 添加select元素   　　7.4.7 添加textarea元素   　　7.4.8 添加單選按鈕和復(fù)選框   　　7.4.9 完成表單：提交按鈕   　7.5 我們要實(shí)現(xiàn)什么   　7.6 表單處理   　　7.6.1 注冊(cè)表單服務(wù)   　　7.6.2 插入表單代碼   　　7.6.3 通過(guò)電子郵件反饋   　7.7 小結(jié)    第8章 完成網(wǎng)站上線工作   　8.1 客戶端/服務(wù)器模型   　8.2 主機(jī)托管術(shù)語(yǔ)101   　8.3 托管網(wǎng)站——尋找服務(wù)器空間   　　8.3.1 免費(fèi)托管——有附加條件   　　8.3.2 免費(fèi)托管——以原價(jià)獲得域名   　8.4 Web轉(zhuǎn)向   　8.5 為托管付費(fèi)   　8.6 基本的托管服務(wù)   　　8.6.1 通過(guò)FTP訪問(wèn)服務(wù)器   　　8.6.2 足夠的存儲(chǔ)空間   　　8.6.3 合理的帶寬額度   　8.7 最好包含的托管服務(wù)   　　8.7.1 電子郵件賬戶   　　8.7.2 服務(wù)端引用（SSI）   　　8.7.3 腳本語(yǔ)言和數(shù)據(jù)庫(kù)支持   　8.8 上線前檢查——在不同的瀏覽器中頁(yè)面顯示是否不同   　　8.9 將文件上傳到服務(wù)器   　　8.9.1 FTP配置   　　8.9.2 用FileZilla上傳文件——Windows平臺(tái)   　　8.9.3 用Cyberduck上傳文件——Mac OS X平臺(tái)   　　8.9.4 其他文件上傳工具   　8.10 要點(diǎn)概述：網(wǎng)站在哪里   　　8.10.1 鏈接檢查   　　8.10.2 網(wǎng)頁(yè)的有效性檢查   　8.11 推廣網(wǎng)站   　　8.11.1 向搜索引擎提交自己網(wǎng)站的信息   　　8.11.2 告訴朋友和同事   　　8.11.3 修改電子郵件簽名，使其包含網(wǎng)站信息   　　8.11.4 發(fā)布到論壇上   　　8.11.5 鏈接交換   　8.12 小結(jié)   第9章 為網(wǎng)站添加博客   　9.1 構(gòu)建博客   　9.2 注冊(cè)博客   　9.3 利用Blogger創(chuàng)建頁(yè)面   　9.4 制作Blogger的模板   　9.5 整理Blogger的模板   　　9.5.1 博客中的評(píng)論功能   　　9.5.2 驗(yàn)證博客   　9.6 管理博客中的帖子   　9.7 讓其他人來(lái)支持你的博客   　9.8 小結(jié)    第10章 裝飾網(wǎng)站：添加超酷的免費(fèi)素材   　10.1 獲取訪問(wèn)者的內(nèi)幕信息   　　10.1.1 選擇一項(xiàng)統(tǒng)計(jì)服務(wù)   　　10.1.2 注冊(cè)StatCounter賬號(hào)   　　10.1.3 將統(tǒng)計(jì)代碼添加到網(wǎng)頁(yè)中   　10.2 添加站內(nèi)搜索工具   　10.3 使用其他類型的搜索   　10.4 為網(wǎng)站添加blogroll   　　10.4.1 注冊(cè)一個(gè)blogroll   　　10.4.2 將blogroll整合到網(wǎng)站中   　10.5 論壇   　10.6 小結(jié)   第11章 走得更遠(yuǎn)   　11.1 XHTML進(jìn)階   　　11.1.1 官方文檔   　　11.1.2 其他實(shí)用的XHTML資源   　11.2 CSS進(jìn)階   　　11.2.1 官方文檔   　　11.2.2 W3Schools/HTML Dog   　　11.2.3 CSS討論組   　　11.2.4 其他CSS資源   　　11.2.5 CSS-Discuss討論組的配套網(wǎng)站   　11.3 JavaScript   　11.4 服務(wù)器端編程語(yǔ)言   　11.5 PHP   　11.6 小結(jié)   附錄A XHTML參考手冊(cè)   　A.1 公共屬性   　A.2 國(guó)際化屬性   　A.3 XHTML標(biāo)簽

章節(jié)摘錄

　　第1章 準(zhǔn)備工具　　在開始構(gòu)建網(wǎng)站之前，首先要花點(diǎn)時(shí)間在計(jì)算機(jī)上安裝一些軟件，做一些準(zhǔn)備工作。本章的主要內(nèi)容是介紹所需的工具并進(jìn)行安裝，做好開始的準(zhǔn)備?！　?.1　使用工具　　當(dāng)在書店中從上千本計(jì)算機(jī)書中挑選要買的書時(shí)，可能不用考慮花錢購(gòu)買構(gòu)建一個(gè)網(wǎng)站所需的大量不同的軟件。然而事實(shí)上大多數(shù)需要的工具可能已經(jīng)安裝在自己的計(jì)算機(jī)中了，只是藏在角落里，不會(huì)想到要找它們。如果還沒(méi)有工作中要用到的工具，那么肯定可以找到能夠完成所需功能的一個(gè)或多個(gè)免費(fèi)軟件?！　〖僭O(shè)你已經(jīng)能夠訪問(wèn)Internet，否則要網(wǎng)站也沒(méi)有太多用處。雖然不是必需的，但如果有寬帶Internet連接，那么將更好。如果沒(méi)有寬帶連接的話也沒(méi)關(guān)系，它對(duì)本書所涉及的所有任務(wù)都沒(méi)有影響。當(dāng)然，下載本書建議的那些工具可能需要花很長(zhǎng)的時(shí)間，這點(diǎn)你可能已經(jīng)知道了?！　≡诖?，我會(huì)對(duì)你構(gòu)建一個(gè)網(wǎng)站的動(dòng)機(jī)感興趣。你有一個(gè)項(xiàng)目計(jì)劃嗎？這個(gè)網(wǎng)站的目標(biāo)是什么？　　雖然你可能有一些目標(biāo)，對(duì)想花多少時(shí)間來(lái)構(gòu)建網(wǎng)站也有一些想法，不過(guò)這里在某種程度上忽略了對(duì)項(xiàng)目計(jì)劃本質(zhì)的討論。但這并不是說(shuō)項(xiàng)目計(jì)劃就不是必需考慮的重要方面，只是我們假設(shè)，當(dāng)你拿起的是一本名為Build Your Own Web Site The Right Way的書時(shí)，你關(guān)心或許只是想了解如何正確地構(gòu)建。

編輯推薦

　　專業(yè)技術(shù)引導(dǎo)實(shí)踐，詳盡案例精彩紛呈?！　”緯且槐久嫦?qū)嵺`、知識(shí)層次逐步深入的網(wǎng)站構(gòu)建指南，可帶領(lǐng)讀者學(xué)習(xí)構(gòu)建在各種瀏覽器平臺(tái)都能良好運(yùn)行并易于更新的專業(yè)網(wǎng)站所需的各種知識(shí)。書中介紹了很多現(xiàn)代的、規(guī)范的方法，讀者可以學(xué)習(xí)到以下內(nèi)容：　　更加專業(yè)地使用HTML；　　用CSS設(shè)置文本的樣式、控制頁(yè)面的布局；　　構(gòu)建功能齊備的網(wǎng)站；　　為網(wǎng)站創(chuàng)建并優(yōu)化圖表顯示；　　通過(guò)表單實(shí)現(xiàn)交互；　　完成網(wǎng)站上線工作；　　借助“博客”簡(jiǎn)化網(wǎng)站更新工作。

圖書封面

圖書標(biāo)簽Tags

無(wú)

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

---

    HTML與CSS網(wǎng)站設(shè)計(jì)實(shí)踐之旅 PDF格式下載

---