110-1《中國》竹視傳二A-網頁設計

本課程介紹網頁設計的概念與從事網頁設計師所需具備的能力，並以圖像化操作的 Dreamweaver為學習操作軟體，並搭配sublime text及notepad++等等撰寫語法編輯軟體使用，利用Filezilla檔案傳輸軟體傳輸網頁，建立個人網站，主要側重於對網頁編輯語言HTML及CSS的基礎學習，了解網頁架構建立原理，充實學生之基本網頁應用技術的能力， 製作出屬於自己個性化的網站或專題網站。

週別　　　　　　進度

第一週　09/15　上課規範與網站基本概念

第二週　09/22　html-css基礎概念練習-歌詞篇-1

第三週　09/29　html-css基礎概念練習-導覽列-歌詞篇-2

第四週　10/06　html-css基礎概念練習-歌詞篇｜CSS設定-3 【作業01】

第五週　10/13　html-css基礎概念練習-歌詞篇｜CSS設定-4 【作業01】

第六週　10/20　jQuery動態網頁初探

第七週　10/27　jQuery動態網頁實作 使用圖示字體(icon font) Font Awesome｜

第八週　11/03　CSS進階語法補充【作業02】

第九週　11/10　【期中作業】繳交與發表

第十週　11/17　【期中作業】繳交與發表

第十一週11/24　RWD概念篇

第十二週12/01　OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統

第十三週12/08　OnePage 網頁｜實作解析(二）相片分類與燈箱效果｜

第十四週12/15　OnePage 網頁｜實作解析(三）地圖設定｜表格設定

第十五週12/22　RWD網頁解析｜Google Fonts 網路中文字型｜補充說明

第十六週12/29　【期末作業】發表與檢討 Presentation【期末作業】

第十七週01/05　【期末作業】發表與檢討 Presentation【期末作業】

第十八週01/12　期末考週-期末檢討-分數確認

(會依實際情況有所調整)

★每項作品請於討論區發表討論

★所有作業檔案請以FTP方式上傳，並務必於作業討論區回覆

★作業公告、與上課須知與討論皆放置於本網站上

網頁設計筆記講義網站

資料將不定時更新，請查看相關事項與資料。

★每項作業皆會開專屬文章供同學發表與討論，

請每位同學於此論壇註冊，註冊選項於右上角

圖檔上傳

部分需上傳圖檔的作業

請於網頁直接上傳

或至http://imgur.com/

方便上傳作業圖檔

請同學踴躍發表與參與討論，將列入平時成績評量

★老師email: [email protected]

老師留輔約輔時間查詢

約談直接上網登記或電話或email聯絡

1.所有作業或作品，務必由自己完成，可參考老師範例並加以修改，但絕不可直接拷貝同學作業。

2.上課時手機需調為靜音。

3.老師上課時請勿交談，尊重上課品質，非討論時間請保持安靜，遇到問題或發問時間請踴躍發言。

4.電腦教室嚴禁吃東西。

5.下課前將電腦關機，將椅子放好並將垃圾帶走。

6.期中、期末請務必到課並繳交作業，否則期中期末以零分計

1.平時分數 40%

(1)平時作業 30%

(2)出席及互動表現 10%

基準分數80分，無故缺課一次扣3分(有事請email老師請假: [email protected]

缺課超過六次(十二堂課)扣考，期末分數零分

2.期中分數 30%

[期中作業] 基礎網頁設計

3.期末分數 30%

[期末作業] OnePage網站設計