關閉視窗
南臺科技大學106學年度第1學期課程資訊
課程代碼 70D23B01
課程中文名稱 網站規劃設計
課程英文名稱 Website Planning and Design
學分數 3.0
必選修 選修
開課班級 四技企管二甲,四技企管二乙
任課教師 曾智義
上課教室(時間)
週四 第6節 (S309)
週四 第7節 (S309)
週四 第8節 (S309)
課程時數 3
實習時數 0
授課語言 1.華語 2.華語
輔導考證 1.Adobe Certified Associate-(ACA)多媒體網頁設計與數位內容傳播能力國際認證
課程概述 解說網頁設計的觀念, 讓沒有網頁設計概念的學習者也能很快進入狀況。
利用完整的網站範例讓學習者對照學習, 另外也有單獨的練習網頁, 供學習者練習。
先修科目或預備能力
課程學習目標與核心能力之對應
編號中文課程學習目標英文課程學習目標對應系指標
1 了解網際網路在商業上應用 1 基礎商管知識
2 熟悉網際網路之資源之搜尋方式、操作 9 資訊科技應用能力
3 網際網路相關證照內容之練習 8 實務技能與證照
4 了解在大型計劃中如何分工與合作 13 工作態度與團隊合作
就業力培養目標
  校指標 1 2 3 4 5 6 7 8 9 10
  專業知識 實務技能 資訊能力 整合創新 外語能力 熱誠抗壓 表達溝通 敬業合群 人文素養 服務關懷
  10% 30% 50% 0% 0% 0% 0% 10% 0% 0%
  系指標 1 2 3 4 8 5 9 6 7 10 11 12 13 15 14
  基礎商管知識 人力資源知識 行銷與業務知識 會計與財務知識 實務技能與證照 作業管理知識 資訊科技應用能力 創新與解決問題能力 整合與企劃 外語能力與國際觀 學習與抗壓 表達與溝通 工作態度與團隊合作 人文素養 企業倫理概念
  10% 0% 0% 0% 30% 0% 50% 0% 0% 0% 0% 0% 10% 0% 0%
中文課程大綱 Part 1進入Dreamweaver的夢幻國度
●網站的開發流程
●認識Dreamweaver
Part 2用Dreamweaver編織網頁
●開始建立網站
●文字與網頁屬性設定
●加入圖片
●加入超連結
●加入Flash動畫、按鈕和音樂
●將網站上傳到Web伺服器
●網站的更新與管理
Part3網頁排版與進階設計
●加入表格
●在版面模式中(LayoutView)繪製表格
●使用圖層(Layer)來任意擺放物件位置
●建立頁框(Frame)分割網頁
●使用CSS樣式表美化網頁
●使用樣版(Template)快速製作大量網頁
Part 4製作互動式網頁
●互動表單的應用
●行為(Behaviors)面板的應用
●動態網頁範例精華
●使用「時間軸」面板製作網頁動畫
●使用擴充功能(Extension)讓Dreamweaver更強大
Part 5網頁設計的輔助工具
●「資源」面板與「操作記錄」面板
●好用的HTML編輯工具
英/日文課程大綱
課程進度表 Part 1 : 網站與網頁概念介紹 (Week 1 – Week 3)
Part 2 : Dreamweaver操作 (Week 4 – Week 6)
Part 3 : 網頁上傳與網站維護 (Week 7 – Week 9)
Part 4 : 網頁版面設計 (Week 10 – Week 12)
Part 5 : 互動式網頁設計 (Week 13 – Week 15)
Part 6 : 行動網頁設計與App (Week 16 – Week 18)
課程融入SDGs
期考調查
期中考(第9週)考試方式
期末考(第18週)考試方式
其他週考試考試週次與方式
教學方式與評量方式
課程學習目標教學方式評量方式
了解網際網路在商業上應用
課堂講授  
實作演練  
實作平時
熟悉網際網路之資源之搜尋方式、操作
課堂講授  
實作演練  
實作平時
網際網路相關證照內容之練習
課堂講授  
實作演練  
書面報告期中
了解在大型計劃中如何分工與合作
課堂講授  
實作演練  
實作期末
指定用書
書名 Dreamweaver CC 網頁製作比你想的簡單
作者 文淵閣工作室
書局 碁峯
年份 2016
國際標準書號(ISBN) 9789863475262
版本 1
請同學尊重智慧財產權,使用正版教科書,不得非法影印,以免觸犯智慧財產權相關法令
參考書籍 網頁設計三合一-PhotoImpact,Dreamweaver,Flash(第二版)
http://www.opentech.com.tw/search/bookinfo.asp?isbn=9789572188446
教學軟體 Dreamweaver CC
課程規範 期中完成一份網站設計規劃書,期末完成一個具體的網站設計。