熱門: 手機教學 | 文書法寶 | 影片剪輯 | 廣告DM設計 | 電腦新手 | 動手做網站  線上學習人數:

CSS與Dreamweaver教學 應用範例課程光碟

CSS與Dreamweaver教學 應用範例課程光碟
版 本: Dreamweaver CS5 一般
回饋紅利點數: 480
庫存狀況: 尚有庫存
價格: 2,020元 優惠價:1,600元
含稅價: 1,600元
可使用紅利點數: 16000
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟 CSS與Dreamweaver教學 應用範例課程光碟
貨到付款請按此

【課程簡介】

CSS語法使用前操作環境的設定、建立CSS的幾種方式教學介紹、CSS元素的外觀觀念教學、CSS在網頁背景的應用的教學、如何運用CSS語法產生導覽列按鈕的教學、滑鼠指到表格後變色的CSS設定教學‥‥等等

(本課程共13章、共131小節、共610分鐘)

【試看影片】

02-04網頁關鍵字與「檔頭標籤」的呈現方式

05-10經由CSS的設定將超連結文字變成按鈕樣式

【課程目錄】

01.CSS語法使用前操作環境的設定教學
01-01啟動Dreamweaver CS5建立一個新的CSS網站
01-02調整Dreamweaver CS5的偏好設定
01-03講解在新的檔案中網頁程式碼的用途與含意
01-04分析與下載其他瀏覽器
01-05如何安裝第二種瀏覽器?
01-06下載安裝Firefox外掛CSS檢視程式
01-07WEB Developer外掛安裝好之後的顯示狀況
01-08進入到Yahoo奇摩來看看CSS的切換顯示

02.建立CSS的幾種方式教學介紹教學
02-01讓瀏覽器判斷網頁語系語法的輸入操作
02-02尋找取代文字與文字段落的產生方式
02-03網頁標題與網頁描述文字的插入方式
02-04網頁關鍵字與「檔頭標籤」的程式方式
02-05CSS樣式類別的介紹與文字格式的設定
02-06建立P段落的CSS樣式
02-07練習自己輸入CSS樣式碼的操作方式介紹
02-08如何將同樣的樣式套用到多個標籤上?CSS群組的設定
02-09當兩個一樣的CSS名稱出現時,會以哪個設定為主?
02-10用CSS屬性面板來設定CSS樣式操作

03.CSS元素的外觀觀念教學
03-01元素外觀的方框模式解說
03-02何謂「有襯線」與「無襯線」字型?如何選擇?
03-03完成H1文字樣式的設定
03-04建立一個H2的段落樣式
03-05「邊框」線條樣式的設定說明介紹
03-06「方框」寬度的加減操作技巧
03-07如何讓特定的選取文字產生螢光標示效果?
03-08選取區SPAN的介紹
03-09如何讓「項目清單」的邊界去掉?
03-10用另外一種方式來調整清單圖示
03-11運用背景樣式設定再建立一個H3的標題樣式

04.CSS在網頁背景的應用的教學
04-01背景圖片的載入操作
04-02如何讓網頁的背景變成漸層色效果?
04-03建立的另一個新的網頁,準備製作樣式串接練習
04-04如何將CSS設定與其他網頁共享?樣式表的串接
04-05CSS樣式可以取消共用狀態嗎?
04-06另外再介紹單一圖片當成背景時的操作
04-07使用DIV區塊來調整段落文字的寬度
04-08進入「程式碼」模式檢視快速的找到物件範圍
04-09必學技巧DIV區塊的替換操作
04-10使用CSS中的「複合」選取器來改變DIV內文字的色彩

05.CSS與超連結文字樣式設定的教學
05-01超連結文字的建立技巧操作說明
05-02設定頁面上超連結文字的CSS樣式
05-03如何製作兩種不一樣的超連結文字樣式?
05-04將Hover效果加入到指定元素中,產生不一樣的醒目提示效果
05-05也可以將Hover選取器效果加在文字標題上
05-06準備製作文字導覽列
05-07超連結快速重複建立的技巧
05-08一定要給清單一個ID名稱唷!
05-09將超連結導覽列改成水平樣式「inline」的使用
05-10經由CSS的設定將超連結文字變成按鈕樣式
05-11在導覽列文字上再加上「hover」與「visited」效果

06.如何運用CSS語法產生導覽列按鈕的教學
06-01使用Fireworks CS5快速繪製按鈕圖示
06-02將繪製完成的按鈕樣式置入按鈕中
06-03再將hover的狀態下加上另一張背景圖案與底框線,完成圖片按鈕的設計
06-04另一種單一按鈕圖片背景的製作技巧
06-05完成同樣一個按鈕背景圖片的替換效果製作
06-06看看雅虎奇摩的例子了結單一背景圖片與CSS的關係
06-07導覽列按鈕的新增與刪除方式介紹

