Re: [期末作業] 專題網站設計

週六, 六月 17. 2017

1.作業網址:http://mepopedia.com/~css105-2b/final/final-1045445149

2.網站主題:基隆

3.內容描述: 基隆景點、名稱由來、特色小吃&名產

4.風格設計: 簡約粉嫩,吸引想了解基隆的年輕朋友。

5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
149 HTML.文字內容
050.029 攝影取景主題大綱
182.155 CSS.視覺規劃

6.個人製作心得:
分工合作,有志者事竟成


企劃大綱

1.網站主題: 基隆
2.網站架構(導覽列名稱與檔名) :
首頁---------------------------------------HOME
廟口 --------------------------------------About Keelung
潮境公園---------------------------------Contact us
海科館
海角樂園
望幽谷
中正公園
外木山
白米甕炮台
星空草原
地圖
推薦小吃
名產

3.內容大綱:
讓大眾能更了解雨都的美,網站內有眾多小吃景點可供參考,也有地圖不怕迷路。

4.主要對象(分析):
年輕族群,想去基隆1日遊的大眾。

5.網頁架構圖(樹狀圖):

基隆---------------------------------------------X----HOME
----------------------------------------------------------About us
廟口 潮境公園 海科館---------------------------Contact us

海角樂園 望幽谷 中正公園

外木山 白米甕炮台 星空草園

地圖 推薦小吃 名產

Contact us


6.網頁版型設計圖wireframe :

點擊圖片能跳出內容為主,簡潔明瞭不複雜

7.色彩規劃:
粉嫩的色調、明亮的網站,適合愛旅遊的年輕族群。

8.歷屆得獎分析(至少三組) :
1.食尚大學 http://www.foosion.tw/
2.2016年-古早味鹹酸甜: http://retrospective.idv.tw/
3.大山北月http://www.bighillnorthmoon.tw/cafe/

Re: [作業05] jQuery動態網頁初探 -fadein

週二, 六月 13. 2017

(1)作業網址為 http://mepopedia.com/~css105-2b/midterm/midterm-1045445149


(2)製作心得:還蠻容易完成的 多加油

學號 1045445149

Re: [作業8] Free templates 試做

週二, 五月 30. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445149
(1) 參考之版型網址:https://html5up.net/dimension
(2) 設計主題 / 風格: 自然/ 簡約
(2) 遇到之問題: BODY的CSS都按過,但找不到背景圖片怎麼改,很多英文幾乎看不懂,很卡關,不知道是否我找的網站太難改?
(3) 製作時間: 4~5小時
(4) 製作心得: 裡面超多沒看過的語法,在HTML裡面花滿長的時間去找的,CSS也是一大排,很難。
語法分不出什麼是可以改甚麼不能,光調到不該調的調不回來重來就不知道花多久時間了==///熟能生巧囉!!希望更好。

Re: [作業07] HTML/CSS/jQuery 物件小動畫、燈箱效果

週五, 五月 19. 2017

1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445149

(2)製作心得:我做了3個多小時,我覺得好難..要多加油了!!!

Re: [ 作業06] jQuery動態換頁效果

週四, 五月 18. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw6-1045445149
(2)製作心得: 好難....要多練習

Re: [期中作業] HTML與CSS應用--網站實作

週日, 四月 16. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445149

(2)網站主題:cerruit1881

(3)導覽列選項/分類項目(對應檔名):
首頁–index.html
重要歷程–one.html
西裝–two.html
配件-four.html
精神–five.html

(2)設計對象:上班族,主管
(3)色彩計畫: deep blue

(4)風格設定:西裝成熟穩重的感覺
(5)製作心得:越來越得心應手,結合以前的網頁,讓網站更多元

