熱門關鍵字:

BN說明

Div+CSS網頁版面設計:輕鬆做網頁排版,隨手做SEO

  • 館長推薦
? 快來將您對閱讀的熱情和對書籍的想法分享給所有讀友,每完成一篇讀者書評並審核通過者,即可獲得讀者書評點數,點數還可換電子禮券唷!
分享:

商品訊息

  • 追蹤分類 ? 追蹤分類後,您會在第一時間收到分類新品通知。
  • 作者: 郭嘉雯 追蹤作者 ? 追蹤作者後,您會在第一時間收到作者新書通知。
  • 出版社: 松崗 追蹤出版社 ? 追蹤出版社後,您會在第一時間收到出版社新書通知。
  • 出版日:2011/11/16
  • ISBN:9789572239674
  • 適讀年齡:
  • 定價: 490
  • 特價: 85 417
  • 紅利可抵: 13 ? 除單一商品售價低於50元或特價折扣低於3折(含)以下者,其餘商品均可使用紅利點數。
  • 到店取貨: ? 『金石堂』門市取貨免運費。
    『全家、OK、萊爾富、掌櫃』滿350元,免運費;350元以下,運費20元。
    宅配: ? 滿1,000元,免運費
    490元-999元,運費50元
    490元以下,運費65元
  • 配送地區: 全球、 香港OK、 台澎金馬
  • 付款方式: ATM、 信用卡、 LINE Pay、 街口帳戶支付、 貨到付款、 PayPal、 FamiPort、 取貨付款
  • 查詢門市庫存 ? 若您欲在金石堂門市購買商品,請選擇欲查看庫存之門市。網頁之「庫存狀態」僅供參考,實際貨況以門市為準。

內容簡介

想製作網頁,卻不知該如何下手?
作網頁用了一堆表格、儲存格堆砌版面,使得修改不易、維護困難、程式碼雜亂無章?
如果你有上述的困擾,那麼你該看看這本書。


許多人一聽到DIV+CSS就覺得要寫語法好難,其實一點也不,利用Dreamweaver就可輕鬆完成(語法的設定都有提示,文字結構化也都可以在「設計」模式輕鬆完成)。坊間有關CSS的書籍,多不計數,但通常只提到CSS本身的語法,而少有涉及網頁排版部份,或雖有提及,但總是蜻蜓點水般的帶過,鮮少有一本完整的範例製作過程及解析。本書給您的,不是只有「步驟」,而是「概念」與「邏輯」,並藉由作者本身的教學經驗,讓新手、老手,通通都變成高手。

本書特色

1.提供五個完整的範例製作過程及解析,讓讀者徹底了解並學會。
2.教導讀者如何增加網站的「曝光率」及「訪客流量」,如何做好SEO。

目錄

Part I基礎知識篇
Ch1HTML 與CSS 介紹
介紹HTML本身的結構與常用標籤,了解CSS設定的對象、設定方式與設定的位置,使讀者有了基本的認識後,能夠一步一步地走向DIV+CSS,利用語法的方式來架構網頁,進而拋棄表格式網頁。

Ch2利用CSS 美化HTML
本章節先來個牛刀小試,讓讀者從單獨的網頁標籤與簡單的CSS樣式,製作各類型範例(如:文字類型、背景類型、超連結類型、選單類型…等)。作者以分類、分項方式,替讀者打基礎,從而讓讀者了解其應用與活用。

Ch3實現排版的方法與文字結構化
介紹網頁排版常用的方式(如:AP Div、表格、Div),並且比較其優缺點;再介紹網頁文字結構化的重要性,其與Div排版之間重要的關連。

Ch4版型分割與解析
本章節先介紹網頁基本的版型(如:單欄式、雙欄式、三欄式),分析其組成的架構、道破設定時的癥結點,使讀者充分了解製作時的箇中技巧。再介紹建站、建立網頁、網頁與CSS的連結、文字結構化、利用CSS美化網頁…等一系列的製作流程,替讀者為後續的實作範例打基礎。

Part II 佈局實現篇
Ch5比利熊童書屋
以「單欄式版型」為基礎,利用簡單的巢狀Div來架構網頁版型,搭配padding和margin等CSS樣式設定來實現網頁編排,再利用其它樣式美化網頁內容。

Ch6 ONE PLUS 旅遊網
以「三欄式版型」為基礎,利用Div架構網頁版型,除了搭配padding、margin,另外再使用position的方式,來實現網頁排版,並破解IE6垂直選單高度加大的問題。

Ch7 ONE PLUS 咖啡網
以「三欄式版型」為基礎,利用Div+CSS來實現網頁排版,並破解PNG檔在IE6無法透明以及沒設高度的問題。

