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

Dreamweaver CS5教學 網頁設計課程光碟

Dreamweaver CS5教學 網頁設計課程光碟
版 本: Dreamweaver CS5 一般
回饋紅利點數: 420
庫存狀況: 尚有庫存
價格: 1,770元 優惠價:1,400元
含稅價: 1,400元
可使用紅利點數: 14000
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟 Dreamweaver CS5教學 網頁設計課程光碟
貨到付款請按此

【課程簡介】

準備開始製作網頁的設定 、開始建立新的網站 、如何使用CSS來設定網頁中的超連結樣式、DIV區塊的使用介紹 、使用Fireworks CS5來繪製網頁版型 、用DIV來佈局網頁元件的配置 、『範本』的套用與修改 、網站的上傳 ‥‥等等

﹝本課程共12章、共118小節、共644分鐘﹞

【試看影片】

《06-02如何正確的插入PSD(Photoshop格式)圖片檔案?》

《12-01如何設定遠端伺服器,將整個網站網頁上傳?》

【課程目錄】

01.準備開始製作網頁的設定
01-01建立網站前先建立儲存網頁的資料夾
01-02使用Dreamweaver CS5建立一個新的網站
01-03如何修改網站定義內容與將影像資料夾定義完成
01-04如何移除不需要的網站清單?
01-05下載安裝第二種瀏覽器「Firefox」
01-06將Firefox瀏覽器與Dreamweaver CS5結合
01-07設定網頁文字大小與其他偏好設定

02.開始建立新的網站
02-01依照網站架構開始建立我們的新網頁
02-02網頁檔案建立的注意事項與搬移方式
02-03檔案的開啟與關閉操作方式以及檔案未儲存的符號標示!
02-04網頁的三種檢視操作與使用新功能「即時檢視」的注意事項,另外再介紹如何使用IE瀏覽器預覽網頁
02-05工具列不見了該怎麼辦?「屬性」面板該如何展開?
02-06功能表與「插入」面板的操作介紹

03.使用CSS來美化我們的網頁
03-01輸入文字,準備開始介紹使用CSS樣式串接表
03-02建立網頁的段落文字架構設定主要標題
03-03完成網頁的段落標題文字架構與項目清單的製作方式
03-04何謂HTML元素?常見的元素又有哪些?
03-05準備修改標題一H1的元素外觀
03-06中文字型如何產生到字型清單內?
03-07CSS在html元素上的背景圖片設定方式介紹
03-08有關CSS在文字字型上的調整方式詳細介紹
03-09如何使用css來調整文字的縮排與字距
03-10如何將網頁設計用的「尺規」顯示出來?
03-11接著介紹有關CSS中的「方框」設定操作,很重要唷!
03-12如何讓整個HTML元素自動的放到網頁的正中央?
03-13如何使用CSS將物件加上「邊框」線?
03-14如何使用CSS將HTML物件變成透明?以及如何用CSS改變滑鼠指標的外觀?
03-15為何我的透明度效果沒有看到?

04.如何使用CSS來設定網頁中的超連結樣式
04-01如何檢視我的CSS樣式語法?
04-02接著著設定H2標題二的文字樣式,步驟一
04-03接著著設定H2標題二的文字樣式,步驟二
04-04然後再設定H3標題三的文字樣式,步驟三
04-05完成標題三的CSS樣式設定
04-06設定H4段落文字的CSS樣式設定
04-07如何將清單樣式改變成我們指定的圖片樣式?
04-08如何將網頁加上背景圖片美化它?
04-09要如何將背景圖片不會隨著捲軸轉動?
04-10文字超連結建立的方式
04-11超連結的「目標」設定與超連結的效果移除方式
04-12設定超連結文字的CSS樣式,讓超連結文字產生變換效果
04-13具有指定效果的ID物件套用CSS的操作方式
04-14那要如何製作ID物件變換顏色超連結效果?---必學密技!

05.如何將CSS與其他的網頁共用?
05-01準備將CSS樣式與其他檔案串連,首先要「移動CSS規則」
05-02輸入文字後,將標題樣式與段落架構建立完成
05-03文字段落的分割技巧與程式碼的輸入方式介紹
05-04將CSS樣式檔案附加到其他網頁檔案中
05-05如何設定只有這個網頁專用的CSS樣式?
05-06用「尋找取代」的功能一次將不需要的文字符號刪除!
05-07如何在頁面中增加超連結文字,製作「內部」連結?

