建站工具三劍客

Dreamweaver 學習之旅
鄧崇禮 alepapa

甚麼是網路

•網路 = 機會+創意
•您的機會在那裡?
•您的創意在那裡?

網站帶給您無限空間及機會






學習架設網站是開拓自己整理知識的技能
網站 (Web Site) :知識管理的基礎
網站 (Web Site) :文件及檔案分類的核心
網站不一定是要建在 Internet 上
拋棄舊想法、迎接新觀念、 您會更好
學習 Dreamweaver 的秘訣:不停的做
學習 Dreamweaver 的老師:網路是老師
善用網路,雖然無師、卻到處都是老師

善用網路學習資源 (1)




網路好秘書: Google 、 Yahoo 知識庫等
官網Dreamweaver教学媒体指南_livedocs
軟體的 Help 說明
網站建築師_ 立威
教學網頁製作_ 呂聰賢
• 電腦教學文件
• 網站建置百寶箱_DOB
• 神魂顛倒論壇

善用網路學習資源 (2)






織夢線上
多媒體教學檔案
Dreamweaver教学
Dreamweaver 安裝 ( 網路找序號 )
各種討論區、 Blog 或 BBS 等尋求協助
自己也建個 Blog 分享回饋給網友
自己要建個網站呈現結果

網站建築師 _ 立威
• 第一課 架設網站的第一步
• 第二課 分割網頁的技巧
• 第三課 網頁編輯的技巧
• 第四課 連結網頁的超連結
• 第五課 網頁表格及樣板的使用
• 第六課 製作動態化的網頁
• 第七課 網站的發佈及管理

教學網頁製作 _ 呂聰賢 (1)





第 01 課 網站設計
第 02 課 網頁基本設定
第 03 課 文字的編排
第 04 課 圖片的加入
第 05 課 超鏈結的設定
第 06 課 表格的應用 

教學網頁製作 _ 呂聰賢 (2)




第 07 課 圖層
第 08 課 時間軸動畫
第 09 課 互動式網頁 _ 行為設定
第 10 課 多媒體網頁
第 11 課 擴充功能元件

Dreamweaver 基本概念
• 以網站 (Web Site) 方式開啟檔案
• 網站的組成要素:頁面 (page)
• 第一個執行的頁面: home page
index.html or default.html
• 靜態頁面的檔案格式: html(or htm)
• Word 或 Powerpoint 等也可存成網頁
• 學習的重點在 HTML 語法 ( 用 notepad 也
可)

Dreamweaver 畫面

設計是指畫面的佈置
程式碼就是 HTML 語法
分割是指設計與程式碼

工作區、功能表、工具

HTML 檔的編輯與閱覽

• HTML 檔的編輯:
Dreamweaver 或 notepad 都可以

• HTML 檔的閱覽: Browser
Internet Explorer (IE)
Firefox (Mozilla)

團隊運作工具及方式

• 多用網路、少用馬路
• 溝通工具: mail 或網路電話
• 運作方式:先自行練習建站
• 本次作業:建 Blog 及個人
Web
• 下次課程:作品分享 ( 說明 )

Sign up to vote on this title
UsefulNot useful