Ch8 ONE PLUS 汽車網
以「三欄式版型」為基礎,利用Div+CSS來實現網頁排版,並解決預設邊界的問題。

Ch9 春和齋茶藝館
以「四欄式版型」為基礎,利用Div架構版型,並以CSS來實現網頁排版與美化網頁內容。

Ch10 FLC 手創坊
以「二欄式版型」為基礎,利用複雜的巢狀Div來架構網頁版型,再搭配CSS樣式實現美化網頁的內容。

Part III實用技巧篇
Ch11 Reset.css 與 CSS Hank 的使用
W3C所規範的HTML標籤,皆有其預設值,在製作網頁時造成了編排上的困擾,因而有了所謂的「重置」觀念出現,即所有標籤預設值皆Reset,重新再做定義。作者分析不重置與重置的優缺點及使用時機,提供給讀者自行判斷。
CSS Hank的出現,是為了破解各瀏覽器對於網頁標籤預設值解讀上的不同,以令製作出來的網頁,務必在各瀏覽器中呈現一致的畫面。

Ch12 搜尋引擎最佳化(SEO)
如何讓費盡千辛萬苦製作出來的網站,能夠受到搜尋引擎的青睞,SEO(搜尋引擎最佳化)能夠幫您了解箇中原理及技巧,從而讓您的網站加分不少。

Ch13網路寶藏隨手拿
網路可說是一個大寶庫,免費資源更是尤其多,介紹一拖拉庫的免費圖片、版型及教學,讓讀者慢慢尋寶去。

附錄A HTML 標籤的預設值

詳細資料

詳細資料

    • 編/譯者
    • 語言
    • 中文繁體
    • 規格
    • 平裝
    • ISBN
    • 9789572239674
    • 分級
    • 普通級
    • 開數
    • 18開17*23cm
    • 頁數
    • 448
    • 出版地
    • 台灣
    • 適讀年齡

讀者好評

(共1 則好評)寫評價
  • ppo 說: 2014/2/20 下午 02:36:41
    這一本書,作者在前面四篇,蠻用心的講css與div的基本觀念與作法,把這一些觀念讓讀者建立起來,值的讚賞與嘉許,書中從第5章至10章,用了6個實例的範例,雖然有幾個範例的例子大同小異,但仍不失學習的興趣,第12章說到seo的作法,蠻值的閱讀的。
  • 看更多

訂購須知

下載『金石堂APP』並開啟推播設定,隨時掌握出貨動態:

Google play
App Store

    商品運送說明:

  • 本公司所提供的產品配送區域範圍目前僅限台灣本島。注意!收件地址請勿為郵政信箱。
  • 商品將由廠商透過貨運或是郵局寄送。消費者訂購之商品若無法送達,經電話或 E-mail無法聯繫逾三天者,本公司將取消該筆訂單,並且全額退款。
  • 當廠商出貨後,您會收到E-mail及APP出貨通知,您也可透過【訂單查詢】確認出貨情況。
  • 建議您可下載『金石堂APP』並開啟推播設定,即可收到出貨通知。
  • 產品顏色可能會因網頁呈現與拍攝關係產生色差,圖片僅供參考,商品依實際供貨樣式為準。
  • 如果是大型商品(如:傢俱、床墊、家電、運動器材等)及需安裝商品,請依商品頁面說明為主。訂單完成收款確認後,出貨廠商將會和您聯繫確認相關配送等細節。
  • 偏遠地區、樓層費及其它加價費用,皆由廠商於約定配送時一併告知,廠商將保留出貨與否的權利。

提醒您!!
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機,請不要聽從指示,以免受騙上當!

退換貨須知

  • 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,以下商品購買後,除商品本身有瑕疵外,將不提供7天的猶豫期:
    1. 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮食品)
    2. 依消費者要求所為之客製化給付。(客製化商品)
    3. 報紙、期刊或雜誌。(含MOOK、外文雜誌)
    4. 經消費者拆封之影音商品或電腦軟體。
    5. 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等)
    6. 已拆封之個人衛生用品。(如:內衣褲、刮鬍刀、除毛刀…等)
  • 若非上列種類商品,均享有到貨7天的猶豫期(含例假日)。
  • 辦理退換貨時,商品(組合商品恕無法接受單獨退貨)必須是您收到商品時的原始狀態(包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等),請勿直接使用原廠包裝寄送,或於原廠包裝上黏貼紙張或書寫文字。
  • 退回商品若無法回復原狀,將請您負擔回復原狀所需費用,嚴重時將影響您的退貨權益。

28