Adobe Dreamweaver 初探研討會 主講人林鴻隆 課程提要 Adobe
Download
Report
Transcript Adobe Dreamweaver 初探研討會 主講人林鴻隆 課程提要 Adobe
ADOBE DREAMWEAVER 初探研討會
主講人 林鴻隆
課程提要
▪ Adobe Dreamweaver 軟體介紹
▪ 網站開發流程
步驟 1
▪ 相關應用及資源
簡介
▪ 快樂歸賦
步驟 2
開發流程
步驟 3
應用及資源
ADOBE DREAMWEAVER 軟體介紹
▪ 可開發各種網路應用程式
ASP、PHP、JSP、ASP.NET、ColdFusion 動態網頁,與 Access、SQL Server、
MySQL、Oracle 資料庫
▪ 所見即所得的網站開發工具
使用視覺化的編輯方式,無需撰寫任何程式碼即可快速建立網頁,讓您在視覺
化設計與程式碼編輯的環境間快速切換
▪ 完整的輔助工具及擴充功能
可從 Adobe Exchange 下載 Extension 擴充程式
▪ 完善的網站管理功能
工具面板檢視與管理所有網站的資源
常用網路名詞
CSS
.NET
FTP
WEB SERVER
HTML5
SQL
PHP
HTTP
JAVAScript
網站開發流程
▪ ADOBE試用版下載
https://www.adobe.com/tw/creativecloud/catalog/desktop.html
▪ 實際操作
“HALLO WORLD”
▪ 網面設計慨念
▪ 專案開發
▪ 企劃
▪ 視覺傳達設計
▪ 前端開發
▪ 程式設計
▪ 資料庫分析
相關應用及資源
▪ 網站手機版 VS 自適性網站
https://tw.mobi.yahoo.com/
http://m.ltn.com.tw/
http://m.ettoday.net/
http://emall.liuli.com.tw/
http://demo.haoman.info/legend/
http://www.ibest.tw/page03.php
http://www.yhome.com.tw/
▪ 流變格線架構 CSS 版面(可參考自適性網站)
全新的流變格線版面功能可以做出自動依螢幕改變位置的 "彈性化" CSS 版面。使用
此功能建置的網頁,不論用桌上型電腦、平板電腦或智慧型手機來瀏覽,其版面
及內容都會自動調整,以適應使用者的檢視裝置。
▪ 從TABLE到DIV
相關應用及資源
▪ 教學網站
http://www.cg.com.tw/dreamweaver/Content/Dreamweaver_001.asp
http://www.w3school.com.cn/
▪ 素材資源
http://free.com.tw/free-image-sources-list
http://www.sccnn.com/
http://www.zcool.com.cn/gfxs/
▪ 最強大的資源