1035445158 的所有文章
Page 1 of 1 Pages: 1
Results 1 - 23 of 23
1.作業網址:http://mepopedia.com/~css104-2b/final/final-1035445158
2.網站主題:臺灣菜市場
3.網站架構(導覽):
4.內容描述:介紹菜市場的由來與常見的各類蔬果、魚肉。
5.風格設計:營造出走進菜市場的真實感,依照菜市場的感覺設計。
6.組員名單:
1035445053黃聖雯(視覺規劃、找圖、收集資料)
1035445155彭品瑄(視覺規劃、找圖、收集資料)
1035445158吳紀萩(視覺規劃、找圖、HTML CSS設計、動態效果)
7.個人製作心得:雖然語法很多很複雜,看了很久,但做完後會非常有成就感。
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/hw08/hw08-1035445158
(2)製作心得: 語法變複雜了,一步弄錯就步步錯,所以要變得很仔細看。
1035445158
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
作業網址: http://mepopedia.com/~css104-2b/hw05/hw05-1035445158 (按鈕:HOME、ORIGINAL有做排板)
(1)網站網址及主題:太和工房 http://www.0800290290.com.tw/ion/index.htm
(2)參考網站網址與網站名稱:thermomug http://thermomug.com/
(3)色彩計畫:因為是保溫瓶的網頁,所以希望大部分的色彩可以呈現純淨的白色。
(4)風格特色:預呈現水的純淨與保溫瓶的功能,風格特色希望呈現保溫瓶的功能性與畫面的統一性。
(5)請整理以下數值:
字體設定(font-family) :微軟正黑,Adobe 明體 ,Arial
h1標題級數: 60px
h3文章標題級數:28px
內文級數(font-size)(單位px) :12p
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/hw07/hw07-1035445158
(2)製作心得: 越來越有網頁的感覺了,加入動態效果讓網頁變得更活潑有趣了。
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2b/hw06/hw06-1035445158
(2)製作心得:有動態效果的網頁,就是比較能呈現有質感的感覺,希望能學多一點動態效果。
1035445158
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445158/index.html
(2)網站主題: 花花世界
(3)導覽列選項: 首頁(index.html)、賞花花季(youth.html)、花的花語(florid.html)、插花美學(art.html)、送花禁忌(give.html)
(2)設計對象: 不論各行各業或各個年齡層,只要喜歡花或對花有興趣的人為主要對象。
(3)色彩計畫:依照花的粉色系為主要基底色調,用粉色系做層次的變化。
(4)風格設定、預期成效: 風格設定偏向柔和的粉色系,像是粉嫩的花綻放,材質依不同的肌理拼貼,營造出網頁的層次感,網頁的內容有關於各種在日常生活中都用的到的有趣花知識,是這個網頁的看點,預期成效希望網頁能營造出花朵甜蜜綻放的感覺,讓瀏覽者像是置身在花園中,
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445158/florid.html
(2)本頁設計重點:介紹各國國花的花語。
(3)製作心得:這次設計多加了花紋素材在網頁裡面,希望網頁更有花的味道,更有質地的感覺。
1035445158
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
1)作業網址:http://mepopedia.com/~css104-2b/hw03/hw03-1035445158/youth.html
(2)本頁設計重點:介紹台灣花季與花的象徵意義。
(3)製作心得: 這次用不同的方式製作網頁的表格,之前是用table現在是用div,學到了另外一種做表格的技巧,原來同一種東西,也可以用不同的語法呈現。
學號:1035445158
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
(1)作業網址:http://mepopedia.com/~css104-2b/hw02/hw02-1035445158
(2)網站主題/網站名稱: 網站名稱叫作花花世界,介紹各種花的知識。
(3)分類項目:首頁(index.html)、賞花花季(youth.html)、花的花語(florid.html)、插花美學(art.html)、送花禁忌(give.html)
(4)對象:不論各行各業或各個年齡層,只要喜歡花或對花有興趣的人為主要對象。
(5)色彩計畫:依照花的粉色系為主要基底色調,用粉色系做層次的變化。
(6)風格設定、網頁看點、預期成效:風格設定偏向柔和的粉色系,像是粉嫩的花綻放,材質依不同的肌理拼貼,營造出網頁的層次感,網頁的內容有關於各種在日常生活中都用的到的有趣花知識,是這個網頁的看點,預期成效希望網頁能營造出花朵甜蜜綻放的感覺,讓瀏覽者像是置身在花園中,而在網
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
1.網址:http://mepopedia.com/~css104-2b/hw01/hw01-1035445158
2.設計概念與製作心得:
設計的概念是以大理石的素材作為基底,搭配呼應的文章,想讓畫面呈現冰冷的質感,在製作的過程當中已經有基本的概念在腦中了,所以製做起來很流暢。
3.何謂HTML、DIV及CSS:
HTML:負責建立網頁的基本架構。
DIV:是種標籤,負責區分各個主要頁面,做為主要排版的架構。
CSS:負責美化網頁。
4.附上至少一個覺得設計很有質感的網站,並說明原因。
http://www.q-co.jp/
這是一個日本的網站,我覺得他們的創意點子很棒!用一支筆讓瀏覽者自行塗鴉或畫上記號,畫一個封閉式的圓圈就會有動態圖像可以觀看,在排版方面也做得非常精緻,顏色簡單俐落,網頁做的很細膩,每個畫面都有一個有趣的小機關,不但讓觀看者有了視覺享受,也讓觀
by
1035445158
-
104-2《中國》竹視傳二B-進階網頁設計
完成品:
(1) 作業網址: http://mepopedia.com/~web104-2b/final/final-1035445158
(2)
1.製作作業的時間:大概10個小時。
2.有無遇到的問題:目前無遇到問題。
3.製作心得與感想:學會了雙欄的網頁設計語法,很有成就感,在自己摸索的過程當中越來越知道語法的概念。
4.本學期於網頁設計課程上的收穫: 在這學期的基本網頁設計課程當中,真的學習到很多概念與知識,
是不同與以往高中學習到的東西,在課堂教學的過程中,老師很細心的教學,讓我收穫不少!
前置作業 :
(1)網站主題:設計師介紹
(2)導覽列架構設定:
" border="0">
http://i.imgur.com/INMQ7oA.jpg
(4)主要瀏覽族群:未來想朝設計發展的人
(5)風格設定: 依照設計師的專長與圖片的
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 :http://mepopedia.com/~web104-2b/hw07/hw07-1035445158
(2).請回答以下問題:
1.網頁主題:設計師介紹
配色與風格設定:依照設計師的設計專長與照片的顏色做成美化網頁的搭配。
2.有無遇到的問題? 目前無遇到問題。
3.製作感想 :這次又學習到了新的東西,在自己探索Dreamweaver當中,越來越了解網頁的基本架構與如何設定美化網頁的功能。
4.製作作業的時間 :2至3小時
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw06/hw06-1035445158 (進入網頁後,點works是這次的作業內容)
(2).請回答以下問題:
1.網頁主題:設計師介紹。
配色與風格設定:依設計師的專業服裝編織與圖片顏色的主色調褐色,定出網頁的風格。
2.有無遇到的問題:目前無遇到問題。
3.製作感想 :這次的表格作業學到了新內容,讓網頁做的更精緻,更有成就感。
4.製作作業的時間 :1~2小時。
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw05/hw05-1035445158
(2).請回答以下問題:
1.網頁主題:設計師的故事
配色與風格設定:配色與風格的搭配是依據設計師的行業與照片的顏色呈現。
2.有無遇到的問題? :目前沒有遇到問題。
3.製作感想:製作這麼多次的網頁設計後,越來越了解什麼地方要用什麼語法來改。
4.製作作業的時間:2~3小時左右。
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址 : http://mepopedia.com/~web104-2b/hw04/hw04-1035445158
(2).請回答以下問題:
1.導覽列配色與風格設定:依據圖的顏色而定的配色,風格偏向插畫向量圖的風格
2.有無遇到的問題:目前沒有遇到太大的問題
3.製作感想(你認為導覽列的意義為何) : 我覺得導覽列能讓看網站的人,更快的知道網站的大略重點與內容,也能提高閱讀性更能增加瀏覽網站效率。
4.製作作業的時間:大約一個小時
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~web104-2b/midterm/midterm-1035445158
(2)
1有無遇到的問題:目前沒有遇到什麼太大的問題。
2.製作感想:做完一整個網頁後,覺得越來越熟悉Dreamweaver的基本操作,包括連結網址、按鈕的連結、
背景顏色的改變、放置圖片與按鈕等......也越來越可以找出自己的問題出錯在哪裡。
3.製作作業的時間:5至6小時
前置作業
(1)網站主題:Toms鞋介紹
(2)製作動機:因為這家公司不同於一般的營利企業,只為了賺錢為目的,這家公司以買一雙,捐一雙為口號,
讓消費者買鞋子又能做公益,一舉兩得,想讓更多人認識這間企業。
(3)製作內容:以簡介
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
主題: 巧克力共和國
組長:黃聖雯 學號1035445053
組員:彭品瑄 學號1035445155 吳紀萩 學號1035445158
資料蒐集現況:
1.主題本身:巧克力共和國
2.相關主題現況與資料: 資料收集完整,之後會去實地勘查了解巧克力共和國的動線和視覺設計。
http://www.republicofchocolate.com.tw/
by
1035445158
-
104-1《中國》竹視傳二B-視覺傳達設計(一)
(1) 作業網址: http://mepopedia.com/~web104-2b/hw03/hw03-1035445158
(2) 風格設定:因為這是在介紹一個關於鞋子的品牌,所以header和footer的部分就用他們鞋子的材質表現,
整體顏色的部分運用他們經典褐色款的鞋子做搭配。
(3) 有無遇到的問題: 在做的過程中,都有一些小問題,不是語法打錯就是少打,中間花了一些時間在檢查。
(4) 製作感想: 在這次的作業當中,學習到了很多讓網頁美化的語法,越做越有成就感,從中發現很多樂趣!
(5) 製作作業的時間 : 2至3個小時
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
(1).作業網址:http://mepopedia.com/~web104-2b/hw02/hw02-1035445158
(2).請回答以下問題:
1.製作主題:設計師專訪介紹。
2.欲呈現之配色風格:
因為這位設計師擅長用簡單的幾何符號構成與很有設計感的文字來呈現不簡單的作品,
作品中充滿著設計感,所以在顏色上希望用簡單沉穩的顏色來代表他。
3..有無遇到的問題? 目前沒有什麼太大的問題。
4.製作感想 :現在在製作方面上越來越了解裡面的語法內容與熟悉Dreamweaver的操作 ,也越來越喜歡研究裡面的構成。
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
1.作業網址:http://mepopedia.com/~web104-2b/hw01/hw01-1035445158/
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
目前在製作上無遇到問題,第一次用Dreamweaver這個軟體,很多東西都要適應,
比如寫語法,一但寫錯了就會跑不出來,跟以往學的軟體很不一樣,很多觀念都要
慢慢的吸收。這次的作業一,在介紹一首歌,是以女生的角度唱的情歌,所以歌詞
襯底的部分用粉色系,因為是一首悲傷的歌,所以外面的背景色以灰色做為代表。
整個製作時間花了2至3小時。
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計
1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望除了講解Dreamweaver的操作過程外,也希望能學習到關於網頁版面的設計編排。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
(一)網站名稱:RSQ
網址:http://rsq.com/
說明:
1.很喜歡這個網站一開頭燈亮起來的動畫,有一種揭開序幕的意味。
2.這是一家設計公司的網站,很有自己的風格,喜歡他們的網頁版面用色塊分成不同的區域,簡單易懂。
(二)網站名稱:Names for Change.
網址:https://www.namesforchange.org/
說明:
1.這是一家慈善機構的網站,顛覆了以往我對慈善機構網站的想像,很有設計感。
2.這個網站的顏色我覺得處理得很好,顏色豐富多元,但
by
1035445158
-
104-1《中國》竹視傳二B-網頁設計