CSS與HTML Web設(shè)計(jì)實(shí)踐指南

前言

　　Web設(shè)計(jì)是件很奇妙的事情。擁有將某些內(nèi)容發(fā)布到全世界每個(gè)人面前的能力，是一種很自豪的感覺。我從未忘記第一次實(shí)現(xiàn)這一目標(biāo)時(shí)的激動(dòng)感覺，那時(shí)我還是一個(gè)平面設(shè)計(jì)人員，我可以簡(jiǎn)單地“上傳”一些文件并使它們立即可見，而不是緊張地等待那些方框從打印機(jī)中輸出。當(dāng)時(shí)的Web還很簡(jiǎn)單，素材和工具非常單一，所謂的“樣式”需要你通過各種新奇的技巧和方法來實(shí)現(xiàn)，甚至最簡(jiǎn)單的任務(wù)也需要這樣做。瀏覽器中的空白區(qū)就是測(cè)試環(huán)境?！　‖F(xiàn)在我們所面臨的情況要好得多了。我們擁有了奇妙的CSS，通過它可以用簡(jiǎn)明的規(guī)則來設(shè)置頁(yè)面的樣式，讓HTML描述內(nèi)容而不是展現(xiàn)方式。內(nèi)容可以重新應(yīng)用在不同的介質(zhì)上?！　〉菬嵝挠趯W(xué)習(xí)Web設(shè)計(jì)的人（從頭開始學(xué)習(xí)，或者提高現(xiàn)有的技能）都會(huì)遇到一件令人困惑的事。圖書市場(chǎng)上充滿了與Web設(shè)計(jì)、HTML和CSS相關(guān)的好書。但如果有人問你有沒有一本書能夠涵蓋這3個(gè)方面的內(nèi)容，而且人們可以不需要任何預(yù)先的“。Internet知識(shí)”就能閱讀，那么你會(huì)推薦哪一本呢？是否仍然在考慮中？　　net／Practical Web.Design雜志的特約撰稿人Craig Grannell正是出于該目的撰寫了本書。無論是需要查閱如HTML實(shí)體這種難以記憶的東西，還是需要知道究竟什么是HTML實(shí)體，本書中都有涉及。本書以一種易于理解、平易近人的風(fēng)格，講述了創(chuàng)建網(wǎng)站所需要的各方面知識(shí)?！　≡O(shè)計(jì)網(wǎng)站時(shí)還要面對(duì)許多挑戰(zhàn)，但是這項(xiàng)工作的樂趣也是長(zhǎng)久的。有了這本指南之后，更是如此！

內(nèi)容概要

本書主要介紹如何利用CSS和HTML技術(shù)進(jìn)行Web設(shè)計(jì)。本書首先從Web技術(shù)的發(fā)展和基礎(chǔ)知識(shí)開始，詳細(xì)地介紹了字體樣式、圖像、鏈接與導(dǎo)航、表格等方面的知識(shí)，然后說明了解決不同瀏覽器之間兼容性問題的方法，最后通過圖庫(kù)、網(wǎng)上商店、公司主頁(yè)三個(gè)實(shí)例闡述了整合的方法。本書根據(jù)實(shí)際的工作需要來組織各種知識(shí)，有效地融合了CSS和HTML等技術(shù)細(xì)節(jié)。　　本書是一本針對(duì)Web設(shè)計(jì)工作的實(shí)用參考手冊(cè)，不管是初學(xué)者還是資深設(shè)計(jì)人員都能夠從中獲益。

作者簡(jiǎn)介

