Share
|
設定為首頁
加入我的最愛
轉寄
│
關閉視窗
│
關閉本頁
│字級調整:
小
中
大
巨
課程大網
網站的概念與規劃流程
Dreamweaver 工作環境及面板操作介紹
網站建立
文字應用
圖片應用與超連結
網頁超連結
網頁排版-表格、頁框、AP應用
CSS樣式應用
動態網頁製作(flash影像檢視器、網頁相簿、行為面版應用、多層次選單設計)
網站的發佈與管理
學習目標
說 明
定義網站
網頁設計
(
概要
)
建立網站前置作業
建立網站
:網站功能表>新增網站
認識網頁瀏覽器
認識Dreamweaver:說明功能表>說明
基本網頁編輯
文字應用(
字級調整
)
表格應用(
匯入外部表格
-
範例
)
「表格」、「版面模式」與「AP」的差別與應用時機
網頁排版
(頁框、div、表格及ap)
網頁圖片應用
設定網頁背景圖片
插入圖片
修改圖片屬性
交換圖片(rollover)
加入導覽列
(一個網頁只能有一條導覽列)
影像地圖
網頁顏色代碼對照表
(
顏色對照表
-常用的 RGB 顏色對照表)
網頁安全顏色
(
網頁顏色配置範例
)
超連結
加入內部超連結
加入錨點(Anchor)
加入外部超連結
讓連結網頁開啟在新視窗(目標_blank)
讓不同連結網頁開啟在同一個新視窗(目標_dynamic)
加入E-Mail 連結
讓瀏覽者下載檔案
變換超連結文字狀態
(頁面屬性/連結)
超連結+CSS
CSS
基本應用
三種設定方式(
講義
) (
範例1-ntu
範例2-layout1
範例3-layout2
)
div排版(float)設定範例
頁框應用
頁框面版
頁框的應用
頁框與頁框組
分割頁框
指定頁框的網頁來源
設定頁框的屬
AP應用
加入AP
●插入>面版物件>AP
●插入列>面版>AP
設定AP的屬性
屬性面版
AP與表格互相轉換
●修改>轉換>AP轉換為表格
AP 區塊的顯示與隱藏技巧
(
範例
)
AP的定位(
範例
)
建立多媒體網頁
Demo site
Flash應用
Flash檔案類型
加入Flash按鈕、文字、視訊
(*.flv)及屬性設定
外掛程式:
插入背景音樂
(
音效檔案格式
)
插入影片及聲音檔(
Demo site
)
製作電子相簿
(
照片下載
)
建立網站相簿
:命令功能表>
Flash影像檢視器:
建立電子相簿
時間軸面版:
製作影像變換動畫
影音檔案格式大全
動態網頁
多層次選單設計
表單面版:
跳頁式下拉選單
行為面版應用
●彈出訊息視窗
●狀態列設定文字
●開啟瀏覽器視窗
●
調換影像
(
example
)
自動切換到指定網頁
●html面板>檔頭標籤>重新整理
●行為面版>前往URL
瀏覽器加logo及share按鈕
製作 Facebook、Plurk、Twitter 推文按鈕
(
example
)
網站上傳與管理
上傳檔案到web伺服器
網站更新與管理
台大計中網頁申請
(
個人網頁上傳教學
(
Filezilla
) ) (
PPT
)
史萊姆免費網頁空間資源
認識表單
由E-mail 傳送表單
作業說明及範列下載
日本旅遊網站範例
作業練習檔說明下載
網頁元件下載
好站連結
台大教學資源網站
Dreamweaver網站
DOB網站建置百寶箱
網頁設計聯合國
史萊姆免費資源
免費網頁空間
CSS TUTORIAL
網頁優化技術
FlashPaper下載
Dreamweaver試用版下載
TOP