# 網頁製作 僑光科技大學 資訊科技系 2023/02/13 ~ 2023/06/16 授課老師：高吉隆 電子信箱：[kevinkao888@gmail.com](mailto://kevinkao888@gmail.com) 上課班級：日資科一忠、日資科一孝 [專業教室使用規則](https://hackmd.io/@nu1gpWVGTf2ERQf4G8_eUg/S1hjuuNLB#/) ###### tags: `課程大綱` ---- # 課程介紹 * 課程大綱 * 每週目標 * 評分標準 * 使用教科書 ---- ## 課程大綱 * 了解網頁製作的實作及練習 * 包括以下軟體操作 * mobirise.com * weebly.com * 本課程主旨在讓同學熟悉運用工具製作網頁 --- ## 每週目標 * 18 週上課目標 * 系統分析、課程內容說明 * 作業繳交(2次) * 報告繳交(2次) ---- |週| 前 9 週上課目標 |作業|報告 |:-:|:-----------|:----:|:--: |1|課程說明、Mobirise| |2|建立頁面、基本區塊調整|| |3|孝班不上課、忠班上HTML|| |4|各種元件設定、自訂區塊|| |5|照片、影片、地圖崁入|第一次| |6|按鈕、切換網頁、選單|| |7|期中報告說明|| |8|連假不上課|| |9|期中個人報告||第一次 ---- | 週 | 後 9 週上課目標 |作業|報告 |:-:|:----------|:-:|:-:| |10|Weebly介紹| |11|Weebly操作練習| |12|第二次作業說明| || |13|Wordpress介紹|第二次| |14|Wordpress操作練習||| |15|分組報告說明 ||| |16|分組題目討論 ||| |17|照考試練習準備 ||| |18|期末分組報告||第二次 --- ## 評分標準(100%) * 平時成績：20% * 上課互動：10% (每週點名) * 隨堂練習：10% (每週練習) * 期中成績：40% * 第1次作業：10% (第5週) * 第1次報告：30% (第9週) * 期末成績：40% * 第2次作業：10% (第13週) * 第2次報告：30% (第18週) ---- ### 上課點名(10%) * 依學校點名系統計分方式計算，佔總分10% * 若無任何請假(不含公假)、缺曠，可拿100分 * 計分方式：2節x18週=36堂 * 原則2節課只點1節，第2節 * 點名缺曠每1節扣1.5點，請假扣1點 * 若無法到課，請務必請假 * 累積達2/9即扣8點，即達<預警> * 若扣8點，約可拿75分 * 累積達1/3即扣12點，即達<扣考> * 若扣12點，約可拿60分 * 若扣超過12點，不再點名，分數為50 ---- ### 第1-3次作業(15%) * 請同學依分配的題號，每位同學每章寫1題 * 請附學號、姓名、題號、題目及解答， * 回答內容請儘量依照課本內容為主 * 用WORD撰寫，輸出為PDF檔，並上傳至平台 * 每1章作業寫1題，每次繳交多章作業 * 準時繳交60-100分，遲交40-59分，未交30分 * 題目分配：請參考網路教學平台 * 作業繳交：請直接上傳網路教學平台 ---- ### 第1-3次小考(45%) * 請同學閱讀課本及上面所附的練習題 * 4選1單選題為50題，每題2分，共100分 * 同學不一定要買課本，可與同學共用 * 也可以和學長姐購買二手課本 * 也可以直接參考w3schools.com資料 ---- ### 期末考／證照考試(30%) * 期末考 ---- ### 使用教科書 * 書名：自編教材 * 出版社：無 * 作者：高吉隆 ---- ### 隨堂練習(03/07) * 請運用Mobirise製作個人簡歷 * 個人可以公開的資訊 * 若不想用個人可以找名人 * 於下課前上傳至OCU學生網站空間 * 主機(HOST): rs2.ocu.edu.tw * 連接埠(PORT): 21(或不填) * 帳號(USER ID)：s+學號(s11115001) * 密碼(PASSWORD)：僑光OCU信箱密碼 * 路徑(root floder)：www/1120307(日期) * 網址：rs2.ocu.edu.tw/~s11115001/1120307 ---- ### 隨堂練習(03/08) * 請運用Mobirise製作個人簡歷 * 個人可以公開的資訊 * 若不想用個人可以找名人 * 於下課前上傳至OCU學生網站空間 * 主機(HOST): rs2.ocu.edu.tw * 連接埠(PORT): 21(或不填) * 帳號(USER ID)：s+學號(s11115001) * 密碼(PASSWORD)：[僑光OCU信箱](https://webmail.ocu.edu.tw/)密碼 * 路徑(root floder)：www/1120308(日期) * 網址：rs2.ocu.edu.tw/~s11115001/1120308 ---- ### 第一次作業(03/14、03/15) * 請運用Mobirise製作個人簡歷 * 至少1頁並使用5個Block(區塊)(不含選單) * 不可以使用預設的文字和圖片 * 個人或名人可以公開的資訊 * 1週內03/21前上傳至OCU學生網站FTP空間 * 主機(Host): rs2.ocu.edu.tw * 連接埠(Port): 21(或不填) * 帳號(Username)：s+學號(s11115XXX) * 密碼(Password)：僑光OCU信箱密碼 * 路徑([root floder])：www/work1 * 網址：rs2.ocu.edu.tw/~s11115XXX/work1 ---- ### 期中個人報告(04/11、04/12) * 請運用Mobirise製作主題式網站 * 至少3頁，每頁至少使用5個區塊(不含選單) * 請更換所有預設的文字和圖片 * 個人或名人可以公開的資訊 * 請於第9週上課前上傳至OCU學生網站FTP空間 * 主機(Host): rs2.ocu.edu.tw * 連接埠(Port): 21(或不填) * 帳號(Username)：s+學號(s11115XXX) * 密碼(Password)：僑光OCU信箱密碼 * 路徑([root floder])：www/work2 * 網址：rs2.ocu.edu.tw/~s11115XXX/work2 ---- ### 期中個人報告(04/11、04/12) * 每1個人都要上傳網頁、口頭報告 * 報告時間：每1個人至少1分鐘，最多2分鐘 * 請善用簡報工具，如PPT、Canva、Prezi等 * 報告重點： * 網站主題、大綱、網頁選單架構 * 每頁設計重點、使用區塊說明 * 網站設計特色 * 使用心得及Moborise限制 * 文字、圖片資料來源 ---- ### Filezilla使用教學 * 下載Filezilla * [Download FileZilla Client](https://filezilla-project.org/download.php?type=client) * 安裝完成後執行此程式 * 填寫登入資訊 * 主機(H): rs2.ocu.edu.tw * 帳號(U)：s+學號(s11115XXX) * 密碼(W)：僑光OCU信箱密碼 * 連接埠(Ｐ): 21(或不填) * 找到相對路徑後下載至本機的硬碟 * 使用Mobirise的Import功能 ---- #### 期中個人報告(日資科111孝) * 李岳峰：[尤塞恩·聖利奧·博爾特](http://rs2.ocu.edu.tw/~s11115203/work1/) * 張軒銘：[科學名人](http://rs2.ocu.edu.tw/~s11115205/work2) * 黃佩琪：[介紹動漫](http://rs2.ocu.edu.tw/~s11115208/word411/) * 陳韋閎：[赤鬼伯伯](http://rs2.ocu.edu.tw/~s11115209/ya) * 王詩皓：[台灣](http://rs2.ocu.edu.tw/~s11115216/work2/page1.html) * 張濟任：[虹彩六號](rs2.ocu.edu.tw/~s11115217/work2) * 張綺芳：[歌手](http://rs2.ocu.edu.tw/~s11115228/work3/) * 詹傑宇：[卓蘭](http://rs2.ocu.edu.tw/~s11115230/123/) * 陳美彤：[PET](http://rs2.ocu.edu.tw/~s11115231/11115231/page2.html) * 張宏維：[劉偉健 TOYZ](http://rs2.ocu.edu.tw/~s11115232/work2/) * 蕭孟崴：[好點子](http://rs2.ocu.edu.tw/~s11115233/work2/) * 莊東龍：[動畫大師](http://rs2.ocu.edu.tw/~s11115235/work2) * 吳國評：[中華職棒](http://rs2.ocu.edu.tw/~s11115239/work2/index.html) --- ### Pingendo Bootstrap 4 Builder * 網址：[連結](https://pingendo.com/) ---- ### 分組報告說明 * 每2-4人為1組 * 以weebly.com來完成主題網站 * 組員名單填寫：[資一忠](https://hackmd.io/DzeIjz2fRM2Uoxf7RT5QuA)、[資一孝](https://hackmd.io/yOlsV89aTPaiWJEL388rIg) * 總頁數最少為(人數x3頁)(4人即12頁) * 繳交方式：上傳xxxx.weebly.com的網址 * 報告方式：每小組5分鐘，需製作PPT * 報告內容： * 網站主題說明 * 網站架構 * 人員分工 * 版面設計 ---- ### 期末分組名單 * 第一組 * 題目主題： * 組長：11115001 ※※※` * 組員： * 組員： * 組員： ---- * 第一組 * 題目主題： * 組長：11115001 ※※※` * 組員： * 組員： * 組員：