　　Craig Grannell是一位著名的Web設(shè)計(jì)師和作家，多年來一直高舉著Web標(biāo)準(zhǔn)的旗幟。他最初接受的是藝術(shù)方面的訓(xùn)練，在1990年中期進(jìn)入了數(shù)字媒體的世界。他在不同領(lǐng)域創(chuàng)造了許多創(chuàng)新性項(xiàng)目，從視頻和基于裝置的音頻作品到奇特的現(xiàn)場(chǎng)演出，他有時(shí)借助于計(jì)算機(jī)、電視、視頻設(shè)備和PA系統(tǒng)的幫助，有時(shí)則是憑借著自己的智慧。他的那些具有創(chuàng)造力的有趣的藝術(shù)作品，往往蘊(yùn)含著一種隱晦且具有諷刺意味的特征，容易引起觀眾的共鳴，從而在許多頂尖的歐洲媒體藝術(shù)節(jié)上獲得榮譽(yù)?！　〉牵珻rai9很快就意識(shí)到他必須選擇正確的生活道路。幸運(yùn)的是，Web吸引了他。一開始他只是通過在線作品展示網(wǎng)站來推廣他的藝術(shù)作品，后來Web逐漸成為他自己的一種創(chuàng)造性的媒體，在此之后他就一直投身于這項(xiàng)工作。在這段時(shí)間中，他還創(chuàng)建了SnubCommunications組織，這是一個(gè)從事設(shè)計(jì)和寫作工作的組織，其客戶包括Rebellion Developments（2000 AD的出版商）、IDG UK（MacworM、PCAdvisor、DigitalArts等雜志的出版商）以及SwimRecords等企業(yè)?！　“悻F(xiàn)在拿著的這本書在內(nèi)，Crai9已經(jīng)創(chuàng)作了Web Designers Reference和許多與　　Dreamweaver相關(guān)的書籍，包括Foundation Web Design with Dreamweaver 8。此外，他還在Computer Art、MacFormat、net／Prnctical Web Design、4Talent、MacUser、Cre@te Online等多個(gè)出版物上發(fā)表了許多文章?！　≡诓辉O(shè)計(jì)網(wǎng)站的時(shí)候，Craig常?；〞r(shí)間通過其eclectic audi0項(xiàng)目跟蹤全球的超級(jí)明星。

書籍目錄

第1章　Web設(shè)計(jì)入門　  1.1　Internet簡(jiǎn)史　  1.2　為什么建立一個(gè)網(wǎng)站　  1.3　觀眾的要求　  1.4　Web設(shè)計(jì)概述　  1.5　HTML和XHTML簡(jiǎn)介　  1.6　CSS簡(jiǎn)介　  1.7　創(chuàng)建樣板（boilerplate）　  1.8　實(shí)現(xiàn)網(wǎng)站內(nèi)容　第2章　網(wǎng)頁(yè)基礎(chǔ)　  2.1　從基礎(chǔ)開始　  2.2　文檔默認(rèn)值　  2.3　head（報(bào)頭）部分　  2.4　body（主體）部分　  2.5　網(wǎng)頁(yè)背景　  2.6　關(guān)閉你的文檔　  2.7　命名你的文件　  2.8　添加注釋　  2.9　網(wǎng)頁(yè)基本檢查列表　第3章　使用字體樣式　  3.1　排版技術(shù)簡(jiǎn)介　  3.2　舊的文本樣式設(shè)計(jì)方法　  3.3　一個(gè)新的開始：語義標(biāo)示　  3.4　使用CSS設(shè)置文本樣式　  3.5　使用列表　第4章　使用圖像　  4.1　簡(jiǎn)介　  4.2　色彩理論　  4.3　選擇圖像格式　  4.4　常見的Web圖像錯(cuò)誤　  4.5　在XHTML中使用圖像　  4.6　在處理圖像時(shí)使用CSS　第5章　使用鏈接及創(chuàng)建導(dǎo)航　  5.1　Web導(dǎo)航簡(jiǎn)介　  5.2　導(dǎo)航類型　  5.3　創(chuàng)建網(wǎng)頁(yè)鏈接并加上樣式　  5.4　鏈接和圖像　  5.5　使用JavaScript增強(qiáng)鏈接　  5.6　創(chuàng)建導(dǎo)航欄　  5.7　Web導(dǎo)航應(yīng)該做的和不應(yīng)該做的　第6章　表格：自然（以及W3C）的需求　  6.1　表格的大爭(zhēng)論　  6.2　表格如何工作　  6.3　創(chuàng)建容易理解的表格　  6.4　設(shè)置表格樣式　  6.5　用于布局的表格　第7章　使用CSS進(jìn)行頁(yè)面設(shè)計(jì)　  7.1　Web布局　  7.2　CSS布局設(shè)計(jì)工作流程　  7.3　CSS布局：一個(gè)盒子　  7.4　嵌套的盒子：boxout　  7.5　使用多重盒子和欄目的高級(jí)布局　  7.6　可滾動(dòng)的內(nèi)容區(qū)域　第8章　獲取用戶反饋　第9章　處理瀏覽器的古怪行為　第10章　整合所有內(nèi)容　附錄A　XHTML參考手冊(cè)　附錄B　Web色彩參考手冊(cè)　附錄C　實(shí)體參考手冊(cè)　附錄D　CSS參考手冊(cè)　附錄E　瀏覽器指南　附錄F　軟件指南　

