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

週五, 六月 12. 2015

1.作業網址:

2.網站主題:
3.網站架構(導覽) 首頁>景點>特色>飲食
4.內容描述: 介紹新竹新八大景點及當地特色食物
5.風格設計: 清新 吧
6.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
黃筑暘 All
7.製作心得:


企劃大綱

1.網站主題: 彪新竹
2.內容大綱: 想去新竹玩卻又不清楚有那些景點及特色,本網站將以上列出,方便提供旅遊規劃
3.主要對象(分析):觀光客(本地+外地)
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖

6.色彩規劃: 純淨路線
7.資料蒐集(分析):
8.歷屆得獎分析(至少三組)
9.組員名單
1025445134 黃筑暘

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

週四, 六月 11. 2015

(1)作業網址:http://mepopedia.com/~web103-2b/hw07/hw07-1025445134
(2)製作心得: 換頁效果好有趣,但因為是拖到最後才做所以根本不清楚怎麼弄成這樣子:S
學號 1025445134

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

週二, 四月 14. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445134
(2)網站主題: 漫畫 -黑執事- 介紹
(3)導覽列: 首頁 作者介紹 人物介紹 本家網頁 外部連結
(2)對象: 想了解這部漫畫故事的群眾
(3)色彩計畫: 主要是走黑白風啦...不過找不到調背景色的地方 :-(
(4)風格設定、預期成效: 風格原本想走跟作者本家網站一樣...不過技術不夠所以沒辦法 / 預期成效跟我想做的差有點距離 :-(
(5)製作心得: 喔喔喔喔喔喔喔喔看來我靠自己還是不太有辦法 感覺會越弄越亂 我看我只能作超超超超超簡易的網頁了嗚嗚 :(:(
導覽列的地方總是搞不清楚會合會排列如此不整齊,到處按按也沒按到關鍵地方

學號 1025445134

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

週一, 四月 13. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445134/chracter.html
(2)本頁設計重點: 介紹主要角色
(3)製作心得: 其實都是copy別人的再改成自己的,所以看起來雖好但到底有沒有懂那就不是很清楚了...
標籤變底色那我依舊不懂/背景底色也不清楚去哪改/可能真的不是很適合做網頁設計ㄜㄜㄜ

學號 1025445134

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

週一, 四月 13. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw03/hw03-1025445134
(2)本頁設計重點: 新增加對於作者的基礎介紹及作者過去作品
(3)製作心得: 我還是有蠻多地方靠自己摸索不了 像css3我都不知道該放哪裡 我覺得我問題很多 :-(
學號 1025445134

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

週三, 四月 1. 2015

(1)作業網址: http://mepopedia.com/~web103-2b/hw02/hw02-1025445134
(2)網站主題: 黑執事
(3)對象:想要了解黑執事漫畫內容
(4)色彩計畫: 黑白
(5)風格設定:如漫畫書本色彩一樣走黑色路線
(6)請整理以下數值:
字體設定(font-family)
標題級數:24px
文章標題級數:20px
內文級數(font-size):12px
區塊內與區塊間的距離(padding):10px 40px 10px 10px   (margin): 10px
網站寬度(width):800px
(7)製作心得:
還是有地方不懂 讓我有點想找老師一對一教學了

學號 1025445134

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

週三, 三月 11. 2015

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-1025445134


2.設計概念與製作心得:
可能因為教法不同所以在製作的途中出現很多一頭霧水的狀況發生
不過因為老師的教法有配合影片,所以會讓我想再重複看不會的地方,不斷的學習直到會為止

3.何謂HTML、DIV及CSS
HTML:是「網頁建立和其它可在網頁瀏覽器中看到的資訊」設計的一種標示語言,為架構設定。
DIV:Div標籤是用來建立網頁區塊,區分各個主要頁面做為主要的排版架構。
CSS:CSS為風格設定。

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://d-6th.com/
這是我有在追蹤的漫畫作家的個人網站,作者本身網頁的風格跟作者所繪製的漫畫風格有搭配,個人也很喜歡作者的配色及風格,所以我覺得是個很棒的網站。

5.期待這門課的學習成果與收穫為何?
可以讓我愛上網頁設計,可以自己製作網頁。