Dreamweaver CS6 網頁點子實戰課

張仁川

買這商品的人也買了...

相關主題

商品描述

<內容特色>

跨平台時代,HTML5/CSS3勢力崛起,開創網頁設計需有新格局!
網頁創意點子絕妙版面設計動態聲光效果人氣特效應用
超讚擴充功能質感網頁美化風格網頁最佳製作化
跨平台網頁設計秘訣,全面實戰大集結!

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

認識網頁設計(我的第一個網頁)
文字遇上影像(旅遊全記錄)
連結世界的捷徑(滑鼠變換影像展示)
多媒體網頁設計(嵌入YouTube影片)
表格與AP元素(以Div標籤設計網頁相簿)
頁框與範本(使用範本建立網頁)
HTML5CSS3(跨手機/平板與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章:HTML5CSS3(跨手機/ 平板與PC 的流變格線版面)
HTML5
CSS3讓網頁呈現全新的視覺特效,網頁設計者必須同時滿足手機、平板和電腦等多平台的要求,這也是網頁設計未來的趨勢。
7-1
認識 HTML5CSS3
7-2 HTML5
播放影片
7-3 HTML5
繪圖特效
7-4 CSS
固定中央背景
7-5 CSS
影像導覽列
7-6 CSS3
轉場動畫效果
7-7
主題範例-跨手機/平板與PC的流變格線版面

8章:擴充功能應用(加入Facebook<>按鈕)
除了內建的動態效果以外,您還可以從網路下載更多的擴充功能和組件來豐富網頁的內容和視覺效果。
8-1
認識擴充功能
8-2
行為面板
8-3
影像縮放效果
8-4
新增擴充功能
8-5
擴充功能-EasyRotator相片幻燈秀
8-6
認識Adobe Widget Browser
8-7
主題範例-加入Facebook<>按鈕

9章:Spry組件(Spry架構的相片展示)
Spry
組件可以製作各種互動式的選單,舉凡彈出式選單、摺疊式面板、標籤切換面板等,都在可彈指之間輕易完成。
9-1
認識Spry組件
9-2 Spry
選單列組件
9-3 Spry
標籤面板組件
9-4 Spry
折疊式組件
9-5 Spry
可收合面板組件
9-6 Spry
架構的相片展示

10章:伺服器與上傳網頁(網頁上傳與跨裝置網頁測試)
架設網頁伺服器可以提供瀏覽者瀏覽您的網頁。製作網頁後,如何將網頁傳送到伺服器並維護網頁才是另一階段的開始。
10-1
網頁伺服器
10-2
設定遠端伺服器資訊
10-3
上傳網頁
10-4
檔案同步化
10-5
主題範例-網頁上傳與跨裝置網頁測試
10-6
登錄網站
10-7
宣傳網頁

<光碟內容>

範例素材、29段基礎功能影音教學、Dreamweaver CS6試用版
完成作品、流變格線版面製作完成的HTML5網頁(上傳測試用)