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

週二, 一月 10. 2017

(1)作業網址: http://mepopedia.com/~web105-2b/final/final-1045445095
(2).
1.製作作業的時間:4~5個小時
2.有無遇到的問題:有些文字間距問題,像是LINKS那頁文字就不會調整。
3.製作心得與感想:
因為這次和期中是完全不同的主題,風格比上次難掌握,所以在設計上花了比較多的心思,也查了許多網路上的教學,做了各種嘗試,希望能讓整體看起來比較符合主題的感覺
4.本學期於網頁設計課程上的收穫:
一開始完全不懂,到後來持續漸進的學會了語法構造,要怎麼編排設計,而在當製作的時候忘了什麼步驟也能很快在講義找出問題,雖然對網頁不算已經專精但至少會基本的操作了。
前置作業
(1)網站主題: 美國小天后Selena gomez
(2)導覽列架構設定



(3)尺寸:






(4)主要瀏覽族群: 15~30之間
(5)風格設定: 簡約風
(6)主色調,輔助色調: 暖色調,輔助色調黃色褐色
(7)製作動機: 喜歡這位偶像
(8)製作目的: 讓想了解這位偶像的人
預期效果: 大至上和自己想做的樣子差不多,但有些文字間距蠻有問題的。

(8)資料蒐集分析
http://rose86321.pixnet.net/blog
https://www.google.com.tw/search?client=ms-android-htc-rev&hl=zh-Hant-TW&oe=utf-8&safe=images&q=gomezselena+skyrock+com&source=browser-suggest&qsubts=1484037333350&action=devloc

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

週二, 一月 10. 2017

(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445057
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 王詩安的個人介紹網站、清新簡單、看了讓人舒服 天空的味道~
2.有無遇到的問題?:覺得右欄怎麼用都不好看
3.製作感想 :很有成就感
4.製作作業的時間 :約1小時

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:王詩安的個人介紹網站、清新簡單、看了讓人舒服 天空的味道~
2.有無遇到的問題:表格做太多變化會變得不適合我的主題..
3.製作感想:發現表格真的是超棒超好整理網頁的東西,尤其是需要有圖又有文字的時候
4.製作作業的時間 :1-2小時

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

週二, 一月 10. 2017

(1)作業網址:http://mepopedia.com/~web105-2c/final/final-1045445198
(2).
1.製作作業的時間:好幾天
2.有無遇到的問題:能解決的都解決了
3.製作心得與感想:好麻煩
4.本學期於網頁設計課程上的收穫:至少可以做個有些許樣子的網頁

前置作業
(1)網站主題:東方プロジェート
(2)導覽列架構設定
http://i.imgur.com/MWzK4a1.jpg
(3)尺寸:上表已統一
(4)主要瀏覽族群:核心族群
(5)風格設定:粉色
(6)主色調,輔助色調:粉 紫 紅 白
(7)製作動機:純粹想做
(8)製作目的:想讓更多人知道
預期效果:一個OK的雙欄網站

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

週二, 一月 10. 2017

(1)作業網址:http://mepopedia.com/~web105-2c/final/final-1045445135/index.html
(2).
1.製作作業的時間:8天
2.有無遇到的問題:無 已解決
3.製作心得與感想: 這次又做了自己喜歡的樂團,真的非常開心,其實做網頁蠻有趣的,可以自己排版想要的樣子,超酷的!
也謝謝老師的努力教導,才可以讓我學得這麼愉快,很期待下學期的課程內容,老師謝謝您! 希望可以讓許多人更認識 hyukoh!
4.本學期於網頁設計課程上的收穫: 了解網頁設計的製作方法

前置作業

(1)網站主題: hyukoh

(2)導覽列架構設定 :




(3)尺寸與架構設定:




(4)主要瀏覽族群: 大眾

(5)風格設定: 簡約和整齊

(6)主色調,輔助色調: 主色調:溫暖的土黃色與大地咖啡色 輔助色調:白色

(7)製作動機: 因為很喜歡他們的歌曲,非主流音樂其實很棒,請一定要聽聽看!

(8)製作目的: 讓大家更加的認識hyukoh這個特別的團體。

(9)預期效果:符和理想的樣子

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

週二, 一月 10. 2017

(1) 作業網址: http://mepopedia.com/~web105-2c/final/final-1045445150
(2)
1. 製作作業的時間:很久
2. 有無遇到的問題:已解決
3. 製作心得與感想:雖然一開始覺得很難,但做完後覺得學習到很多


(1) 網站主題:HURTS
(2) 導覽列架構設定:
[img]http://i.imgur.com/MNn8Yzo.jpg[/img]
(3) 尺寸:
[img]http://i.imgur.com/ulSAJkG.jpg[/img]
(4)主要瀏覽族群:大眾
(5)風格設定:簡約神秘
(6)主色調,輔助色調:黑,灰、白
(7)製作動機:喜歡這個樂團
(8)製作目的:希望更多人能認識HURTS
預期效果:符合這個樂團帶給大眾的感覺

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

週二, 一月 10. 2017

(1)作業網址: http://mepopedia.com/~web105-2c/final/final-1045445015
(2).
1.製作作業的時間: 超過一個禮拜~~~每天有每天的進度
2.有無遇到的問題: 一開始會有一些問題~但陸續慢慢找到解決的方法 或問老師以及同學
3.製作心得與感想: 了解到網頁的基礎與設計技能,一開始會覺得很複雜,不太理解,但後面之後慢慢地上手,也陸續耐心的一個個找到問題的解決方法,發現網頁設計其實很多變化,挺有趣的,
4.本學期於網頁設計課程上的收穫:連結的應用,雙欄的設計,表格整理的方法與配置,基本的技能與設計

前置作業

(1)網站主題:藏物市集

(2)導覽列架構設定



(3)尺寸:


(4)主要瀏覽族群: 大眾族群都皆可觀賞,喜歡市集的朋友們更是歡迎前來參觀

(5)風格設定: 簡單,融入插畫風

(6)主色調,輔助色調: 以粉嫩系為主,以明度高且不搶眼的色系來做以輔助

(7)製作動機: 因為我很喜歡悠閒的時刻去逛逛市集,欣賞別人的創作設計,了解別人設計的理念與故事,從中學習更多元文化的創意與巧思,希望將自己喜歡做的事情,分享給大家一同前去參觀,還有很多不同的主題市集,等著大家發現~!

(8)製作目的: 我覺得逛市集可以激發自己很多的創作靈感,也可以同時了解到每一個人身上不同的故事,希望偷過網路導覽,能讓更多人了解市集的資訊,而對我們學設計這方面也可以激發我們的腦力與創意,創作出更多不同的獨特創作作品!!

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

週二, 一月 10. 2017

(1)作業網址: http://mepopedia.com/~web105-2c/final/final-1045445015
(2).
1.製作作業的時間: 超過一個禮拜~~~每天有每天的進度
2.有無遇到的問題: 一開始會有一些問題~但陸續慢慢找到解決的方法 或問老師以及同學
3.製作心得與感想: 了解到網頁的基礎與設計技能,一開始會覺得很複雜,不太理解,但後面之後慢慢地上手,也陸續耐心的一個個找到問題的解決方法,發現網頁設計其實很多變化,挺有趣的,
4.本學期於網頁設計課程上的收穫:連結的應用,雙欄的設計,表格整理的方法與配置,基本的技能與設計

前置作業

(1)網站主題:藏物市集

(2)導覽列架構設定



(3)尺寸:




(4)主要瀏覽族群: 大眾族群都皆可觀賞,喜歡市集的朋友們更是歡迎前來參觀

(5)風格設定: 簡單,融入插畫風

(6)主色調,輔助色調: 以粉嫩系為主,以明度高且不搶眼的色系來做以輔助

(7)製作動機: 因為我很喜歡悠閒的時刻去逛逛市集,欣賞別人的創作設計,了解別人設計的理念與故事,從中學習更多元文化的創意與巧思,希望將自己喜歡做的事情,分享給大家一同前去參觀,還有很多不同的主題市集,等著大家發現~!

(8)製作目的: 我覺得逛市集可以激發自己很多的創作靈感,也可以同時了解到每一個人身上不同的故事,希望偷過網路導覽,能讓更多人了解市集的資訊,而對我們學設計這方面也可以激發我們的腦力與創意,創作出更多不同的獨特創作作品!!

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

週二, 一月 10. 2017

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

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

1.網頁主題、配色與風格設定:王詩安的個人介紹網站、清新簡單、看了讓人舒服 天空的味道~
2.有無遇到的問題:繞圖排文有時候會看起來卡卡的 條滿久
3.製作感想:比較喜歡期中作業的方法 哈哈
4.製作作業的時間:40分~1個小時

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

週二, 一月 10. 2017

1.作業網址: http://mepopedia.com/~web105-2c/final/final-1045445051

2.網頁主題:多啦A夢

● 欲呈現風格:天空蓝

● 網頁架構與內容主色系:

背景-蓝
導覽列-蓝底黑字、蓝底黑字
內容-灰色

3.有無遇到的問題:顶图大小不合,導致圖片無法顯示。

4.製作感想 : 雖然有許多累人的地方,但完成後的成就感也非常大。


5.製作作業的時間:好几天


(1) 導覽列架構設定:


" border="0">




(2) 尺寸與架構設定:



(3) 製作內容:

A.About (檔名:index.html)


B.Works(檔名:works.html)


C.Video(檔名:video.html)


D.Links檔名:links.html)


