[北區] 東吳大學推廣部【2011網頁設計實戰秘技 …
【課程名稱】2011網頁設計實戰秘技班NEW
【講師】呂詩音 Kaye Lu
【報名日期】2011/1/15-2011/2/12(其實到20號開課前都可以報名歐)
【上課日期】2011/2/20-2011/4/10
【上課時間】每週日09:00~12:10，13:10~16:20(4/3停課，課已順延)
【學費/節數】8500元/56節
【上課地點】東吳大學推廣部(城中校區，近西門站)
【報名網頁】
http://www.ext.scu.edu.tw/class_0a.aspx?ClassID=232&ClassTypeID=3&SubClassID=30
【課程介紹】
網頁設計和平面設計非常不一樣，是因為網頁由語法組成，我們用語法將圖片、文字、影
片等元素組成一份網站原型(Prototyping)，再由程式設計師加上功能及資料庫而形成一
整個網站。想做出專業的網站這些語法就是你必須學會的，而DreamWeaver只是我們的輔
助軟體而已。
一般網站設計師都必須面對老闆、主管或業主，在設計之初必須經過功能需求討論、視覺
方向討論，過程中，通常必須提供出一份視覺畫面讓大家有所依據的討論，之後再依據功
能性逐一完成網站功能。因此本課程設計也從Photoshop版型設計開始，之後學習xHTML和
CSS的基礎知識，再帶入方便操作的輔助軟體 (Adobe DreamWeaver)，與網路相關的基礎
知識，最後用一個專題讓大家更清楚整個網站原型(Prototyping)製作的流程。
網站如果能符合W3C組織所發佈的規範，不但有利於延展變化網站的內容，也對網站的搜
尋引擎效果有很大的幫助。如果你希望能深度了解網頁設計且從事網頁設計相關工作，相
信這堂課的內容會是你進入專業設計的起點。
【課程目標】
1. 使用PhotoShop 設計網站版型，並最佳化圖片
2. HTML語法及基本結構
3. CSS語法及套用在實際網頁或部落格
4. 使用DreamWeaver整合網頁元素，組成整體網頁
5. 使用FTP上傳網頁
6. 整合javascript & jQuery 組件進網頁版型
【使用軟體】
1. Adobe PhotoShop
2. Adobe DreamWeaver
3. FileZilla
【課程內容】
1. PhotoShop 網頁設計應用
* 版型設計
* 版型設計常用技巧
* 切圖/裁圖
* 圖檔最佳化
2. 網頁基礎語法HTML
* HTML標籤
* HTML屬性
* xHTML有什麼不同
* 表格Table型版型應用
3. 網頁設計必會的CSS
* 實做上Div和Table有什麼不同
* 將html套用上CSS
* 選取器
* CSS語法
* 調整部落格中的CSS
4. DreamWeaver 網頁設計軟體應用
* 網站設定
* 套用CSS
* 語法提示
* Dreameaver常用功能
5. 網路相關必備知識
* 網址與網頁空間
* FTP上傳操作
6. 專題網站製作(2週)
* 網站版型step by step 製作
* 加入讓網站互動性更高的javascript & jQuery 組件
歡迎自行轉載
------------------------------------------------------------------------------
充電會版位址如下：
PTT→分組討論區→生活娛樂館→Life_Plan 人生→Refresh【充電板】─終身學習
------------------------------------------------------------------------------
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.45.16.175
→
02/10 21:31, , 1F
02/10 21:31, 1F
→
02/10 21:33, , 2F
02/10 21:33, 2F
※ 編輯: ohohbreak 來自: 114.45.24.238 (02/11 15:38)