Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

週四, 六月 21. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445156
(2).主題、風格:我的影像作品集 簡單
(3).設計概念與製作心得: 我覺得很可以,但是要做到很久

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

週四, 六月 14. 2018

1.網站主題: 主題是我的頻道影像之作品
2.內容大綱(導覽列/中文/檔名):
home=index
index=move
index=slider
photoalbum=news- news1-news2-news3
video album=photo
contact= contact
3.參考版型: 老師的版型
4.主要對象(分析): 主要分享我的youtube 頻道裡的作品
5.網頁架構圖(樹狀圖):




6.色彩規劃:主題的藍色系及橘色設計
7.歷屆得獎分析(至少三組):
一.HiIsland :很喜歡可愛畫風
二.夜色台北:排版乾淨愛
三.大山北月:很有別具一番風味
8.組員名單(學號)
1055445156


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

2.網站主題:ariel.k film studio
3.內容描述: 主要分享我的之頻道作品
4.風格設計: 簡潔工業風
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):
1055445156 高慎妤 工作分配: all

6.個人製作心得:
我很感謝老師教我很多網頁,做完真的很有成就感......

Re: [作業05] RWD網頁實作 navigation/dropdown/sub-menu/video

週四, 五月 31. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445156
(2).主題、風格:
 主題是大學動態影像參與作品
(3).設計概念與製作心得:以藍橘對比、最近影片上傳 讓觀看者更有印象

Re: [期中作業] OnePage-個人網頁製作

週四, 四月 26. 2018

(1) 作業網址 : http://mepopedia.com/~web106-2c/midterm/midterm-1055445156
(2) 參考之版型網址: http://www.tooplate.com/live/2082-pure-mix
(3) 設計主題 / 風格 : 作品集 ,簡約設計
(4) 導覽列項目:HOME / photography / graphic design / CONTACT
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

Re: [作業04] OnePage網頁實作/slider /Grid system

週四, 四月 26. 2018

4.上傳至hw04資料夾,並回覆於作業文章

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445156
(2).版型網址:
 http://www.tooplate.com/live/2082-pure-mix
(3).主題、風格:
 極簡
(4).設計概念與製作心得: 做成一本實習作品集,有些問題正在處理

Re: [作業03] Font Awesome字型練習與應用

週四, 四月 12. 2018


(1) http://mepopedia.com/~web106-2c/hw03/hw03-1055445156
(2) 會動了! 加了圖示更棒哒

Re: [作業02] EDM/Newsletter製作

週四, 三月 29. 2018

網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445156
設計概念與製作心得:主題是做 日本大阪觀光局網站,色彩使用紅色,簡潔大方排版
我覺得開始有挑戰的難度了!

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

週四, 三月 15. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445156
2.設計概念與製作心得:版面以淺色背景是澄澄稻穗,上完課我覺得聊解更多網頁的新作法
3.何謂HTML、DIV及CSS:
HTML是建立網頁的標準標示語言
DIV:是建立網頁區塊或標籤包起來的東西,瀏覽器會視為一個物件
CSS:是讓網頁增加許多不同的效果
4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.discovery-go.jp/
這網站風格簡約 最讚的那種
5.期待這門課的學習成果與收穫為何?
希望未來可以好好學習他

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

週二, 一月 16. 2018

(1)作業網址:http://mepopedia.com/~css106-2c/final/final-1055445156

(2).
1.製作作業的時間:3~7天
2.有無遇到的問題:很多沒注意到的細節,改不完的錯誤
3.製作心得與感想: 讓我學習到了不少高中沒學過的網頁新知
4.本學期於網頁設計課程上的收穫:一開始我完全不了解,直到遇上老師的網頁課後我開始真正體會到網頁設計的新知識,開始做到上癮了

前置作業
(1)網站主題:春艷饒舌歌手
(2)導覽列架構設定 :about(index) work(work) photo(photo) mv(mv) link(link)
(3)主要瀏覽族群:喜歡聽饒舌藝術天分的族群18~30歲
(5)風格設定:極簡冷色調
(6)主色調,輔助色調: 主色調藍色 輔助色調是黑白灰
(7)製作動機:喜歡饒舌歌手春艷的酷炫作品
(8)製作目的:讓大家了解春艷這個歌手
預期效果: 希望能達到老師要求

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

週二, 一月 16. 2018

1).作業網址:http://mepopedia.com/~css106-2c/hw07/hw07-1055445156/index.html

(2).請回答以下問題:
1.網頁主題:春艷
配色與風格設定:藍 極簡
2.有無遇到的問題? :無
3.製作感想 :做上癮
4.製作作業的時間 :5小

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

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題:春艷歌手介紹 配色與風格設定: 天藍色調
2.有無遇到的問題? 無
3.製作感想:好複雜需要花很長的時間搞好
4.製作作業的時間 :2小時多

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

週三, 十二月 27. 2017

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

(2)
1.網頁主題: 配色與風格設定:藍色調
2.有無遇到的問題? 無
3.製作感想 很有趣但要磨很久
4.製作作業的時間 1小

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

週三, 十二月 13. 2017

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

(2)
1.導覽列配色與風格設定:天藍色系與陽光配色
2.有無遇到的問題? 原來的檔案與現在的檔案亂掉
3.製作感想(你認為導覽列的意義為何?) 整齊好整理
4.製作作業的時間 1小時

Re: [作業03 ]利用Div標籤與CSS建立基本網頁版型- 圖片篇

週三, 十一月 22. 2017

 (1) 作業網址: http://mepopedia.com/~css106-2c/hw03/hw03-1055445156

 (2) 主題 / 風格設定 暖色系復古風

 (3) 有很多藏在細節的

 (4) 製作感想:我覺得網頁就是要不斷集中精神不然會錯亂

 (5) 製作作業的時間 :5小時

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

週三, 十一月 15. 2017

完成品
(1)作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445156

1有無遇到的問題 :有一些小細節,常常因為小細節出現毛病
2.製作感想 :我覺得經過一些網頁上的問題與老師的教學讓我變得越喜歡網頁設計
3.製作作業的時間 : 8小時
-----------------------------------------------------------------------------------------------------------------------------------------------------

(1)網站主題:解憂雜貨店

(2)製作動機:因為我很喜歡這部電影,希望能為他們做更好更有操作性的網站並且探索更多精華

(3)製作內容:
首頁 index-介紹解憂雜貨店
關於 about- 劇中角色
故事劇情 story -介紹劇情
錄影帶videos-解憂雜貨店預告片
劇照-解憂雜貨店各種劇照

(4)風格設定: 暖色系色調

(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://namiya-movie.jp/
這網站介紹了非常詳細介紹