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

週四, 七月 2. 2015

1.作業網址:http://mepopedia.com/~web103-2c/final/final-1025445054/
2.網站主題:澎湖喔嗨喲
3.網站架構(導覽):
首頁----澎湖喔嗨喲
----- 雙心石滬
----- 跨海大橋
----- 花火節
4.內容描述: 介紹澎湖風景跟當地特色活動跟景點
5.風格設計:海灘清爽可愛感 讓我們以輕鬆度假的角度跟心情去了解當地美景跟活動
6.組員名單 工作分配(視覺規劃、HTML CSS設計、動態效果):
底圖照片 鯨魚設計(陳文晴)
架構設計(陸怡潔)
資料內容(洪筠真)(許雅筑)
上台報告(林子軒)
修改統整(許雅筑)(陸怡潔)(洪筠真)
7.製作心得: 之前有很多部分都卡住 但還好大家一起完成了


企劃大綱

1.網站主題:澎湖
2.內容大綱:介紹活動跟景點
3.主要對象(分析):想了解澎湖的人 觀光客..等
4.網頁架構圖(樹狀圖):
首頁----澎湖喔嗨喲
----- 雙心石滬
----- 跨海大橋
----- 花火節
主頁
5.網頁版型設計圖
6.色彩規劃:
底色---灰白帶點咖啡色 加白
圖片 鯨魚---多以藍色為主
7.資料蒐集(分析): 網路上找的
8.歷屆得獎分析(至少三組)
9.組員名單:
1025445054 許雅筑
1025445063 洪筠真
1025445162 陸怡潔
1025445033 林子軒
10254450 陳文晴

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

週四, 六月 11. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw08/hw08-1025445054/
(2)製作心得: 喔 研究很久
1025445054 許雅筑

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

週三, 六月 10. 2015

(1)作業網址 : http://mepopedia.com/~web103-2c/hw07/hw07-1025445054
(2)製作心得 : 開心

1025445054 許雅筑

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

週四, 五月 21. 2015

作業網址:http://mepopedia.com/~web103-2c/hw06/hw06-1025445054/
製作心得: oh 簡單

1025445054 許雅筑

Re: [作業04] HTML與CSS練習--內頁實作篇--其他頁面完成

週四, 四月 23. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw04/hw04-1025445054/
(2)本頁設計重點: 照片與影片
(3)製作心得: 有時會找不到要改的地方
1025445054 許雅筑

Re: [作業03] HTML與CSS練習-- 內頁實作篇--資料整理--以DIV製作表格效果

週四, 四月 23. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445054/index.html
(2)本頁設計重點: 適當加入CSS3的效果
(3)製作心得: 比較上手一點
1025445054許雅筑

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

週四, 四月 23. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445054/index.html

(2)網站主題/網站名稱: OLDCODEX
(3)導覽列(分類項目): index biography discography photo movie
(4)對象: 喜歡這樂團與想認識這樂團的人
(5)色彩計畫:黑灰白
(6)風格設定、網頁看點、預期成效: 簡單清楚
(7)製作心得: 變得有些複雜
1025445054許雅筑

Re: [期中作業] HTML與CSS練習-- 網站實作

週四, 四月 23. 2015

(1)作業網址: http://mepopedia.com/~web103-2c/midterm/midterm-1025445054
(2)網站主題: OLDCODEX
(3)導覽列: index biography discography photo movie
(2)對象:喜歡這樂團與想認識這樂團的人
(3)色彩計畫: 黑灰白
(4)風格設定、預期成效: 簡單 清楚
(5)製作心得: 語法還要在熟記,製作很開心

1025445054 許雅筑

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

週四, 三月 5. 2015

1.http://mepopedia.com/~web103-2c/hw01/hw01-1025445054

2.設計概念與製作心得:
一段時間沒碰有些細節會忘記
用強烈色彩表現跟歌詞內容有關