E.Story (檔名:story.html)
(4) 主要瀏覽族群:大众

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

週二, 一月 10. 2017

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

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

2.有無遇到的問題:無

3.製作心得與感想:期末做完非常有成就感!!!

前置作業

(1)網站主題:侏儸紀世界

(2)導覽列架構設定:


(3)尺寸:


(4)主要瀏覽族群: 喜歡這部電影的人

(5)風格設定:暗色系

(6)主色調,輔助色調: 主色調 : 黑、白、暗藍,輔助色調 : 灰

(7)製作動機: 喜歡這部電影

(8)製作目的:希望大家都可以更喜歡更了解這部電影

(8)資料蒐集分析:https://zh.wikipedia.org/wiki/%E4%BE%8F%E7%BD%97%E7%BA%AA%E4%B8%96%E7%95%8C

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.導覽列配色與風格設定: 清新簡單、看了讓人舒服
2.有無遇到的問題? :講義上都尋找的到解答
3.製作感想 :比聽起來簡單許多
4.製作作業的時間 :30分~1小時之間

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 藍色可愛風
2.有無遇到的問題? 無
3.製作感想 花了很多心力,但很好玩
4.製作作業的時間 30MIN

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

週二, 一月 10. 2017

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

(2).請回答以下問題:
1.網頁主題:多啦A夢
配色與風格設定: 可愛和活潑感的卡通人物
2.有無遇到的問題? 表格應用還不熟~~~~~~
3.製作感想?雖然挺有趣的,但找個錯誤都要花好久的時間。眼睛好痛啊~~~
4.製作作業的時間 ?2~3小時

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

週二, 一月 10. 2017

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

(2).請回答以下問題
1.網頁主題:多啦A夢
配色與風格設定:藍色
2.有無遇到的問題? 無
3.製作感想 :繞圖排文的應用還需要多加練習,按鈕設置還可以更好。
4.製作作業的時間:1小時