
0人評分過此書
Dreamweaver CS6網頁製作比你想的簡單:Html 5╳CSS3╳Mobile╳Facebook 超強全應用
書附光碟DVD*1
網頁技術全面翻新,輕鬆操控HTML5、CSS3、jQuery的新應用,讓您的網站晉升到不同的層次。
身為網頁設計師,面對客戶不同的需求,您可以有更快更好的解決辦法,本書不只是教你製作網站,更要提供專業創新的設計概念!
超值加贈:全書影音教學+完整範例檔+獨家擴充應用程式
如果你有以下問題,請立即翻開本書:
.製作網站前千頭萬緒的資料要如何整理?
.想做出有設計感專業的網站到底要從何著手?
.如何在網站中加入吸引人的圖片展示、影片串流、音樂播放的特效?
.想要在網站中加入影音平台、社群互動卻一籌莫展?
.要怎麼製作出符合不同螢幕尺寸、跨平台的網頁?
.面對層出不窮的新技術,要用什麼軟體進行一次性的開發與維護?
Dreamweaver CS6能做的比你想得更多!絕不能錯過的精彩內容:
.直上 HTML5 網頁開發不用學習程式碼
.CSS3 動人特效立刻套用不必等
.流變格線版面、媒體查詢應用解決不同螢幕尺寸的開發問題
.jQuery Mobile 無痛上手行動裝置網頁開發
.Facebook社群工具、GoogleMap網路地圖、Youtube 影音平台一次搞定
只學功能操作是無法獨立完成一個網站,本書將以一個完整的網站為範例架構,帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能,並能引導應用進階程式來完成更多網頁的特效。讓您在練習的過程中不僅學會軟體的功能,並可藉由範例引導昇華網頁製作的技巧。
1.雙效合一的影音教學:完整解說從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟,搭配書本內容及實例練習,依自己的學習節奏,不受時間地點的限制,讓學習的效果更加倍。
2.省時好用的擴充程式:將繁雜的程入碼輸入過程化為對話方塊的選項,輕鬆設定即可完成許多實用的功能:社群推文按鈕、隨機顯示照片、加入Youtube線上影片。
3.HTML5、CSS3全範例導引:不用艱深的程式碼去說明新技術,做就對了!利用範例帶您領略HTML5與CSS3的全新魅力,製作出CP值超高的新網頁。
4.Widget Browser應用:將過去複雜的程式設定化繁為簡,在網頁上加入 GoogleMap 與天氣預報模組。
5.Facebook 社群工具的導入:走出網站經營的寂寞,用力的擁抱您的粉絲。加入Facebook的社群工具,讓網站增添滿滿的人氣!
6.跨平台的網頁開發:不再只有桌面瀏覽,帶領您開發出能在平板電腦與智慧型手機上使用的網站,全面進入行動式裝置的應用。
7.自我練習檢視學習進度:提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。
網頁技術全面翻新,輕鬆操控HTML5、CSS3、jQuery的新應用,讓您的網站晉升到不同的層次。
身為網頁設計師,面對客戶不同的需求,您可以有更快更好的解決辦法,本書不只是教你製作網站,更要提供專業創新的設計概念!
超值加贈:全書影音教學+完整範例檔+獨家擴充應用程式
如果你有以下問題,請立即翻開本書:
.製作網站前千頭萬緒的資料要如何整理?
.想做出有設計感專業的網站到底要從何著手?
.如何在網站中加入吸引人的圖片展示、影片串流、音樂播放的特效?
.想要在網站中加入影音平台、社群互動卻一籌莫展?
.要怎麼製作出符合不同螢幕尺寸、跨平台的網頁?
.面對層出不窮的新技術,要用什麼軟體進行一次性的開發與維護?
Dreamweaver CS6能做的比你想得更多!絕不能錯過的精彩內容:
.直上 HTML5 網頁開發不用學習程式碼
.CSS3 動人特效立刻套用不必等
.流變格線版面、媒體查詢應用解決不同螢幕尺寸的開發問題
.jQuery Mobile 無痛上手行動裝置網頁開發
.Facebook社群工具、GoogleMap網路地圖、Youtube 影音平台一次搞定
只學功能操作是無法獨立完成一個網站,本書將以一個完整的網站為範例架構,帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能,並能引導應用進階程式來完成更多網頁的特效。讓您在練習的過程中不僅學會軟體的功能,並可藉由範例引導昇華網頁製作的技巧。
1.雙效合一的影音教學:完整解說從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟,搭配書本內容及實例練習,依自己的學習節奏,不受時間地點的限制,讓學習的效果更加倍。
2.省時好用的擴充程式:將繁雜的程入碼輸入過程化為對話方塊的選項,輕鬆設定即可完成許多實用的功能:社群推文按鈕、隨機顯示照片、加入Youtube線上影片。
3.HTML5、CSS3全範例導引:不用艱深的程式碼去說明新技術,做就對了!利用範例帶您領略HTML5與CSS3的全新魅力,製作出CP值超高的新網頁。
4.Widget Browser應用:將過去複雜的程式設定化繁為簡,在網頁上加入 GoogleMap 與天氣預報模組。
5.Facebook 社群工具的導入:走出網站經營的寂寞,用力的擁抱您的粉絲。加入Facebook的社群工具,讓網站增添滿滿的人氣!
6.跨平台的網頁開發:不再只有桌面瀏覽,帶領您開發出能在平板電腦與智慧型手機上使用的網站,全面進入行動式裝置的應用。
7.自我練習檢視學習進度:提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。
-
CHAPTER 01 跨越不同平台的網頁設計軟體
-
1.1 認識功能強大的 Dreamweaver CS6
-
1.2 網頁革命新浪潮
-
1.2.1 HTML5 的出現
-
1.2.2 HTML5 的新增功能
-
-
1.3 Dreamweaver 的操作環境介紹
-
1.3.1 啟動 Dreamweaver
-
1.3.2 Dreamweaver 的環境介紹
-
-
1.4 Dreamweaver 的輔助資源
-
1.4.1 Dreamweaver 的輔助說明
-
1.4.2 Dreamweaver 官方網站資源
-
-
1.5 建議環境配置
-
1.5.1 關閉或重新使用歡迎畫面
-
1.5.2 改變工作區的配置方式
-
1.5.3 設定預設的副檔名及編碼方式
-
-
1.6 延伸練習
-
-
CHAPTER 02 開始規劃網站
-
2.1 網站的開發流程
-
2.1.1 規劃期
-
2.1.2 施工期
-
2.1.3 維護期
-
-
2.2 網站開發首部曲
-
2.2.1 範例網站的分析
-
2.2.2 建立本地資料夾與網站定義
-
2.2.3 網站檔案的管理
-
2.2.4 網頁文件視窗
-
2.2.5 管理定義好的網站項目
-
-
2.3 延伸練習
-
-
CHAPTER 03 記錄旅行的起點 ─ 文字與影像
-
3.1 網頁文字的編輯
-
3.1.1 認識文字格式屬性面板
-
3.1.2 文字輸入的方式
-
3.1.3 格式化文字
-
-
3.2 水平線的設計
-
3.2.1 插入水平線
-
3.2.2 修改水平線屬性
-
-
3.3 網頁影像的使用
-
3.3.1 插入影像與設定提示文字
-
3.3.2 插入日期符號
-
3.3.3 設定網頁背景
-
-
3.4 操作秘技與重點叮嚀
-
3.4.1 插入特殊符號
-
3.4.2 樣式的修改
-
3.4.3 選擇網頁中可使用的影像類型
-
3.4.4 PSD 檔轉換成網頁影像格式
-
3.4.5 編輯影像相關設定
-
3.4.6 移除 Word 產生的無關 HTML 程式碼
-
-
3.5 延伸練習
-
-
CHAPTER 04 旅遊資訊的分享 ─ 表格的使用
-
4.1 關於表格
-
4.1.1 表格的二種檢視模式
-
4.1.2 認識表格組成元素與插入表格
-
4.1.3 選取欄、列、儲存格與表格的方法
-
4.1.4 認識表格屬性面板
-
4.1.5 認識儲存格屬性面板
-
-
4.2 表格的輔助功能
-
4.2.1 視覺輔助
-
4.2.2 插入面板 \ 版面的其他表格功能鈕
-
-
4.3 建置與屬性設計 - 製作基礎表格
-
4.3.1 插入表格
-
4.3.2 調整欄寬、列高
-
4.3.3 透過標籤檢視窗變更表格屬性
-
4.3.4 插入、刪除欄列
-
4.3.5 置入文字內容
-
4.3.6 透過 CSS 設計儲存格內容的樣式
-
4.3.7 排序表格內的資料
-
4.3.8 合併儲存格
-
-
4.4 製作巢狀表格
-
4.4.1 製作第一層與第二層表格
-
4.4.2 將圖片與文字填入表格並調整樣式
-
-
4.5 延伸練習
-
-
CHAPTER 05 熱門景點的介紹 ─ 超連結的設定
-
5.1 關於超連結
-
5.2 超連結設定
-
5.2.1 命名錨點的使用
-
5.2.2 設定文字連結
-
5.2.3 設定文字連結的顏色
-
5.2.4 設定影像連結
-
-
5.3 操作秘技與重點叮嚀
-
5.3.1 點縮圖開大圖
-
5.3.2 相關網站的連結設定
-
5.3.3 建立郵件超連結
-
5.3.4 移除與變更連結
-
5.3.5 設定檔案下載超連結
-
-
5.4 延伸練習
-
-
CHAPTER 06 旅行點滴的雜記 ─ CSS 的設計
-
6.1 什麼是 CSS ?
-
6.1.1 CSS 樣式表的特色
-
6.1.2 CSS 樣式表的類別
-
-
6.2 新增 CSS 樣式
-
6.2.1 標籤選取器 - 定義內定標籤樣式
-
6.2.2 類別選取器 - 自訂樣式
-
6.2.3 複合選取器
-
6.2.4 ID 選取器
-
-
6.3 套用及管理 CSS 樣式
-
6.3.1 套用 CSS 樣式的方法
-
6.3.2 編輯 CSS 樣式表
-
6.3.3 停用 / 啟用 CSS 屬性
-
-
6.4 連結與匯出 CSS
-
6.4.1 連結外部 CSS 樣式表檔
-
6.4.2 匯出網頁內的 CSS 樣式表
-
-
6.5 利用 CSS3 加強網頁視覺效果
-
6.5.1 關於 CSS3
-
6.5.2 CSS3 特效 - 圓角及陰影
-
6.5.3 CSS3 特效 - 縮放及旋轉的變形效果
-
6.5.4 CSS3 特效 - 文字陰影
-
6.5.5 CSS3 特效 - 使用 @font-face
-
6.5.6 CSS3 特效 - 圖片轉變效果
-
-
6.6 製作秘技與重點叮嚀
-
6.6.1 由頁面屬性快速設定 CSS 樣式
-
6.6.2 用 CSS 樣式設計不會跟著捲動的背景圖
-
6.6.3 用 CSS 樣式設計水平線
-
6.6.4 用 CSS 樣式設計項目清單與編號清單
-
-
6.7 延伸練習
-
-
CHAPTER 07 靈活展示的地圖 ─ AP 元素的應用
-
7.1 關於 AP 元素
-
7.1.1 什麼是 AP 元素?
-
7.1.2 AP 元素的新增
-
7.1.3 AP 元素的屬性設定
-
-
7.2 AP 元素與行為指令建置
-
7.2.1 建立地圖的連結區
-
7.2.2 繪製 AP 元素
-
7.2.3 將 AP 元素調整為巢狀架構
-
7.2.4 在 AP 元素中加入影像與文字
-
7.2.5 加入行為指令
-
7.2.6 設定 AP 元素水平置中
-
-
7.3 延伸練習
-
-
CHAPTER 08 重現感動的片刻 ─ 多媒體的呈現
-
8.1 Flash 動畫效果
-
8.1.1 插入 Flash 動畫
-
8.1.2 設定自動轉頁
-
8.1.3 在 Dreamweaver 編輯畫面預覽 Flash 動畫
-
-
8.2 音效與影片檔案的播放
-
8.2.1 在網頁中加入音效
-
8.2.2 在網頁中加入影片
-
-
8.3 利用 HTML5 加入音效與影片
-
8.3.1 使用 video 標籤加入視訊
-
8.3.2 使用 audio 標籤加入音效
-
-
8.4 延伸練習
-
-
CHAPTER 09 充滿光影的回憶 ─ 頁框網站的製作
-
9.1 認識頁框
-
9.1.1 頁框網站的結構
-
9.1.2 常見的頁框型式
-
-
9.2 頁框網站的製作
-
9.2.1 分割頁框與設定大小
-
9.2.2 儲存頁框組網頁
-
9.2.3 指定上下頁框的內容
-
9.2.4 指定頁框的連結頁面
-
-
9.3 在網頁中透過 iframe 嵌入其他網頁
-
9.3.1 認識 iframe
-
9.3.2 插入 iframe
-
-
9.4 延伸練習
-
-
CHAPTER 10 與我聯絡的介面 ─ 表單的加入
-
10.1 表單物件的介紹
-
10.1.1 表單加入的標準流程
-
10.1.2 表單物件的說明與使用
-
-
10.2 表單的加入與設定
-
10.2.1 規劃表單內容
-
10.2.2 加入表單
-
10.2.3 關於表單傳送的設定
-
-
10.3 設定檢驗表單行為
-
10.3.1 加入檢驗表單行為
-
10.3.2 測試檢驗表單行為
-
-
10.4 使用表單驗證 Spry 工具集
-
10.4.1 Spry 驗證文字欄位
-
10.4.2 Spry 驗證選取
-
10.4.3 Spry 驗證核取方塊
-
10.4.4 使用 Spry 驗證文字區域
-
10.4.5 修改 Spry 檢驗表單顯示訊息
-
10.4.6 預覽表單檢驗 Spry 工具集的效果
-
-
10.5 操作秘技與重點叮嚀
-
10.5.1 跳頁選單的製作
-
10.5.2 在按鈕上設定超連結的功能
-
-
10.6 延伸練習
-
-
CHAPTER 11 擴充網站的功能 ─ 行為與擴充程式
-
11.1 行為的使用
-
11.1.1 行為的特性
-
11.1.2 關於行為面板
-
11.1.3 常用的行為介紹
-
-
11.2 使用 Spry 效果
-
11.2.1 什麼是 Spry 效果?
-
11.2.2 使用 Spry 效果
-
-
11.3 Dreamweaver 擴充程式的使用
-
11.3.1 認識 Dreamweaver 擴充程式
-
11.3.2 擴充程式何處尋?
-
11.3.3 擴充程式管理員
-
11.3.4 推薦使用的擴充程式
-
-
11.4 延伸練習
-
-
CHAPTER 12 導入專業的版型 ─ 範本的應用
-
12.1 範本的建立
-
12.1.1 製作範本檔案
-
12.1.2 設定可編輯區域
-
12.1.3 設定重複區域
-
12.1.4 設定選擇性區域
-
-
12.2 範本的套用
-
12.2.1 整理網站中將套用範本的檔案
-
12.2.2 套用可編輯區及設定選擇性區域
-
12.2.3 使用重複區域
-
-
12.3 範本的進階使用與管理
-
12.3.1 由範本新增網頁
-
12.3.2 範本的管理
-
12.3.3 讓文件從範本中分離
-
-
12.4 延伸練習
-
-
CHAPTER 13 網站檔案發佈與維護
-
13.1 申請一個免費空間
-
13.1.1 申請前注意事項
-
13.1.2 開始申請
-
-
13.2 由 Dreamweaver 上傳網站
-
13.2.1 定義遠端資訊
-
13.2.2 連線、上傳
-
13.2.3 上網瞧瞧您的網站
-
-
13.3 推廣網站
-
13.3.1 利用電子信箱與 Facebook 通知親朋好友
-
13.3.2 各大搜尋引擎網站登錄
-
13.3.3 網路資源大公開
-
-
13.4 網站管理與維護 - 同步化檔案
-
13.4.1 與遠端伺服器同步化
-
13.4.2 同步化其他設定
-
-
13.5 Adobe BrowserLab 整合
-
13.5.1 關於 Adobe BrowserLab
-
13.5.2 從 Dreamweaver 加以預覽
-
-
13.6 操作秘技與重點叮嚀
-
13.6.1 上傳、下載與刪除遠端檔案
-
13.6.2 檢查整個網站的連結狀況
-
13.6.3 檔案的取出與存回
-
-
13.7 延伸練習
-
-
CHAPTER 14 Spry 工具集與 Widget Browser
-
14.1 認識 Spry
-
14.2 關於 Spry 工具集
-
14.3 Spry 選單列
-
14.3.1 關於 Spry 選單列
-
14.3.2 分析選單結構
-
14.3.3 加入 Spry 選單列
-
14.3.4 自訂 Spry 選單列樣式的修改方式
-
14.3.5 進行 Spry 選單列樣式的修改
-
-
14.4 Spry 標籤面板
-
14.4.1 加入 Spry 標籤面板
-
14.4.2 自訂 Spry 標籤面板樣式的修改方式
-
14.4.3 進行 Spry 標籤面板樣式的修改
-
-
14.5 Spry 可收合面板
-
14.5.1 加入 Spry 可收合面板
-
14.5.2 自訂 Spry 可收合面板樣式的修改方式
-
14.5.3 進行 Spry 可收合面板樣式的修改
-
-
14.6 Spry 折疊式
-
14.6.1 加入 Spry 折疊式
-
14.6.2 自訂 Spry 折疊式樣式的修改方式
-
14.6.3 進行 Spry 折疊式樣式的修改
-
-
14.7 Adobe Widget Browser 工具集
-
14.7.1 Adobe Widget Browser 的下載安裝
-
14.7.2 Adobe Widget Browser 的應用
-
14.7.3 將 Widget 程式加入 Dreamweaver 中
-
-
-
CHAPTER 15 加入 Facebook 的社群工具
-
15.1 什麼是 Facebook 的社群工具?
-
15.2 為網站加入 Facebook 的社群工具
-
15.2.1 加入 Like Button 按個讚
-
15.2.2 加入 Like Box 顯示粉絲實力
-
15.2.3 加入 Comments 快速架設留言版
-
-
15.3 使用 Facebook 的社群工具的注意事項
-
-
CHAPTER 16 行動裝置網頁的設計
-
16.1 行動裝置網頁的需求
-
16.1.1 行動裝置網頁製作的困難
-
16.1.2 Dreamweaver 行動裝置網頁的解決方案
-
16.1.3 在不同的螢幕預覽網頁
-
-
16.2 媒體查詢
-
16.2.1 什麼是媒體查詢?
-
16.2.2 加入媒體查詢
-
-
16.3 流變格線版面
-
16.3.1 什麼是流變格線版面?
-
16.3.2 流變格線版面的使用
-
16.3.3 流變格線版面的 CSS 樣式表
-
16.3.4 媒體查詢與流變格線版面的不同
-
-
16.4 jQuery Mobile
-
16.4.1 什麼是 jQuery Mobile?
-
16.4.2 jQuery Mobile 的使用
-
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分