好康資訊優惠

跨平台時代，HTML5/CSS3勢力崛起，開創網頁設計需有新格局!



?網頁創意點子?絕妙版面設計?動態聲光效果?人氣特效應用



?超讚擴充功能?質感網頁美化?風格網頁最佳製作化



跨平台網頁設計秘訣，全面實戰大集結!





HTML5和CSS3是網頁技術的一大躍進，支援音樂、影片和繪圖，不需安裝任何外掛程式，輕鬆製作出內容與視覺效果兼具的網頁作品。另外，流變格線版面解決了許多網頁設計師的困擾，一次完成智慧手機、平板電腦和PC網頁的製作，跨平台網頁設計，不再是難題。





?認識網頁設計（我的第一個網頁）



?文字遇上影像（旅遊全記錄）



?連結世界的捷徑（滑鼠變換影像展示）



?多媒體網頁設計（嵌入YouTube影片）



?表格與AP元素（以Div標籤設計網頁相簿）



?頁框與範本（使用範本建立網頁）



?HTML5與CSS3（跨手機/平板與PC的流變格線版面）



?擴充功能應用（加入Facebook按鈕）



?Spry組件（Spry架構的相片展示）



?伺服器與上傳網頁（網頁上傳與跨裝置網頁測試）

譯者介紹

第1章：認識網頁設計（我的第一個網頁）



在數位出版的時代，網頁是最容易發揮創意的方式，無論是初學者或網頁設計師，都可以透過網頁進行創意展示。



1-1 認識Dreamweaver



1-2 Dreamweaver CS6 的新功能



1-3 網頁設計專有名詞



1-4 啟動Dreamweaver CS6



1-5 新增網站



1-6 建立網頁



1-7 主題範例-我的第一個網頁





第2章：文字遇上影像（旅遊全記錄）



文字和影像是網頁最基本的元素，透過文字和影像的邂逅，將您的創意好點子呈現給全世界。



2-1 文字與影像組合



2-2 輸入文字



2-3 文字的換行



2-4 連續的空白字元



2-5 特殊字元



2-6 水平線



2-7 網頁影像



2-8 插入影像



2-9 影像的去背



2-10 背景影像的重複方式



2-11 浮動的影像（文繞圖）



2-12 主題範例-旅遊全記錄





第3章：連結世界的捷徑（滑鼠變換影像展示）



超連結是網頁的精神所在，試著透過一根手指頭和瀏覽者有更多的互動，將網頁連結到世界各地。



3-1 認識超連結



3-2 文字與超連結



3-3 影像與超連結



3-4 下載檔案的連結



3-5 錨點



3-6 影像地圖



3-7 主題範例-滑鼠變換影像展示





第4章：多媒體網頁設計（嵌入YouTube 影片）



只有文字和影像太單調，來點聲光效果的多專業英文家教推薦 楊梅媒體元素豐富網頁的內容，讓音樂、FLASH動畫和影片都成為網頁的一角。



4-1 影像預留位置



4-2 滑鼠變換影像



4-3 Flash影片



4-4 Flash視訊



4-5 背景音樂



4-6 主題範例-嵌入YouTube影片





第5章：表格與AP元素（以Div標籤設計網頁相簿）



表格是版面設計的最佳工具，從單欄到多欄都可以使用表格來完成。AP元素可以讓網頁更具彈性，創造多變的視覺效果。



5-1 認識表格



5-2 建立表格



5-3 編輯表格



5-4 內容絕對置中



5-5 表格影像邊框



5-6 認識AP元素



5-7 新增AP元素



5-8 AP Div標籤水平置中



5-9 巢狀結構的AP Div



5-10 主題範例-以Div標籤設計網頁相簿





第6章：頁框與範本（使用範本建立網頁）



想要設計風格一致的頁面並製作大量的網頁時，頁框和範本是提高生產力的最佳方案，對於網頁內容的維護也很容易。



6-1 認識頁框



6-2 建立頁框組網頁



6-3 頁框+Div相片展示



6-4 認識範本



6-5 建立範本



6-6 主題範例-使用範本建立網頁



6-7 修改範本





第7章：HTML5與CSS3（跨手機/ 平板與PC 的流變格線版面）



HTML5與CSS3讓網頁呈現全新的視覺特效，網頁設計者必須同時滿足手機、平板和電腦等多平台的要求，這也是網頁設計未來的趨勢。



7-1 認識 HTML5與CSS3



7-2 HTML5播放影片



7-3 HTML5繪圖特效



7-4 CSS固定中央背景



7-5 CSS...