Dreamweaver CS6 網頁點子實戰課

購買商店

Dreamweaver CS6 網頁點子實戰課

$308.00

馬上購買

內容描述

<內容特色>
跨平台時代，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 CS61-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 Div5-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與CSS37-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 Browser8-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網頁(上傳測試用)