06.圖片的插入操作與簡易編輯
06-01圖片的插入與刪除操作的正確觀念與技巧
06-02如何正確的插入PSD(Photoshop格式)圖片檔案?
06-03如何正確的將大尺寸圖片縮小?
06-04圖片與文字的圍繞設定以及文字與圖片的間距調整
06-05圖片的簡易編輯操作「裁切」、「亮度對比」「銳利化」
06-06如何在圖片上加上註解文字?「編輯標籤」的操作
06-07如何正確的編輯PSD圖片檔案與圖片的更新方式
06-08如何設定主要圖片編輯器的操作
06-09如何使用Photoshop將圖片修改成圓角效果?
06-10如何使用Fireworks將圖片製作出圓角效果
06-11如何將GIF或是PNG圖片去除背景色?
06-12必學技巧!如何使用CSS製作圖片邊框陰影效果?

07.DIV區塊的使用介紹
07-01DIV區塊的建立與刪除操作介紹說明
07-02如何使用CSS控制DIV的任意移動位置?
07-03如何使用DIV加上CSS語法來製作圖文外框效果?
07-04使用DIV區塊功能,將圖片置放到網頁的正中央
07-05如何使用DIV區塊,將頁首的超連結文字放在網頁中央...
07-06圖片超連結建立的方式與注意事項
07-07如何將超連結圖片的外框去除掉的操作。
07-08可以將本網頁專有的CSS樣式分享出來嗎?另一種您要知道的CSS操作!
07-09如何在同一張圖片上製作多個超連結效果?讓一張圖片可以連結到不同網頁去
07-10注意事項!連續製作連結區的注意事項...
07-11「錨點」工具的使用,步驟一:建立錨點
07-12「錨點」工具的使用,步驟二:連結到指定錨點位置
07-13必學技巧!「錨點」的進階使用操作。如何從其他網頁連結到錨點上?
07-14直線符號「|」怎麼打出來?

08.表格的建立與調整
08-01表格的插入方式操作
08-02表格的基礎操作介紹:「刪除」「插入」「分割」「合併」等操作
08-03如何在表格中再插入表格?使用的時間與操作方式。另外再介紹「表頭」的功用
08-04將資料插入到表格中的技巧
08-05如何正確的調整表格的寬度與儲存格內容
08-06如何快速的用CSS來設定表格中的文字樣式?
08-07指定某幾個儲存格套用CSS的操作技巧
08-08將表格加上邊框線的方式
08-09使用「Spry工具提示」功能做出顯示大圖的效果
08-10如何正確的修改與刪除「Spry工具提示」功能?

09.使用Fireworks CS5來繪製網頁版型
09-01製作小圖跳大圖的網頁「行為」效果,步驟一:建立新網頁
09-02製作小圖跳大圖的網頁「行為」效果,步驟二:加入「開啟瀏覽器視窗」的行為效果
09-03製作小圖跳大圖的網頁「行為」效果,步驟三:讓圖片指到時出手指的CSS語法設定方式
09-04製作小圖跳大圖的網頁「行為」效果,步驟四:最後加上關閉網頁語法與文字提示功能!
09-05使用Fireworks CS5繪製網頁版型的操作概念解說
09-06用Fireworks CS5所設計的版型具有網頁安全標記唷!
09-07將分割區塊轉換成背景圖片,以利文字的輸入
09-08製作網頁內容具有延展的區域操作方式
09-09如何讓整個版面表格置中?一定要學的技巧唷!
09-10如何讓網頁背景圖片具有不中斷的顯示效果?
09-11用CSS讓版型看起來具有浮凸的效果

10.用DIV來佈局網頁元件的配置
10-01開始在版型中插入物件與文字
10-02製作頂部區塊超連結文字之一
10-03製作頂部區塊超連結文字之二
10-04開始設定底端文字區塊,步驟一:插入DIV
10-05開始設定底端文字區塊,步驟三:設定DIV的相對位置
10-06開始設定底端文字區塊,步驟四:設定小圖示與文字的位置
10-07開始設定底端文字區塊,步驟五:設定字型與自距以及e-mail信箱的插入
10-08Srpy選單列的插入,步驟一:插入按鈕後修改文字
10-09Srpy選單列的插入,步驟二:修改按鈕的寬度與文字置中調整
10-10Srpy選單列的插入,步驟三:修改按鈕文字的格式與製作按鈕小圖示
10-11Srpy選單列的插入,步驟四:改變按鈕的背景圖片樣式
10-12Srpy選單列的插入,步驟五:將整個按鈕放在中央位置
10-13導覽超連結文字的設計範例
10-14製作主要文字內容的左右區塊

11.『範本』的套用與修改
11-01將網頁另存成「範本」,並介紹如何預覽範本頁面
11-02接著設定範本文件的可編輯區域
11-03然後在將範本頁面套用到空白網頁檔案中
11-04如何使用Photoshop製作網頁的主題圖片?
11-05如何將範本套用到已經有內容的網頁中?
11-06為何我的連結大圖視窗功能沒有作用?

12.網站的上傳
12-01如何設定遠端伺服器,將整個網站網頁上傳?
12-02如何單一上傳一個網頁頁面?

發表評論

評論者:


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

評價: 很差           非常好

請輸入驗證碼:



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