3.何謂HTML、DIV及CSS
HTML: 網頁架構
DIV:用標籤建立網頁區塊
CSS:設計網頁的視覺性

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.q-pot.jp/shop/
有質感,乾淨簡潔又精緻
日文版與英文版的版面不同 有不一樣的感覺

5.期待這門課的學習成果與收穫為何?
能夠做出更好的網站

1025445054 許雅筑

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

週三, 一月 14. 2015

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025443054

(2).請回答以下問題:
1.網頁主題: 秋赤音 配色與風格設定:簡單 桃紅色
2.有無遇到的問題 表格較難掌握
3.製作感想 有點困難
4.製作作業的時間 4小時

1025443054 許雅筑

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

週三, 一月 14. 2015

作業網址 : http://mepopedia.com/~web103-c/hw07/hw07-1025445054/


1.網頁主題:秋赤音
配色與風格設定:桃紅色 天藍
2.有無遇到的問題? 無
3.製作感想 要檢查仔細
4.製作作業的時間 4小時

1025445054 許雅筑

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

週四, 一月 8. 2015

(1)作業網址: http://mepopedia.com/~web103-c/final/final-1025445054/
(2).
1.製作作業的時間: 久到快吐
2.有無遇到的問題:表格製作比較難
3.製作心得與感想: 很有成就感
4.本學期於網頁設計課程上的收穫:學會很多東西
(1)網站主題:AKIAKANE-秋赤音
(2)導覽列架構設定
[img]http://i.imgur.com/COFp2AB.jpg[/img]
(3)尺寸與架構設定
[img]http://i.imgur.com/4rDVzCu.jpg[/img]
(4)主要瀏覽族群:想認識秋赤音與喜歡秋赤音的人
(5)風格設定: 簡單明瞭
(6)主色調,輔助色調: 紅.綠.藍
(7)製作動機:一直喜歡的繪師
(8)製作目的:讓更多人認識秋赤音
預期效果:鮮豔.簡單

1025445054 許雅筑

Re: [作業05 ] 網頁導覽列、繞圖排文與推文按鈕的應用

週三, 十二月 17. 2014

作業網址 : http://mepopedia.com/~web103-c/hw05/hw05-1025445054

請回答以下問題:
1.網頁主題:スーパーれいじくん人形
2.有無遇到的問題? 還好
3.製作感想 有些語法還是會忘記
4.製作作業的時間 5小時

1025445054 許雅筑

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

週二, 十二月 2. 2014

(1).作業網址 : http://mepopedia.com/~web103-c/hw04/hw04-1025445054/

(2).請回答以下問題:
1.導覽列配色與風格設定:淡色系/野餐主題
2.有無遇到的問題? 無
3.製作感想: 要隨時檢查語法有無錯誤
4.製作作業的時間 三小時

1025445054 許雅筑

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

週三, 十一月 19. 2014

完成品

作業網址 : http://mepopedia.com/~web103-c/midterm/midterm-1025445054

前置作業
(1)網站主題 : るろうに剣心 -明治剣客浪漫譚-
(2)製作動機 : 一直很喜歡這部漫畫,最近因電影而紅起來,想推廣一下。
(3)製作內容 : るろうに剣心 /物語 / 登場人物 / 主題曲 / 映像
(4)資料蒐集分析
◎設計優良網站(風格)列表與分析 :http://nipponcolors.com/#akabeni
畫面簡約,乾淨舒服編排的方式很喜歡。
◎相關網站列表與分析 :http://wwws.warnerbros.co.jp/rurouni-kenshin/1/index.html
畫面乾淨很直接地強調風格,清楚表達訊息。
http://wwws.warnerbros.co.jp/rurouni-kenshin/index.html?oro=mile
喜歡排版的方式,尤其是按鈕的地方。


1有無遇到的問題 : 文字的設計與頁面的連接、影片放置
2.製作感想 :有時找不到語法哪裡錯誤,做完有成就感
3.製作作業的時間 :4天



1025445054 許雅筑