07.CSS與DIV網頁排版的教學
07-01插入一張圖片作「重新取樣」設定
07-02如何將圖片的外框設定到指定的片上?
07-03將圖片放入到DIV區塊後的邊框調整技巧
07-04文字貼入到DIV區塊的前後技巧說明
07-05圖片與DIV搭配的文繞圖設定技巧
07-06使用項目清單的方式來製作「全圖排版」、步驟一:圖片的插入方式
07-07使用項目清單的方式來製作「全圖排版」、步驟二:新增DIV區塊並設定CSS樣式
07-08使用項目清單的方式來製作「全圖排版」、步驟三:將圖片依序排列完成
07-09使用項目清單的方式來製作「全圖排版」、步驟四:如何控制圖片的顯示排列與圖片的新增操作
07-10使用項目清單的方式來製作「全圖排版」、步驟五:加上註解文字的方式
07-11使用項目清單的方式來製作「全圖排版」、步驟六:最後再設定標題文字的CSS樣式完成圖片排版的範例

08.如何使用CSS來美化表格的教學
08-01表格的建立方式
08-02表頭參考方向Scope的定義方式
08-03將表格式資料匯入到網頁中的注意事項
08-04表格的註解標題插入方式介紹
08-05表格頁尾的加入方式
08-06表格的註解標題與表頭的CSS設定
08-07接著繼續將表格內的文字資料用CSS設定完成
08-08用CSS將表格的框線變成較細的黏合線
08-09表格整體邊框樣式的設定
08-10再將表格內的儲存格框線作不一樣的設定
08-11表頭欄位也可以另外加上不一樣的線段樣式

09.滑鼠指到表格後變色的CSS設定教學
09-01進階技巧!讓滑鼠指到表格時背景會變換顏色
09-02網頁色碼的詳細觀念解說,如何輕易的判斷顏色色碼?
09-03如何直接設定表格的背景色彩與onmouseout效果相同?
09-04如何設定表格單一列的滑鼠變換效果?
09-05又要如何將整個表格中的列全部有變換效果呢?
09-06使用IE瀏覽器才支援的滑鼠指標變換手指效果
09-07使用CSS就可以很輕易的做出表格列的色彩變換效果!
09-08使用直接輸入的CSS樣式語法的方式讓表格的框線黏合

10.使用DIV來建立網頁版型各種技巧教學
10-01DIV基本版型的建立方式一
10-02DIV基本版型的建立方式二
10-03接著再將CSS設定到各個DIV上
10-04將CSS複製到另一個檔案的操作方式
10-05接著製作第二種版面排列操作
10-06解決最底端的DIV區塊Footer區塊的顯示操作
10-07只要改變Nav區塊的浮動設定,就可以獲得對調的效果!
10-08準備製作第三種排列版型
10-09接著設定各個區塊的CSS樣式
10-10完成三欄式版面排列的操作設定

11.CSS與DIV的網頁版型範例實做教學
11-01DIV簡易版型實例操作、步驟一:版型的切割
11-02步驟二:將分割區圖片匯出到網站資料夾內
11-03步驟三:建立新的網頁與DIV區塊
11-04步驟四:完成各區塊的CSS與背景圖騙的設定
11-05步驟五:將文字資料貼入到Content的方式
11-06步驟六:將Content區塊改成自動延伸的設定方式
11-07步驟七:準備製作頂端文字區塊的插入
11-08步驟八:完成地址文字區塊的CSS設定
11-09步驟九:完成底端文字的CSS區塊設定

12.各種CSS濾鏡效果製作教學
12-01濾鏡效果的套用、如何讓物件變成透明狀?
12-02漸層透明度效果的製作方式
12-03準備製作橫幅標題文字的透明效果
12-04完成橫幅文字區塊的CSS設定
12-05設定完成透明漸層濾鏡效果
12-06準備製作照片翻轉效果
12-07製作簡單的垂直與水平方向的影像翻轉
12-08另外再介紹Invert與Gray濾鏡效果
12-09介紹一個很棒的微軟濾鏡DEMO網址
12-10如何將DEMO的濾鏡效果複製到我們的網頁來使用?
12-11再介紹複製後如何修改成自己想要的尺寸與顏色?
12-12另外再補充如何套用轉場DEMO效果在網頁中?

13.用CSS來美化表單元件的教學
13-01準備製作表單的CSS美化套用
13-02將表單元件依序插入到指定位置
13-03完成表單物件的插入步驟
13-04在表格的末端加上表格頁尾列<tfoot>
13-05設定表單內表格的背景色彩
13-06美化表單儲存格的邊框線樣式
13-07變更儲存格的背景色彩與文字色彩
13-08製作當滑鼠指到儲存格時變換背景的效果
13-09給表單按鈕製作不一樣的色彩
13-10給按鈕加上Hover的變換效果!
13-11超炫的清單選單背景色彩變換製作
13-12如何設定網頁捲軸的色彩?
13-13如何驗證CSS設計取得CSS驗證標章?

發表評論

評論者:


評論內容:   注意: 不支援 HTML 語法

評價: 很差           非常好

請輸入驗證碼:



  - OR -   加入追蹤清單
相關課程 (4)