1045245002 的所有文章
Page 1 of 1 Pages: 1
Results 1 - 21 of 21
1.網站主題:
世界神幻犬科名錄
2.內容大綱:
介紹全球各地來自不同國家傳說的犬科動物,包括神、魔、還有未知生物
3.主要對象(分析):
對神怪、神話、還有傳說生物有興趣的人
4.網頁架構圖(樹狀圖):
http://imgur.com/10F5sMY
5.網頁版型設計圖 :
http://imgur.com/2HR2leA
6.色彩規劃:
暗色系配搭古舊卷軸風
8.組員名單(學號)
1045245002 李蒨誼
..........
1.作業網址:
http://mepopedia.com/~css104-2a/final/final-1045245002/
2.網站主題:
世界神幻犬科名錄
3.網站架構(導覽)
http://imgur.com/10F5sMY
4.內容描述:
介紹全球各
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2a/hw08/hw08-1045245002
(2)製作心得: 太好玩了,尤其是自己喜歡的題目,雖然覺得有點難,可是在過程中還是很享受的,主要是調座標位置真的很麻煩得一直看一直改、然後有些圖又會跑掉,不過花點時間與耐心,暫時都找到解決方法,還是沒有問題的
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2a/hw07/hw07-1045245002
(2)製作心得: 稍稍有一點點難度,可是還能接受也能明白
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:
http://mepopedia.com/~css104-2a/hw06/hw06-1045245002/
(2)製作心得:
真的比我想象中的要簡單多了XDD 這種小效果蠻好玩的,相信之後學的更難的語法可以讓我的網站變得更生動。
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
1.請選擇一需要修改的網站,並列出需要修改的原因
http://www.horse.com.tw/index.htm
網頁主體部份太狹窄,標題文字的陰影也用得過強,可能做成閱讀上的不便;另外,指向選項的時候雖然有跳出選單,可是鼠標與選項文字都沒有改變,可能做成混淆。
其他下面的部份我不是很懂……今天聽完課我再補。
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:
http://mepopedia.com/~css104-2a/midterm/midterm-1045245002
(2)網站主題:
非洲野狗
(3)導覽列選項:
首頁index.html 野狗介紹about.html 高清照片pics.html 精彩影片video.html 相關商品goods.html
(2)設計對象: 對非洲野狗有興趣的人
(3)色彩計畫: 非洲野狗的配色,橘、黑、白
(4)風格設定、預期成效: 讓人一看就可以立刻想到非洲野狗而不是其他動物
(5)製作心得: 前陣子突然好喜歡非洲野狗,能夠將它體現在作業上非常有成功感,這一次的網頁也多了很多難題,除錯除到我都快瘋了,不過最後能完成真是太好了呢。
學號:1045245002
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:
http://mepopedia.com/~css104-2a/hw04/hw04-1045245002/
(新的一頁在相關商品)
(2)本頁設計重點:
非洲野狗的配色
(3)製作心得:
有時候一個不小心就會把css中不同的class搞混,不過大致上還能夠處理得到
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:
http://mepopedia.com/~css104-2a/hw03/hw03-1045245002
(新的一頁為「相關商品」)
(2)本頁設計重點:
非洲野狗
(3)製作心得:
雖然期間也遇上不少問題,不過仍然是覺得很好玩
學號 : 1045245002
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:
http://mepopedia.com/~css104-2a/hw02/hw02-1045245002/
(2)網站主題/網站名稱:非洲野狗
(3)分類項目:自然科學
(4)對象:喜歡動物的人
(5)色彩計畫:非洲野狗的花紋配色
(6)風格設定、網頁看點、預期成效:詳細完整的非洲野狗相關資訊,包含現有網站上較少提及的相關商品
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)
(8)製作心得: 比之前的難,主要是設定的東西太多了,就算有排列好,還是自己都會搞不清楚哪個歸哪個
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
1.網址:
http://mepopedia.com/~css104-2a/hw01/hw01-1045245002/
2.設計概念與製作心得:
從小就喜歡奇幻生物,對神秘未知的東西很有興趣,尤其喜歡狼人,這一次配以黑底色與泛黃的書紙背景,營造出像是古文中所記載著的狼人資料的感覺。右下角是圓的因為想做成像是紙張翻頁一樣。
3.何謂HTML、DIV及CSS :
HTML是網頁的基本架構;CSS用來設計網頁的外觀與細節;DIV是網頁的標籤,以之區分命名不同區塊
4.附上至少一個覺得設計很有質感的網站,並說明原因 :
http://www.toyota.com/avalon/
層次分明,主題清晰,旁邊可以隨意預覽車子顏色,動畫也非常好
5.期待這門課的學習成果與收穫為何? :
跟上個學期一樣,慢慢一步一步學習更多從前不會的東西,期望至少將css用得像htm
by
1045245002
-
104-2《中國》竹視傳二A-進階網頁設計
-----------------------前置作業----------------------------
(1)網站主題: 魔物獵人
(2)導覽列架構設定
(4)主要瀏覽族群: 魔物獵人新手玩家
(5)風格設定: 暖色系
(6)主色調,輔助色調: 暖色系,即便有綠色藍色都是飽和度較低的
(7)製作動機: 本身是魔物獵人的死忠粉絲,可是剛入坑沒有人帶的時候玩得很糟糕很不知所措
(8)製作目的: 一個讓新手能跟著那步驟慢慢玩的引導網站
預期效果: 希望可以讓人們對這個經典的遊戲有更多認識,也不會在玩的時候雞手鴨腳的
-----------------------期末作業----------------------------
1).作業網址
http://mepopedia.com/~web104-2b/final
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
(1)作業網址:
http://mepopedia.com/~web104-2b/hw07/hw07-1045245002/
(2)請回答以下問題:
1.網頁主題:魔物獵人
配色與風格設定:魔物獵人的背景圖,暖色系,所以按鈕和表格也是同樣的色系
2.有無遇到的問題? :沒有
3.製作感想:很好玩,喜歡這種雙欄設計
4.製作作業的時間:一個小時
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
1).作業網址 :http://mepopedia.com/~web104-2b/hw06/hw06-1045245002
(2).請回答以下問題:
1.
網頁主題:魔物獵人
配色與風格設定:跟上一次一樣的配色,主要為暖色系
2.有無遇到的問題? :沒有
3.製作感想:因為是喜歡的主題,所以每一次都做得很開心
4.製作作業的時間 :2-3小時
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 :
http://mepopedia.com/~web104-2b/hw05/hw05-1045245002/
(2).請回答以下問題:
1.網頁主題:魔物獵人
配色與風格設定:跟隨魔物獵人這個遊戲中常用的顏色來作配色,雖然建議不要放音樂,可是由於我想做一個有點官網感覺的網站,所以還是放上了魔物獵人的背景音樂。
2.有無遇到的問題?: 我想做固定的菜單,可是只固定菜單的話,當滾動內容時它就會從上面的空隙露出來,不知道有什麼方法可以解決。
3.製作感想:仍然是很高興能做自己喜歡的主題,雖然期間都遇上不少問題,不過大多都能解決,我自己是很喜歡做網頁的,看著喜歡的網頁一步一步形成,感覺非常愉快。
4.製作作業的時間 :兩個多小時
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 :
http://mepopedia.com/~web104-2b/hw04/hw04-1045245002/
(2).請回答以下問題:
1.導覽列配色與風格設定:
>>藍色背景與標題棕色的配搭,一冷一暖作為對比
2.有無遇到的問題?
>>認為要對準位置有點難度
3.製作感想(你認為導覽列的意義為何?)
>>分類資料讓人能清晰並簡單地找到想看的資訊
>>增添網頁色彩
4.製作作業的時間
>>大概一個小時
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
(1)網站主題: 寵物大白鼠
(2)製作動機: 本身很喜歡大白鼠,來到台灣之後家裡也有養兩隻,也想讓大家可以更了解這些可愛的小動物,不要把他們當成溝鼠看待
(3)製作內容: 將網頁分為品牌理念,商品資訊、店鋪資訊與會員
(4)資料蒐集分析
◎設計優良網站列表與分析:
https://www.petshop.com.tw/
>>一家寵物店的官方網頁,版面很簡潔,頂上的動物頭像選單也非常可愛,資訊清晰,不會讓人不知道該從何開始點擊
◎相關網站列表與分析:
http://animal-adoption.coa.gov.tw/
>>認養小動物的網站,分類方面非常清晰,左邊也有另一個方便認養人選擇心宜動物的選單
(1)作業網址:
http://mepopedia.com/~web104-2b/midterm/midterm-1045245002/index.htm
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
(1) 作業網址:
http://mepopedia.com/~web104-2b/hw03/hw03-1045245002
(2) 風格設定:
背景改用了較繽紛的老鼠圖案,不過主版面仍然保持使用跟老鼠的毛色較接近的灰藍色系。
(3) 有無遇到的問題:
最主要還是header那條空白消除不了,已經設定了header的css font size為0,而在網頁上似乎也看不到了,可是如果在Dreamweaver中打開,則仍然有大概1px的空白位置。
(4) 製作感想:
很喜歡製作網頁,在遇到問題又解決時很有成功感,現在唯一問題只有那條白邊讓我非常苦惱,雖然在網頁上看不到(chrome, firefox, IE),但是我沒能試完所有的瀏覽器,所以不知道會否在其他瀏覽器中看到那條白邊。
(5) 製作作業的時間:
3個小時
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址
:http://mepopedia.com/~web104-2b/hw02/hw02-1045245002/
(2).請回答以下問題:
1.製作主題
仍然沿用上一次有關寵物老鼠來作作主題。
2.欲呈現之配色風格:
低飽和度之色彩以配合大白鼠常見的毛色。
3..有無遇到的問題?
沒有。
4.製作感想
開始學習到一些從前學校沒多加教導的技法,對此感到非常高興,不少新的技巧都讓我躍躍欲試,尤其是CSS的部份。
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
1.作業網址:http://mepopedia.com/~web104-2b/hw01/hw01-1045245002/
2.有無遇到的問題,製作心得,風格設定與製作作業的時間:
現階段還沒有遇上什麼問題,因為最基本的語法我本來也有約稍稍學過一點。由於是一個介紹寵物大白鼠的網頁,而大白鼠的毛色又多為黑、白、灰,所以主要想多用灰階(或低飽和度)的顏色去設計網站,不過為了讓它看起來不那麼死氣沉沉,我應該也會把非主要區塊的欄位設定相比灰階顏色來更較繽紛的顏色。這一份作業是上課時做完的。
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計
1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
曾經不多不少也學過一點網頁設計與程式,可是都只略懂皮毛,希望可以在課程中學到更多有關這方面的知識,除了因為我本來對此就有興趣之外,也可以讓我日後有更多技能旁身,相信總有一天能派上用場。CSS部份比較困難,所以也想要學到更多CSS程式;同時,曾經小小學過JAVA的我,仍然不是很能理解它,因此也希望課程中(或者下學期)可以大略講解一下JAVA。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱: 馬術與馬
網址:http://www.horse.com.tw/main/main.shtml
1. 網頁的背景很簡單純樸,主角「馬」能夠被突出
2. 選單簡單易懂,分類仔細,容易找到所需資訊
網站名稱: Care2
網址:http:/
by
1045245002
-
104-1《中國》竹視傳二B-網頁設計