Re: [作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週一, 三月 27. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445149
(2)本頁設計重點: 品牌設計歷程,創業歷程
(3)製作心得: 上網翻譯找衣料很久,自己用超連結很困難,需要找很久,忘記語法要找以前的資料複製。
學號 1045445149

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週一, 三月 27. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445149
(2)網站主題/網站名稱 : cerruti1881

(3)分類項目(導覽列):
首頁
重要歷程
西裝
配件
精神

(4)對象: all
(5)色彩計畫:藍灰調

(6)風格設定、網頁看點、預期成效:

風格
男性成熟風

網頁看點
多了解時尚品牌風格

預期成效
大家多學習精品的風格

(7)製作心得:
西裝資料其實沒預期的多,要找很久。花很多時間在搜尋資料跟翻譯外國網站

Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型(新增CSS3練習)

週四, 三月 16. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445149

2.設計概念與製作心得:
設計概念:用洋芋片當主題製作,大自然田園風格
3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊
CSS:美化網頁

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.coke.com.tw/zh/home/
我喜歡他的配色,風格,讓人很快樂

5.期待這門課的學習成果與收穫為何?
更加熟練網頁的製作,能夠快速更有效率的製作出有質感好看的網站。

Re: [期末作業]以雙欄為主的網站設計

週四, 一月 5. 2017

http://mepopedia.com/~web105-2b/final/final-1045445149
1.導覽列配色與風格設定:

以可樂的紅白調為主色調,有歡樂活潑暢快的感覺。

2.有無遇到的問題?

3.製作感想(你認為導覽列的意義為何?)
很累

4.製作作業的時間
1星期

Re: [作業07]以Float:浮動,製作雙欄網頁

週四, 一月 5. 2017

作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445149

請回答以下問題:
1.網頁主題: 配色與風格設定:
紅白可樂風
2.有無遇到的問題?

3.製作感想
雙欄真的很難,複雜,繁瑣,費時,號精神,但我還是做完了
4.製作作業的時間
2hr

Re: [作業06]表格的製作美化與資料整理

週四, 一月 5. 2017

作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445149

請回答以下問題:
1.網頁主題: 配色與風格設定:
紅白可樂風
2.有無遇到的問題?

3.製作感想
表格很複雜,因為年代我做了46個表格,超多
4.製作作業的時間
1.5hr

Re: [作業05 ] 繞圖排文與推文按鈕的應用

週四, 一月 5. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw05/hw05-1045445149

1.網頁主題: 配色與風格設定:紅白,可樂風格
2.有無遇到的問題?


3.製作感想
繞圖排文比較簡單(比起雙欄&表格)

4.製作作業的時間
0.5hr

Re: [作業04]以CSS製作網頁導覽列

週四, 一月 5. 2017

作業網址 :http://mepopedia.com/~web105-2b/hw04/hw04-1045445149

請回答以下問題:

1.導覽列配色與風格設定:

以可樂的紅白調為主色調,有歡樂活潑暢快的感覺。

2.有無遇到的問題?

3.製作感想(你認為導覽列的意義為何?)

增加趣味性,不單調,讓人想繼續瀏覽這個網站

4.製作作業的時間

0.5hr

Re: [期中作業 ] 以單欄為主的網站設計

週四, 十一月 24. 2016

(1)作業網址:http://mepopedia.com/~web105-2b/midterm/midterm-1045445149

1.有無遇到問題 繞圖排文很困難 做不出來
2.製作感想 希望越來越進步 有問題要多問老師
3.製作時間 4~6小時

(2)製作動機:很喜歡這個樂團
(3)製作內容:
網站主題:Maroon5
image
style.css
1.html - 介紹maroon5
2.html-成員介紹
3.html-專輯
4.html-top10
5.html-照片
(4)資料蒐集分析
維基百科
痞客邦 Maroon5成員介紹

◎相關網站列表與分析:
維基百科
https://zh.wikipedia.org/wiki/%E9%AD%94%E5%8A%9B%E7%B4%85維基百科
Google圖片
https://www.google.com.tw/search?q=maroon+5&espv=2&biw=1920&bih=950&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi37vbwscDQAhVEFpQKHbF8AaoQ_AUIBigB&dpr=1
成員介紹
http://qwerty645.pixnet.net/blog/post/162451368-maroon5%E9%AD%94%E5%8A%9B%E7%B4%85-%E5%9C%98%E5%93%A1%E4%BB%8B%E7%B4%B9