CSS與HTML Web設計實踐指南

前言

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

內容概要

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

作者簡介

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

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

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    CSS與HTML Web設計實踐指南 PDF格式下載

---