4K輸出 產品行銷 SEO官網開發 品牌 AR全息投影 動畫設計
2012-03-21_開箱│工具書‧Div+CSS網頁版面設計:輕鬆做網頁排版,隨手做SEO by.黑俠客 #01 ▲ 這陣子被公司抓去進修上課,其實就是在充電Div+CSS網頁版面設計這部分。 於是讓這項專業技能更為熟練精進,也特地到書局買了幾本工具書。 如您對這方便有興趣的朋友們,不彷可以參考。 #02 ▲ 許多人一聽到DIV+CSS就覺得要寫語法好難,其實一點也不,利用Dreamweaver就可輕鬆完成(語法的設定都有提示,文字結構化也都可以在「設計」模式輕鬆完成)。坊間有關CSS的書籍,多不計數,但通常只提到CSS本身的語法,而少有涉及網頁排版部份,或雖有提及,但總是蜻蜓點水般的帶過,鮮少有一本完整的範例製作過程及解析。本書給您的,不是只有「步驟」,而是「概念」與「邏輯」,並藉由作者本身的教學經驗,讓新手、老手,通通都變成高手。
#03 ▲ 本書特色: ◎提供五個完整的範例製作過程及解析,讓讀者徹底了解並學會。 ◎教導讀者如何增加網站的「曝光率」及「訪客流量」,如何做好SEO。 而SEO就是Search Engine Optimization這是SEO英文全名,翻中文全名就是搜尋引擎優化。 它的用處就是在搜尋引擎裡,能夠很快的找尋到目標網站,也就是讓搜尋引擎鍵入關鍵字後,搜尋出來的結果,網站的排序自然能夠排名在前,讓搜尋的人很快的找到目標網站。 #04 #05 ▲ 相關資料: 系列:網頁設計 規格:平裝 / 448頁 / 18k / 普級 / 全彩 / 初版 出版地:台灣 作者:郭嘉雯 出版社:松崗 出版日期:2011年11月16日 語言:繁體中文 ISBN:9789572239674 裝訂:平裝 #06 ▲ 內附相關教學與範本學習光碟。 #07 ▲ 這些密密麻麻的DIV+CSS語法!就是它的奧妙之處。 #08 ▲ 相關目錄: Part I基礎知識篇 Ch1HTML 與CSS 介紹 介紹HTML本身的結構與常用標籤,了解CSS設定的對象、設定方式與設定的位置,使讀者有了基本的認識後,能夠一步一步地走向DIV+CSS,利用語法的方式來架構網頁,進而拋棄表格式網頁。 Ch2利用CSS 美化HTML 本章節先來個牛刀小試,讓讀者從單獨的網頁標籤與簡單的CSS樣式,製作各類型範例(如:文字類型、背景類型、超連結類型、選單類型…等)。作者以分類、分項方式,替讀者打基礎,從而讓讀者了解其應用與活用。 Ch3實現排版的方法與文字結構化 介紹網頁排版常用的方式(如:AP Div、表格、Div),並且比較其優缺點;再介紹網頁文字結構化的重要性,其與Div排版之間重要的關連。 Ch4版型分割與解析 本章節先介紹網頁基本的版型(如:單欄式、雙欄式、三欄式),分析其組成的架構、道破設定時的癥結點,使讀者充分了解製作時的箇中技巧。再介紹建站、建立網頁、網頁與CSS的連結、文字結構化、利用CSS美化網頁…等一系列的製作流程,替讀者為後續的實作範例打基礎。AI三維科技 產品行銷 品牌打造 三維智能系統 3D全息廣告 AI互連廣告開發 Part II 佈局實現篇 Ch5比利熊童書屋 以「單欄式版型」為基礎,利用簡單的巢狀Div來架構網頁版型,搭配padding和margin等CSS樣式設定來實現網頁編排,再利用其它樣式美化網頁內容。 Ch6 ONE PLUS 旅遊網 以「三欄式版型」為基礎,利用Div架構網頁版型,除了搭配padding、margin,另外再使用position的方式,來實現網頁排版,並破解IE6垂直選單高度加大的問題。 Ch7 ONE PLUS 咖啡網 以「三欄式版型」為基礎,利用Div+CSS來實現網頁排版,並破解PNG檔在IE6無法透明以及<ul>沒設高度的問題。 Ch8 ONE PLUS 汽車網 以「三欄式版型」為基礎,利用Div+CSS來實現網頁排版,並解決<ul>預設邊界的問題。 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 標籤的預設值 以上相關文字引用於:http://www.books.com.tw/exep/prod/booksfile.php?item=0010525286 #09 ▲ 也因為上了一些進修課程與觀看DIV+CSS圖書。 圖片、文字說明: ◎本文圖片、文字部分引用分享,相關內容皆屬該【原創作者】所有。 ◎本文僅做分享使用,不做為商業買賣或交易依據,請勿自行複製或下載圖片,特此說明! 日期:2012-03-21 紀錄:黑俠客 機身:Canon EOS Kiss X4(550D) 鏡頭:Canon EF 24-70mm F2.8 L USM