期中作業：請建置一個『個人，組織，公司』網站！

[ccckmit]

特別注意：請先閱讀 繳交報告與程式的注意事項！

1. 網站內容愈豐富愈好，盡可能把 HTML/CSS/JavaScript 都用上。
2. 最好有功能表單與側欄。
   • 側欄：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav
   • 功能表：https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp
3. 能夠用 responsive 支援手機檢視更好。
   • https://www.w3schools.com/w3css/w3css_responsive.asp
4. 注意網頁佈局 (沒佈局好會整個畫面亂掉）
   • https://www.w3schools.com/html/html_layout.asp
5. 請加上說明，盡可能證明該網站是你自己寫出來的。
   • 使用技術與原理。
   • 設計圖 （手繪）
   • 程式加註解。(HTML, CSS, JavaScript 都可以加）

請在 5/24 之前繳交完畢！ （請盡量早一點把題目傳上來）

基本上不分組，全部自己寫，一個人一份，當我有疑問的時候會進行口試。

[ccckmit]

範例: 陳鍾誠的個人網站

描述：有功能表，側欄，表單，會根據裝置大小做 responsive 調整，裡面還有一些 JavaScript 的特殊功能。

專案網址： 完成後會上傳！
檢視網址： 完成後會上傳！

[AIONLin]

資工一 110810521 林妍汝
作業:台灣風景

描述:功能表、側欄、圖片瀏覽、連結、responsive，程式碼有部分註解
專案網址
檢視網址

[ChristinaFuuu]

資工一110810505 傅于軒
主題:長春藤美與新埔分校首頁(組織網站)

描述:
1.有功能表
2.側攔(結合圖片)
3.右方的固定連結(熊熊是拉出側欄的按鍵)
4.可介紹式的圖片(在教學環境那)
5.表格(小一上學去那邊)
6.結合css,js,html(幾乎所有都結合)
7.結合第二次作業，表單功能(登入登出)
8.有支援手機功能(RESPONSIVE)
9.有版面配置layout功能(在側攔中的小一新天地)
10.期末，如果要做網頁的話，會更注重LAYOUT及程式碼部分
程是參考及自己寫之說明
專案網址： 程式碼
檢視網址： 網頁
設計圖:設計圖
補充:圖片來自長春藤新埔分校，請勿將圖片任意轉發。

[eggwu96007]

作業：eggwu的個人網站

描述：
https://coggle.it/diagram/XrQI1MShyyOYpFS/t/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88
(心智圖:可能還要麻煩老師要求一下權限)

專案網址： https://github.com/eggwu96007/wp108b/tree/master/personalPage
檢視網址： https://eggwu96007.github.io/wp108b/personalPage/home.html

[AndsLiao]

廖振鈞的餐飲公司網站

描述：有功能表，側欄，表單， responsive ,table, JS，其他較詳細的在說明網址

專案網址： https://github.com/JesusDick/wp108b/tree/master/homework/midTest
檢視網址： https://jesusdick.github.io/wp108b/homework/midTest/midTest2.html
說明網址 : 讀我

[SMH642800]

謝孟澔的個人網站

描述 : 有功能表、測欄、表格、連結、背景圖片，加入一些CSS，讓他更好看一點

專案網址： https://github.com/SMH642800/wp108b/tree/master/medium%20exam%20homework
檢視網址： https://smh642800.github.io/wp108b/medium%20exam%20homework/HomePage.html

[kalen2019]

蔡文宏的個人網站

描述：有功能表、側欄、超連結、表格、表單、上傳圖片及預覽， responsive 調整等。

專案網址： homework4
檢視網址： Homepage
設計構想：homework4.jpg

[NubletZ]

Simple online store based on local storage
Shop title : "Jardin De La Mémoire"

描述：

1. responsive
2. mobile friendly
3. warm design
4. smooth animation and transition
5. simple login function (save nickname data and check password)
6. welcome alert depend on user nickname
7. sidebar menu
8. online shop function (add product to shopping cart -> checkout)
9. shopping cart function including count total price and remove selected item from shopping cart list

專案網址：go to the project
(the project contains of 9 HTML, 1 CSS, and 1 JavaScript files)

檢視網址：go to the website

To see the website design and structure scheme, refer to this page.

[xiaotsai]

蔡宗樺的個人網站

描述：個人網站，包含超連結，我家的狗，功能表，表單，驗證碼，css，html，js
專案網址：https://github.com/xiaotsai/wp108b/tree/master/mid
查看網址：https://xiaotsai.github.io/wp108b/mid/home.html
初步設計圖:https://github.com/xiaotsai/wp108b/blob/master/mid/design.jpg
我家的狗:https://github.com/xiaotsai/wp108b/blob/master/mid/mydog.jpg

[kun68]

林坤毅的個人網站

描述 : 個人介紹網站，包含超連結、上傳
照片、css、html、js、responsive等。
專案網址：https://github.com/kun68/wp108b/tree/master/kunWeb
查看網址：https://kun68.github.io/wp108b/kunWeb/2.html

[Bob-1231]

資工二 110710549 翁子麒
遊戲網站

描述：功能表、顯示現在時間、側欄、圖片輪放、音樂
專案網址：程式碼
查看網址：Go to page

[weiian000]

國際一 110813110 李維晏
主題: 個人網站

描述：側欄, 功能表, responsive, 超連結, 圖片, css , html, js。
專案網址：https://github.com/weiian000/wp108b/tree/master/homework/midterm
查看網址：https://weiian000.github.io/wp108b/homework/midterm/personalWebpage.html
設計圖；https://weiian000.github.io/wp108b/homework/midterm/%E8%A8%AD%E8%A8%88%E5%9C%96.jpg

[ZKX-0326]

陳彥翔的個人網站
描述：有側欄、功能表、支援手機檢視
專案網址：https://github.com/ZKX-0326/wp108b/tree/master/%E8%87%AA%E4%BB%8B
查看網址：https://zkx-0326.github.io/wp108b/%E8%87%AA%E4%BB%8B/AboutMe.html
設計草圖：https://github.com/ZKX-0326/wp108b/blob/master/%E8%87%AA%E4%BB%8B/IMG_20200519_211239.jpg

[nohano1l]

作業:張佑豪的個人網站

描述:有側欄、功能表、支援手機檢視、子頁.......等
專案網址： 程式碼
檢視網址：Personalweb
設計草圖

[ChiaYunn]

資工一 110810535 張嘉芸

主題 : 介紹狗狗網站
描述 : 有功能表，側欄，表單，支援手機檢視...

專案網址：https://github.com/chia-yun-chang/wp108b/tree/master/midterm
檢視網址： https://chia-yun-chang.github.io/wp108b/midterm/index.html