章節(jié)摘錄

　　第1章　Web設(shè)計(jì)入門　　1.2 為什么建立一個(gè)網(wǎng)站　　在落筆（以及使用鼠標(biāo)和鍵盤）之前，思考一下建立一個(gè)在線網(wǎng)站的原因是很重要的。已經(jīng)有幾百萬個(gè)網(wǎng)站了，為什么你需要自己創(chuàng)建一個(gè)呢？還有，如果你為一家公司工作，可能已經(jīng)有了豐富的市場(chǎng)素材，那么為什么你還需要一個(gè)網(wǎng)站呢？　　在這里我要指出一點(diǎn)，我并不是想要?jiǎng)裾f大家遠(yuǎn)離網(wǎng)站，而是試圖強(qiáng)調(diào)，在任何Web設(shè)計(jì)項(xiàng)目中，計(jì)劃都是關(guān)鍵，盡管有些人相信，“即興表演”是最好的方式，但是這樣的項(xiàng)目幾乎最終在網(wǎng)絡(luò)上都得不到什么實(shí)質(zhì)性的東西。因此，在做任何事之前，思考一下為什么你要建立一個(gè)網(wǎng)站以及想要達(dá)到什么目的?！　」竞蛡€(gè)人一樣，建立一個(gè)網(wǎng)站都有實(shí)用和商業(yè)的原因。網(wǎng)站讓你能夠與全球的有同樣想法的個(gè)人或潛在的客戶通信。如果你是某個(gè)方面的天才，可以使用網(wǎng)站來展示你的作品，提供在線的照片和音樂下載，或者詩(shī)詞。如果你想象自己是個(gè)新聞?dòng)浾?，博客可以讓你發(fā)表自己的意見。如果你擁有一家公司或者在一家公司中工作，創(chuàng)建一個(gè)網(wǎng)站往往是公司營(yíng)銷的最有效手段。即使你只是個(gè)業(yè)余愛好者，網(wǎng)站也是尋找與你志趣相投的其他人的好辦法——盡管你可能是這個(gè)城市里唯一的喜歡一部特別的電影或某類事情的人，但是在全世界可能有數(shù)以千計(jì)的人與你有共同的想法，網(wǎng)站可以將你們聚集在一起。這可能是科幻雜志幾乎已經(jīng)消亡，卻又在網(wǎng)上復(fù)活的原因，因?yàn)殚_發(fā)的成本幾乎可以忽略，而全球范圍內(nèi)的分發(fā)卻很容易做到。

編輯推薦

　　這是一本特殊的書，它將教你如何設(shè)計(jì)出遵循標(biāo)準(zhǔn)的、美觀的、可用性高的網(wǎng)站，而且不會(huì)讓你看到太多無聊的基礎(chǔ)知識(shí)、理論或者難以理解的細(xì)節(jié)內(nèi)容?！禖SS與HTML Web設(shè)計(jì)實(shí)踐指南》教你：使用語義標(biāo)簽創(chuàng)建遵循標(biāo)準(zhǔn)并且結(jié)構(gòu)完整的網(wǎng)頁(yè)：　　使用CSS創(chuàng)建美觀的頁(yè)面布局、排版樣式和導(dǎo)航欄；　　在時(shí)尚設(shè)計(jì)和Web標(biāo)準(zhǔn)中尋求平衡；　　學(xué)習(xí)如何修復(fù)常見的瀏覽器缺陷，確保所有用戶都能正常訪問你的網(wǎng)頁(yè)；　　了解與XHTML元素和屬性、CSS屬性和值、瀏覽器等相關(guān)的內(nèi)容。

圖書封面

圖書標(biāo)簽Tags

無

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

---

    CSS與HTML Web設(shè)計(jì)實(shí)踐指南 PDF格式下載

---