★★★★★這是一本值得你仔細探究的超級實用書!★★★★★
■ 適用版本:CS6 | CS5.5 | CS5 | CS4 | CS3 | 8
■ 詳解各式網頁版面設計技巧
■ 不寫程式也能做出特效十足的網頁
網頁技術推陳出新,從電腦、智慧型手機發展到平板電腦,本書從視覺觀點出發,透過實例引領你如何踏入專業網頁設計領域。
■ 設計好美觀的畫面還得要實現成為真正的網站,教你運用Photoshop切割、Dreamweaver編輯與CSS排版設定,完整披露專業網站製作過程,輕鬆掌握各式網站版面技巧+CSS排版才是王道!
■ 網頁不只講究視覺,還必須創造無限變化的可能,無痛學習JavaScript、CSS、jQuery的設計關鍵,讓你在競爭激烈的市場脫穎而出!
■ 精心篩選最新、最具代表性的特效,均標示所支援的瀏覽器,可以隨心所欲找到自己需要的效果,做出有趣又驚喜的專業網站。
作者簡介:
李啟宏 Niel Li
現任:
優勢數位設計學苑 資深課程專任講師
經歷:
資深多媒體網頁設計師
易禧科技 多媒體網頁設計、平面設計課程講師
文化大學推廣教育部 多媒體設計課程講師
新視界雜誌、dpi設計流行創意雜誌 雜誌專欄作家
專長:
多媒體網頁設計、平面設計、網頁視覺設計整合
認證:
ACE on Photoshop CS5
著作:
《動畫設計驚嘆號:至高的Flash網頁動畫88招》
《網頁設計驚嘆號:Dreamweaver X PHP互動網站直擊》
《網頁設計驚嘆號:Dreamweaver至高的網頁特效188招》
《Dreamweaver vs photoshop CS3網頁視覺設計與互動特效整合》
《Photoshop CS3 影像突破力╳進階講堂》
《Photoshop CS3 影像創造力╳基礎講堂》
《Dreamweaver CS3網頁設計驚嘆號-至高的網頁特效172招》
個人網站:
Mr-idea多媒體設計 www.mr-idea.idv.tw
作者序
用Dreamweaver來編輯設計專業網頁,早已不是只用簡單文字與圖片排列就足夠,唯有掌握「版面設計」與「效果」的專業核心技巧,網頁設計功力才能更上一層樓!
「版面設計」的重點是要將設計好的畫面圖檔,實現成為真正的網站!因此,必須要瞭解各類型網頁版型設計的方式,影像切割、表格、頁框、內頁框的進一步使用都是必備的技巧。此外,因應各不同瀏覽器的問世,為了讓網站於各瀏覽器均可完美表現,CSS排版是新的趨勢,學習HTML與CSS的程式碼撰寫,一直是不擅程式撰寫的人,揮之不去的夢魘。有鑑於此,本書將以Dreamweaver來介紹HTML與CSS,利用Dreamweaver非常完整的CSS功能,讓不黯程式的你也能完成專業CSS排版。
「效果」是以JavaScript建構的各式網頁效果,這部分在Dreamweaver中是以行為、AP元素、Spry效果三大功能來表現,本書不但能學到進階應用技巧,更獨家分享各式JavaScript擴充元件的使用心得,包括最新的jQuery擴充元件等,就算不寫JavaScript也能做出效果驚豔的網頁。
精彩內容包括:
1.表格是網頁編排的開始,更是網頁設計學習與應用中不可或缺的編排技巧,充分完整瞭解表格編排的進階技巧,是成為網頁設計達人的入場卷,靈活運用Photoshop切割所儲存出的基本表格,將可完成任何版面設計編排的不可能任務,再搭配頁框與內頁框版面技巧,你也可以是出色的專業網頁設計師。本書範例皆提供原始PSD圖檔,詳盡說明切割與版面整合技巧。
2.CSS排版絕對是必備的網頁編排技巧,但不會寫程式的設計師們總認為CSS程式學習不易。其實妥善運用Dramweaver的CSS功能,只要設定得宜,也能完成標準的CSS排版。本書將以Dramweaver完整的CSS設定功能,介紹CSS標準架構與類型,以及如何設定CSS完成標準CSS排版的網頁,讓你踏出成功的第一步。
3.Dreamweaver CS6著重CSS與JavaScript的版面整合效果,不但保留原來的擴充元件機制,更以全新Adobe Widget Browser方式,讓使用者不用撰寫程式也能在頁面上加入熱門火紅jQuery元件。本書精心篩選最新、最具代表性的特效,依照分篇、分類、各獨立特效與整合技巧的內容練習,更介紹如何整合新功能,加入特效與jQuery元件至全新實際個案上應用。對於已經是《網頁設計驚嘆號!》的忠實讀者,也請繼續一起無限升級吧!最新效果內容、全新應用技巧範例都完整介紹給你。
希望此書能幫助大家成為專業網頁視覺設計與互動效果的達人!
李啟宏
用Dreamweaver來編輯設計專業網頁,早已不是只用簡單文字與圖片排列就足夠,唯有掌握「版面設計」與「效果」的專業核心技巧,網頁設計功力才能更上一層樓!
「版面設計」的重點是要將設計好的畫面圖檔,實現成為真正的網站!因此,必須要瞭解各類型網頁版型設計的方式,影像切割、表格、頁框、內頁框的進一步使用都是必備的技巧。此外,因應各不同瀏覽器的問世,為了讓網站於各瀏覽器均可完美表現,CSS排版是新的趨勢,學習HTML與CSS的程式碼撰寫,一直是不擅程式撰寫的人,揮之不去的夢魘。有鑑於此,本書將以Dreamweaver來介紹...
目錄
導讀:CS6新功能與本書使用方法
第1章:Dreamweaver中的HTML與CSS設定
1-1 HTML簡介與常用的HTML標籤
1-2 CSS規則與Dreamweaver中的CSS設定
1-3 Dreamweaver完整CSS設定與使用
1-4 利用Adobe BrowserLab進行不同瀏覽器預覽檢視
1-5 Adobe Widget Browser快速加入jQuery元件
1-6 Dreamweaver CS6 新增功能介紹
第2章:表格與頁框版面編排技法
2-1 Photoshop版面設計切割
2-2 表格版面編排
2-3 CSS背景圖版面應用
2-4 頁框與內頁框版面
第3章:CSS與CSS版面編排整合技巧
3-1 CSS樣式初步應用
3-2 利用DIV標籤劃分網頁區塊
3-3 CSS單欄版面配置
3-4 CSS絕對水平、垂直對置中版面配置
3-5 CSS雙欄版面配置
3-6 CSS三欄的版面配置
3-7 流變格線CSS架構版面
3-8 初探CSS 3.0
第4章:互動效果與版面整合技巧
4-1 內建行為版面整合
4-2 Spry 效果版面整合
4-3 Spry Widget 元件版面整合
4-4 必備互動效果擴充元件版面整合應用
4-5 最新擴充元件版面整合應用
4-6 Widget Browser(jQuery 擴充元件)版面整合應用
導讀:CS6新功能與本書使用方法
第1章:Dreamweaver中的HTML與CSS設定
1-1 HTML簡介與常用的HTML標籤
1-2 CSS規則與Dreamweaver中的CSS設定
1-3 Dreamweaver完整CSS設定與使用
1-4 利用Adobe BrowserLab進行不同瀏覽器預覽檢視
1-5 Adobe Widget Browser快速加入jQuery元件
1-6 Dreamweaver CS6 新增功能介紹
第2章:表格與頁框版面編排技法
2-1 Photoshop版面設計切割
2-2 表格版面編排
2-3 CSS背景圖版面應用
2-4 頁框與內頁框版面
第3章:CSS與CSS版面編排整合技巧
3-1 CSS樣式初步應用
3-2 利用DIV標籤劃分網頁區...
購物須知
退換貨說明:
會員均享有10天的商品猶豫期(含例假日)。若您欲辦理退換貨,請於取得該商品10日內寄回。
辦理退換貨時,請保持商品全新狀態與完整包裝(商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等)一併寄回。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱退換貨原則。