
0人評分過此書
Dreamweaver CC網頁製作比你想的簡單
本書將以一個完整的網站為範例架構,帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能,並引導應用進階程式完成更多網頁的特效。
1.雙效合一的影音教學:從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟,搭配書本內容及實例練習,搭配學習效果加倍。
2.HTML5、CSS3全範例導引:不需艱深的程式碼去說明新技術!利用範例帶您領略HTML5與CSS3的全新魅力,製作出CP值超高的新網頁。
3.Facebook 社群工具的導入:走出網站經營的寂寞,用力的擁抱您的粉絲。加入Facebook的社群工具,讓網站增添滿滿的人氣!
4.全新 jQuery UI 工具集:加快開發高效能的互動操作介面,改善網頁與使用者的使用經驗。
5.跨平台的網頁開發:不再只有桌面瀏覽,帶領您開發出能在平板電腦與智慧型手機上使用的網站,全面進入行動式裝置的應用。
6.自我練習檢視學習進度:提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。
1.雙效合一的影音教學:從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟,搭配書本內容及實例練習,搭配學習效果加倍。
2.HTML5、CSS3全範例導引:不需艱深的程式碼去說明新技術!利用範例帶您領略HTML5與CSS3的全新魅力,製作出CP值超高的新網頁。
3.Facebook 社群工具的導入:走出網站經營的寂寞,用力的擁抱您的粉絲。加入Facebook的社群工具,讓網站增添滿滿的人氣!
4.全新 jQuery UI 工具集:加快開發高效能的互動操作介面,改善網頁與使用者的使用經驗。
5.跨平台的網頁開發:不再只有桌面瀏覽,帶領您開發出能在平板電腦與智慧型手機上使用的網站,全面進入行動式裝置的應用。
6.自我練習檢視學習進度:提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。
-
01 跨越不同平台的網頁設計軟體
-
1.1 迎接網頁製作新紀元
-
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.6 延伸練習
-
-
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 延伸練習
-
-
03 記錄旅行的起點 ─ 文字與影像
-
3.1 網頁文字的編輯
-
3.1.1 在網站中新增網頁檔案
-
3.1.2 認識文字格式屬性面板
-
3.1.3 文字輸入的方式
-
3.1.4 格式化文字
-
-
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 延伸練習
-
-
04 熱門景點的介紹 ─ 超連結的設定
-
4.1 關於超連結
-
4.2 超連結設定
-
4.2.1 相關網站的連結設定
-
4.2.2 建立郵件超連結
-
4.2.3 設定檔案下載超連結
-
4.2.4 點縮圖開大圖
-
4.2.5 命名錨點的使用
-
4.2.6 設定文字連結
-
4.2.7 設定文字連結的顏色
-
4.2.8 設定回到頁首影像連結
-
4.2.9 移除與變更連結
-
-
4.3 延伸練習
-
-
05 旅遊資訊的分享 ─ 表格的使用
-
5.1 關於表格
-
5.1.1 認識表格組成元素與插入表格
-
5.1.2 表格的二種檢視模式
-
5.1.3 表格的視覺輔助工具
-
5.1.4 選取欄、列、儲存格與表格的方法
-
5.1.5 認識表格屬性面板
-
5.1.6 認識儲存格屬性面板
-
-
5.2 製作基礎表格
-
5.2.1 插入表格
-
5.2.2 調整表格寬度
-
5.2.3 調整欄寬、列高
-
5.2.4 插入、刪除欄列
-
5.2.5 填入文字內容
-
-
5.3 表格與表格文字的美化
-
5.3.1 設定儲存格背景
-
5.3.2 設定儲存格邊框樣式
-
5.3.3 設定表格內文字格式
-
5.3.4 表格 / 儲存格內容的對齊
-
5.3.5 排序表格內的資料
-
5.3.6 合併儲存格
-
-
5.4 製作巢狀表格
-
5.4.1 製作第一層與第二層表格
-
5.4.2 將圖片與文字填入表格並調整樣式
-
-
5.5 匯入 Word、Excel 做好的表格
-
5.6 延伸練習
-
-
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 設定超連結的樣式
-
6.2.5 設定 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 手動指定套用
-
-
6.5 利用 CSS3 加強網頁視覺效果
-
6.5.1 關於 CSS3
-
6.5.2 CSS3 特效 - 圓形、圓角及陰影
-
6.5.3 CSS3 特效 - 文字陰影
-
6.5.4 CSS3 特效 - 使用 @font-face
-
6.5.5 CSS3 特效 - 圖片轉變效果
-
-
6.6 製作秘技與重點叮嚀
-
6.6.1 由頁面屬性快速設定 CSS 樣式
-
6.6.2 用 CSS 樣式設計不會跟著捲動的背景圖
-
6.6.3 用 CSS 樣式設計水平線
-
6.6.4 用 CSS 樣式設計項目清單與編號清單
-
-
6.7 延伸練習
-
-
07 地圖展示 ─ 絕對定位圖層與行為
-
7.1 關於絕對定位圖層
-
7.1.1 什麼是絕對定位圖層?
-
7.1.2 新增絕對定位圖層
-
7.1.3 手動調整絕對定位圖層的大小及位置
-
7.1.4 絕對定位圖層的屬性設定
-
-
7.2 連結區與絕對定位圖層的建置
-
7.2.1 建立地圖的連結區
-
7.2.2 繪製絕對定位圖層
-
7.2.3 設定絕對定位圖層的 CSS 屬性
-
7.2.4 在絕對定位圖層中加入圖片與文字
-
-
7.3 行為的使用
-
7.3.1 行為的特性
-
7.3.2 關於行為面板
-
7.3.3 行為修改與刪除的方式
-
7.3.4 事件的分類
-
7.3.5 加入行為指令
-
7.3.6 效果行為
-
7.3.7 設定地圖水平置中
-
-
7.4 延伸練習
-
-
08 重現感動的片刻 ─ 多媒體的呈現
-
8.1 Flash 動畫效果
-
8.1.1 插入 Flash 動畫
-
8.1.2 設定自動轉頁
-
-
8.2 音效與影片檔案的播放
-
8.2.1 在網頁中加入音效
-
8.2.2 在網頁中加入 FLV 格式影片
-
-
8.3 利用 HTML5 加入音效與影片
-
8.3.1 使用 video 標籤加入視訊
-
8.3.2 使用 audio 標籤加入音效
-
-
8.4 延伸練習
-
-
09 與我聯絡的介面 ─ 表單的加入
-
9.1 表單物件的介紹
-
9.1.1 表單加入的標準流程
-
9.1.2 表單物件的說明與使用
-
-
9.2 表單的加入與設定
-
9.2.1 規劃表單內容
-
9.2.2 加入表單物件
-
9.2.3 表單傳送的設定
-
-
9.3 設定檢驗表單行為
-
9.3.1 加入檢驗表單行為
-
9.3.2 測試檢驗表單行為
-
-
9.4 操作秘技與重點叮嚀
-
9.4.1 跳頁選單的製作
-
9.4.2 在按鈕上設定超連結
-
-
9.5 延伸練習
-
-
10 範本應用
-
10.1 範本的建立
-
10.1.1 製作範本
-
10.1.2 設定可編輯區域
-
-
10.2 範本的套用
-
10.2.1 整理網站中要套用範本的檔案
-
10.2.2 套用範本&指定可編輯區對應區域
-
-
10.3 範本的進階使用與管理
-
10.3.1 由範本新增網頁
-
10.3.2 範本的管理
-
10.3.3 讓文件從範本中分離
-
-
10.4 延伸練習
-
-
11 網站檔案發佈與維護
-
11.1 申請一個免費空間
-
11.1.1 申請前注意事項
-
11.1.2 開始申請
-
-
11.2 由 Dreamweaver 上傳網站
-
11.2.1 定義遠端資訊
-
11.2.2 連線、上傳
-
11.2.3 上網瞧瞧您的網站
-
-
11.3 推廣網站
-
11.3.1 利用電子信箱與 Facebook通知親朋好友
-
11.3.2 各大搜尋引擎網站登錄
-
11.3.3 網路資源大公開
-
-
11.4 網站管理與維護 - 同步化檔案
-
11.4.1 與遠端伺服器同步化
-
11.4.2 同步化其他設定
-
-
11.5 操作秘技與重點叮嚀
-
11.5.1 上傳、下載與刪除遠端檔案
-
11.5.2 檢查整個網站的連結狀況
-
11.5.3 檔案的取出與存回
-
-
11.6 延伸練習
-
-
12 整合雲端工具
-
12.1 為網站加入 Facebook 社群工具
-
12.1.1 什麼是 Facebook 的社群工具?
-
12.1.2 加入 Like Button 按個讚
-
12.1.3 加入 Like Box 顯示粉絲實力
-
12.1.4 加入 Comments 快速架設留言版
-
12.1.5 在網頁中崁入 Facebook 的貼文
-
12.1.6 使用 Facebook 社群工具的注意事項
-
-
12.2 為網站加入 Google 地圖
-
12.2.1 取得 Google 地圖嵌入程式碼
-
12.2.2 將 Google 地圖程式碼加到網頁中
-
-
12.3 為網站加入 YouTube 影片
-
12.3.1 取得 YouTube 影片嵌入程式碼
-
12.3.2 將 YouTube 程式碼加到網頁中
-
-
-
13 使用 CSS Div 網頁排版
-
13.1 認識 Div 標籤
-
13.2 插入 Div 建置網頁架構
-
13.2.1 整理範例元素
-
13.2.2 架構分析
-
13.2.3 插入 Div 標籤
-
-
13.3 以 CSS 設定 Div 與頁面的屬性
-
13.3.1 外層框的設定
-
13.3.2 頁首的設定
-
13.3.3 頁尾的設定
-
13.3.4 內容區塊的設定
-
13.3.5 側邊欄的設定
-
13.3.6 依瀏覽器視窗縮放的網頁背景圖
-
-
13.4 Div 標籤中加入網頁內容
-
-
14 jQuery UI 工具集
-
14.1 關於 jQuery UI 工具集
-
14.1.1 認識 jQuery 與 jQuery UI
-
14.1.2 關於 jQuery UI 面板
-
-
14.2 Accordion 可折疊選單
-
14.2.1 加入 Accordion 可折疊選單
-
14.2.2 修改 Accordion 可折疊選單樣式
-
-
14.3 Tabs 標籤面板
-
14.4 Datepicker 日期選取器
-
14.4.1 加入基本 Datepicker 日期選取器
-
14.4.2 限制 Datepicker 日期選取器的選取範圍
-
14.4.3 Datepicker 日期選取器顯示多個月的月曆
-
14.4.4 以 Datepicker 日期選取器下拉式清單切換年月
-
14.4.5 顯示中文語系的Datepicker 日期選取器
-
14.4.6 直接顯示展開的Datepicker 日期選取器
-
-
14.5 Progressbar 進度列
-
14.6 Button 按鈕與 Dialog 對話方塊
-
14.6.1 加入 Button 按鈕
-
14.6.2 加入 Dialog 對話方塊
-
14.6.3 設定 Dialog 對話方塊顯示及關閉的動畫
-
14.6.4 設定 Button 按鈕開啟 Dialog 對話方塊
-
-
14.7 Buttonset 按鈕組
-
14.8 Checkbox 與 Radio Buttons
-
14.8.1 加入 Radio Button 按鈕
-
14.8.2 加入 Checkbox Button 按鈕
-
-
14.9 Slider 滑桿
-
14.10 Autocomplete 自動完成輸入
-
-
15 行動裝置網頁的設計
-
15.1 行動裝置網頁的需求
-
15.1.1 行動裝置網頁製作的困難
-
15.1.2 Dreamweaver 行動裝置網頁的解決方案
-
15.1.3 在不同的螢幕預覽網頁
-
-
15.2 媒體查詢
-
15.2.1 什麼是媒體查詢?
-
15.2.2 加入媒體查詢
-
-
15.3 流變格線版面
-
15.3.1 什麼是流變格線版面?
-
15.3.2 流變格線版面的使用
-
-
15.4 jQuery Mobile
-
15.4.1 什麼是 jQuery Mobile?
-
15.4.2 jQuery Mobile 的使用
-
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分