Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype

週三, 六月 7. 2017

作業網址:http://mepopedia.com/~css105-2b/hw04/hw04-1045445062

(1)原網站名稱及網址:
日光東照宮
http://www.toshogu.jp/
修改的原因: 很普通 不夠吸引人

(2)參考網站名稱與網址:
伊勢神宮
http://www.isejingu.or.jp/
參考的原因: 很乾淨 圖多於文字,看起來很豐富


(3)色彩計畫:白色

(4)風格特色:簡單

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:標楷體
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

大標題級數 :50pt
文章標題級數 :15pt
內文級數:12px
網站寬度:1200px

(6)製作心得:排版真的很不容易

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

週四, 六月 1. 2017

作業網址 : http://mepopedia.com/~css105-2b/final/final-1045445062/run-charity-lite/theme-runcharity/

1.網站主題:新竹迎曦門

2.內容大綱:介紹迎曦門的歷史、周邊(護城河公園、新竹火車站、州廳、當地美食歷史(貢丸、肉圓、米粉)

3.主要對象(分析):想了解新竹的人

參考網頁:http://wowthemes.net/preview/index.php?theme=runcharitylitehtml

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


5.網頁版型設計圖 :


6.色彩規劃:紅磚色為主


7.歷屆得獎分析(至少三組)


8.組員名單(學號)1045445062 1045445125

Re: [作業8] Free templates 試做

週四, 五月 25. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445062
(1) 參考之版型網址:忘記哪一個
(2) 設計主題 / 風格 :介紹新竹迎曦門/簡單
(2) 遇到之問題:
(3) 製作時間: 3小時
(4) 製作心得:找了簡單的頁面去改,還會再讓畫面更豐富有趣。

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

週三, 五月 10. 2017

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

(2)製作心得:調整真的會需要很久時間去摸,希望圖不會位移8-)

學號:1045445062

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

週三, 五月 3. 2017

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

(2)製作心得:肚子好餓~X(

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

週三, 四月 19. 2017

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


(2)製作心得:老師分享的這個網站很厲害B)-

學號 1045445062

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

週三, 四月 19. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445062
(2)網站主題:沖繩

(3)導覽列選項/分類項目(對應檔名):
index首頁
scene-景點介紹
play-遊玩體驗
traffic-交通資訊
movie-影片欣賞

(2)設計對象:大眾

(3)色彩計畫:藍藍的

(4)風格設定、預期成效: 輕鬆舒適


(5)製作心得:所有頁面都做完了,學到了很多css,但找css調整都需要點時間,改的時候總是鬼打牆X(

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

週三, 三月 29. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445062
(2)本頁設計重點:
(3)製作心得:CSS看得眼花撩亂
學號:1045445062

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

週四, 三月 23. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445062
(2)網站主題/網站名稱: 沖繩
(3)分類項目(導覽列):
index-首頁
scene-景點介紹
play-遊玩
traffic-交通
link-連結

(4)對象:大眾
(5)色彩計畫:藍藍的
(6)風格設定、網頁看點、預期成效:
(7)製作心得:CSS增加很多,需要花時間一個個慢慢找

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

週二, 三月 7. 2017

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

2.設計概念:
沖繩是環海島嶼, 海洋乾淨清澈是它的一大賣點

製作心得:
增加了一點點外觀上的變化,讓整個更加的豐富。

3.何謂HTML:
HTML:主要架構、內容。
DIV: 包覆網頁版面區塊 。
CSS: 外觀。

4.附上至少一個覺得設計很有質感的網站,並說明原因:
清水寺英文官方網站:http://www.kiyomizudera.or.jp/en/tours/

網頁一打開撥放著誦經的影片,影片色調與網頁顏色相當的搭,簡單的黑白色調,感受到清水寺端莊嚴肅的氣氛。


5.期待這門課的學習成果與收穫為何?
往後在製作網頁上可以一眼看出這些亂碼在寫什麼。

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

週二, 一月 10. 2017

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

(2).
1.製作作業的時間:一週

2.有無遇到的問題:無

3.製作心得與感想:一學期下來,學到了很多,說真的一開始真的會怕自己做不做得來,因為都是英文;學了幾個禮拜後,看程式的時候就不會那麼生疏了。

前置作業

(1)網站主題:日本神道教

(2)導覽列架構設定:



(3)尺寸:




(4)主要瀏覽族群: 青、中年

(5)風格設定:簡單、乾淨

(6)主色調,輔助色調: 主色調 : 紅色與白色,輔助色調 : 灰色

(7)製作動機: 喜歡宗教充滿著神祕的感覺,讓人更想深入了解

(8)製作目的:讓觀看著了解神道教的文化

(8)資料蒐集分析:http://www.isejingu.or.jp/

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

週三, 一月 4. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:日本神道教
2.有無遇到的問題? 無
3.製作感想 : 雙欄跟表格調整真的好久,css多到快看不懂喇~:S
4.製作作業的時間 6小時

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

週四, 十二月 22. 2016

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


1.網頁主題:日本神道教
配色與風格設定: 神道教是純白乾淨的象徵,用紅白兩色來製作

2.有無遇到的問題? 無

3.製作感想:表格用起來還不上手,慢慢摸索終於用出來了~

4.製作作業的時間:四小時

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

週三, 十二月 14. 2016

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

(2).請回答以下問題:

1.導覽列配色與風格設定:營造神道教純潔、純白

2.有無遇到的問題? 在Dw看有css的效果,開網頁就沒有效果了:(


3.製作感想 :網頁教的東西越來越多,有時候會用到搞混:S

4.製作時間 :3小時

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

週四, 十二月 8. 2016

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

(2).請回答以下問題:

1.導覽列配色與風格設定:營造神道教純潔、純白的樣子

2.有無遇到的問題? 繞圖排文還是不太熟練搞了一陣子才用好


3.製作感想 :不用再PS另外再做按鈕方便許多,但要慢慢去調整尺寸比較麻煩。


4.製作作業的時間 :3小時