部落格

[S20_WebFund] [ Project Proposal ] 第八組

1.組員系級 學號 姓名:

醫資一 408570112 許雅筑

醫資一 408570124 楊倖瑀

醫資一 408570162 柯詠媃

 

2.專題題目:

全台美食搜尋

 

3.簡介:

依據各式料理以及各縣市做區分,當使用者點選各式料理或各縣市時,會跳出該區域的美食推薦和店家資訊,以網頁方式呈現給使用者觀看。

 

4.運用技術:

HTML、CSS、jQuery、 Vue.js、Axios、JSON

工具:Visual Studio Code

 

5.研究動機:

一方面是因應現在外食族居多,常常會面臨要吃什麼的窘境,另一方面也提供外地遊客,到自己不熟悉的地方,不想錯過當地美食,所以我們要設計有關介紹全台美食的網頁提供外食族和遊客或其他使用者使用。

[S20_WebFund] Lab4 資工二乙 407262445 林翊琇

第一部份:

1.完成之截圖:

2.心得:我覺得這次的蠻有趣的,他可以左右晃動,也可以消失或禁止人家點擊,也可以整個消失在畫面中,很絢麗的感覺。

 

第二部分:

1.網址:https://yihsiu0205.github.io/Game-channel/

2.說明新增部分:我將最下面加上了投票項目,如果點擊的話會出現視窗表示投票完成。

3.心得:一開始試著寫了跳出視窗卻發現跳不出來,上網找了才發現自己少加到一些東西,視窗跳出之後覺得很有趣,也可以在上面加上一些話給投票的人。

[S20_WebFund] Lab4 資工二甲 407261685 李朕軒

Group content visibility: 

Use group defaults

Groups audience: 

Web基本原理與技術

第一部分

1.完成之截圖

2. 心得

用了jquery使得網頁面的變化性更豐富多元,而且這次的內容更有挑戰性一些。

第二部分

1. 網址

2. 說明新增部分

3.心得

[S20_WebFund] Lab4 資工二乙 407262225 王亦婷

第一部分 JSON APIs, Ajax, jQuery tutorial on FreeCodeCamp:

1. 完成之截圖

2.心得

這次的作業對我而言比較容易一點,而且因為看著內容變化很有趣所以也做得滿快的,因為學到的東西可以馬上用在第二部分的作業,就也記的比較快

第二部分 Github personal page :

1.網址

https://eet1225.github.io/lab4.html

 

2.說明新增部分

(1) 新增一個button在日期旁邊,並且讓他左右擺動

(2)讓原本最下面的語錄上下擺動

3.心得

[S20_WebFund] Lab4 資工二乙 407262512 陳郁雯

  1. FreeCodeCamp
    • jQuery

      • jQuery 以相對較直覺的語法,讓我們可以輕易對特定元素做操作,除了可以直接引用其他人寫好的 class ,讓想要的元素有不同的效果,也可以直接去修改到 html 或其 css 設定,簡化了使用方法,相當方便。
    • JSON APIs and Ajax

頁面