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

週二, 六月 19. 2018

(1).網址 : http://mepopedia.com/~web106-2b/hw06/hw06-1055445148
(2).主題 / 風格 :點心製作/簡單風
(3).設計概念與製作心得 : 做得有點累,但是還蠻開心的,希望能再做一些點心。

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

週二, 六月 12. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw05/hw05-1055445148
(2).主題、風格:
 蛋糕製作/簡單風
(3).設計概念與製作心得:以簡單風格為主,做的時候一直想不到要放甚麼。

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

週二, 五月 1. 2018

(1).網址: :http://mepopedia.com/~web106-2b/hw04/hw04-1055445148
(2).版型網址:
 http://www.free-css.com/free-css-templates/page219/auro
(3).主題、風格:
 簡單的風格 ,個人作品。
(4).設計概念與製作心得:用自己的作品完成了屬於自己的網頁,很有成就感。

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

週二, 五月 1. 2018

(1) 作業網址 :
http://mepopedia.com/~web106-2b/midterm/midterm-1055445148

(2) 參考之版型網址:
http://www.free-css.com/free-css-templates/page219/auro
(3) 設計主題 / 風格 : 主題是自己的作品,風格簡單大方。

(4) 導覽列項目:首頁, 關於,作品,鼓勵話語,如何聯繫

(5) 遇到之問題: 原本網站版型語法很多,看上去很複雜。

(6) 製作時間: 2天

(7) 製作心得:因為放自己的作品,很開心!

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

週四, 四月 19. 2018


視傳2A 1055445148 陳毅珊
(1).網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445148
(2).設計概念與製作心得:很方便有趣

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

週五, 四月 6. 2018

1055445148 陳毅珊

(1).網址: :http://mepopedia.com/~web106-2b/hw02/hw02-1055445148
(2).設計概念與製作心得:想做一種簡單明亮的感覺

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

週四, 三月 22. 2018

1.網址:http://mepopedia.com/~web106-2b/hw01/hw01-1055445148
2.設計概念與製作心得:最近期待的電影第二部
3.何謂HTML、DIV及CSS: 製作網頁的
4.附上至少一個覺得設計很有質感的網站,並說明原因 :https://www.squarespace.com/ 很乾淨舒服
5.期待這門課的學習成果與收穫為何?
對將來工作或很有幫助 也很有趣

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

週四, 一月 11. 2018

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445148
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: 無
3.製作心得與感想: 很有成就感
4.本學期於網頁設計課程上的收穫:
學了很多網頁設計的知識


前置作業
(1)網站主題: 宮崎駿
(2)導覽列架構設定 :About、Works、Video、Links、Story
(3)主要瀏覽族群: 喜歡宮崎駿個人和動畫的人
(5)風格設定: 簡單、活潑
(6)主色調,輔助色調: 主色為亮黃、輔助色為深藍色
(7)製作動機: 喜歡他的動畫和用心
(8)製作目的: 向大家介紹和分享自己喜歡的動畫與人物
預期效果: 乾淨

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

週四, 一月 11. 2018

(1).作業網址 :http://mepopedia.com/~css106-2a/hw07/hw07-1055445148

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 簡單 活潑
2.有無遇到的問題? 無
3.製作感想: 有成就感
4.製作作業的時間: 3天

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

週四, 十二月 28. 2017

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

(2).請回答以下問題:
1.網頁主題: 宮崎駿
2.配色與風格設定: 簡單活潑
2.有無遇到的問題? 無
3.製作感想 越改越多
4.製作作業的時間 2天

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

週四, 十二月 28. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 簡單活潑
2.有無遇到的問題? 無
3.製作感想 越做越多
4.製作作業的時間 2天

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

週四, 十二月 14. 2017

(1).作業網址 :http://mepopedia.com/~css106-2a/hw04/hw04-1055445148
1.導覽列配色與風格設定: 簡約風
2.有無遇到的問題? :想題目想很久
3.製作感想(你認為導覽列的意義為何?): 方便我們閱讀與分類
4.製作作業的時間 :一個下午

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

週四, 十一月 23. 2017

(1)作業網址 http://mepopedia.com/~css106-2a/midterm/midterm-1055445148
1)網站主題: 明星大偵探 (推理形綜藝節目)
(2)製作動機: 他特別的節目形式和角色扮演推理,讓我希望推薦更多人觀看這個節目。
(3)製作內容:
節目形式(Program form)
環節(Links)
固定玩家(Fixed players)
節目列表(Programme list)
(4)網站(風格)列表與分析:簡單、分明
(5)資料蒐集分析 :
http://jessy116.pixnet.net/blog/post/43559430-%5B%E7%B6%9C%E8%97%9D%5D%E3%80%8A%E6%98%8E%E6%98%9F%E5%A4%A7%E5%81%B5%E6%8E%A2%E3%80%8B%E7%AC%AC%E4%B8%80%E5%AD%A3&%E7%AC%AC%E4%BA%8C%E5%AD%A3%E8%A7%80%E5%BE%8C%E6%84%9F%E3%80%82
http://lokc.blog.fc2.com/blog-entry-25.html
https://baike.baidu.com/item/%E6%98%8E%E6%98%9F%E5%A4%A7%E4%BE%A6%E6%8E%A2
*相關網站列表與分析:
http://tw.weibo.com/5862147128
(簡約明瞭的設計)

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

週四, 十一月 23. 2017

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

 (2) 主題 / 風格設定(色彩設定部份) :簡單明瞭,黑色、黃色、白色。

 (3) 有無遇到的問題 :圖片大小跟裁切。

 (4) 製作感想 :有成就感。

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

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

週三, 十一月 22. 2017

1)網站主題: 明星大偵探 (推理形綜藝節目)
(2)製作動機: 他特別的節目形式和角色扮演推理,讓我希望推薦更多人觀看這個節目。
(3)製作內容:
節目形式(Program form)
環節(Links)
固定玩家(Fixed players)
節目列表(Programme list)
(4)網站(風格)列表與分析:簡單、分明
(5)資料蒐集分析 :
http://jessy116.pixnet.net/blog/post/43559430-%5B%E7%B6%9C%E8%97%9D%5D%E3%80%8A%E6%98%8E%E6%98%9F%E5%A4%A7%E5%81%B5%E6%8E%A2%E3%80%8B%E7%AC%AC%E4%B8%80%E5%AD%A3&%E7%AC%AC%E4%BA%8C%E5%AD%A3%E8%A7%80%E5%BE%8C%E6%84%9F%E3%80%82
http://lokc.blog.fc2.com/blog-entry-25.html
https://baike.baidu.com/item/%E6%98%8E%E6%98%9F%E5%A4%A7%E4%BE%A6%E6%8E%A2
*相關網站列表與分析:
http://tw.weibo.com/5862147128
(簡約明瞭的設計)