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

週二, 六月 13. 2017

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

(1)原網站名稱及網址:
anges.b cafe
http://agnesb-lepaingrille.com/cafetw/
修改的原因:版面小,不夠有質感,沒什麼特色。

(2)參考網站名稱與網址:
starbucks
https://www.starbucks.com/coffee
參考的原因: 內容清楚明瞭

(3)色彩計畫:黑灰白

(4)風格特色:清楚

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

大標題級數 :43pt
文章標題級數 :18pt
內文級數:14px
網站寬度:1349px

(6)製作心得:照著版型做很容易,自己要寫一個好網頁不容易X(

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

週四, 六月 1. 2017

1.網站主題: Taoyuan Metro桃園國際機場捷運

作業網址:http://mepopedia.com/~css105-2b/final/final-1045445089


參考版型: http://www.free-css.com/free-css-templates/page209/linuji


2.網站架構(導覽列名稱與檔名)
index.html-機捷首頁
about.html-關於我們
gallery.html-觀光景點
features.html-站站風光
contact.html-捷運路線
blank.html-聯繫我們

3.內容大綱: 機場捷運各站資訊/照片

4.主要對象(分析): 喜歡風景/逛街/捷運迷

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


6.網頁版型設計圖 :



7.色彩規劃: 和捷運識別系統相近的紫色

8.歷屆得獎分析(至少三組)
(1)2013年-Listen To Taiwan: http://listento.tw/
主題和網頁風格有趣,也用了舊式傳統播放機,很有復古風味,
內容是在台灣常出現但都是不被注意的聲音,很有特色。

(2)2014年-大山北月: http://www.bighillnorthmoon.tw/cafe/
很適合親子遊玩的地方,木製桌椅能回味學生時期,還有語音導覽很用心。

(3)2016年-古早味鹹酸甜: http://retrospective.idv.tw/
傳統柑仔店現在愈來愈少見,介紹很多好吃的食物,各地柑仔店位置
音樂跟主題也很搭,真的有古早味的感覺。

9.組員:1045445089黃宜萱

Re: [作業8] Free templates 試做

週二, 五月 23. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445089

(1) 參考之版型網址: https://html5up.net/parallelism
(2) 設計主題 / 風格 :簡約圖片風
(2) 遇到之問題: title旁的小圖案有固定的規格嗎?:S
(3) 製作時間: 製作快放圖片但圖片花了很多時間拍X(
(4) 製作心得:很多語法密密麻麻的,大致還看得懂(:P)(:P)

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

週二, 五月 9. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445089
(2)製作心得:網頁真多變化X(
學號:1045445089

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

週四, 四月 27. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445089
(2)製作心得:jquery(tu)(tu)高解析度照片要找挺久的:P大致上還行(tu)

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

週四, 四月 13. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445089
(2)製作心得: 神奇的jQuery(:P)(:P)
學號:1045445089

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

週四, 四月 6. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445089
(2)網站主題: Alice's Adventures in Wonderland
(3)導覽列選項/分類項目(對應檔名):
1-Lewis carroll-卡絡爾:Alice's簡介
2-Authors-作者介紹:有Anthony browne&Lewis carroll
3-Synopsis-簡介:介紹書中部分內容
4-Class Story-經典故事:連結故事內容
5-Video Story-影音故事
(2)設計對象:對繪本有興趣的
(3)色彩計畫:大自然又帶點奇幻世界
(4)風格設定、預期成效:做出和以往可愛形象的繪本有不同的感覺~
(5)製作心得: 該知道的語法更熟悉了些(:P)

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

週三, 三月 29. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445089
(2)本頁設計重點: 介紹作者,部分圖片
(3)製作心得: 又多學了新功能(:P)(:P)(:P)
學號:1045445089

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

週三, 三月 22. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445089
(2)網站主題/網站名稱: Alice's Adventures in Wonderland
(3)分類項目(導覽列):
01-Lewis carroll卡洛爾
02-Authors作者介紹
03-Synopsis簡介
04-Class Story經典故事
05-Video Story影音故事
(4)對象:喜歡繪本的
(5)色彩計畫: 大自然又帶點幻想奇怪的世界
(6)風格設定、網頁看點、預期成效: 和故事內容結合每張圖和不同章節都有不一樣的感覺,
這本繪本有很多圖,圖中有很多可以找的小圖,比一般繪本更有趣,預期成果可以在網上看到更不一樣的故事
(7)製作心得:愛麗絲夢遊仙境有很多種版本,選了一個比較不一樣的畫風,特別又帶點陰森奇幻的感覺

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

週四, 三月 2. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445089
2.設計概念與製作心得:以品牌logo配色,簡約風格,多了圓角和陰影的配置讓畫面更不一樣,不會很單一呆板
3.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.yslbeauty.com.tw/index.php
屬於簡約風格配色,有質感,清楚明瞭要尋找的資訊
5.期待這門課的學習成果與收穫為何?
學到更多新語法(:P)(:P)(:P)

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

週三, 一月 11. 2017

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

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

2.有無遇到的問題:無

3.製作心得與感想:多學了不一樣的東西X(

4.本學期於網頁設計課程上的收穫:從一開始什麼都不會到現在學會了許多語法,也不斷的在增加(:P)
前置作業
(1)網站主題 Jimmy幾米
(2)導覽列架構設定:
(3)尺寸:
(4)主要瀏覽族群:大人小孩都適合
(5)風格設定:可愛童話風格
(6)主色調,輔助色調: 粉色
(7)製作動機:讓大家更認識幾米和作品
(8)製作目的: 看見不一樣的風格

(9)資料蒐集分析:http://www.jimmyspa.com/

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

週四, 一月 5. 2017

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 可愛幾米
2.有無遇到的問題? 沒有吧
3.製作感想 又多了很多新功能(:P)
4.製作作業的時間 3~4小時

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

週四, 十二月 22. 2016

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:童話風格
2.有無遇到的問題? 沒有吧
3.製作感想 :有時候語法還是會不清楚會搞混,要偷看老師的語法才會恢復記憶(:P)(:P)
4.製作作業的時間 2~3小時

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

週三, 十二月 14. 2016

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:幾米,粉色配色
2.有無遇到的問題?
3.製作感想 :多了許多新的語法,愈來愈熟悉網頁
4.製作作業的時間 :1~2小時

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

週六, 十二月 10. 2016

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

(2).請回答以下問題:
1.導覽列配色與風格設定:繪本色彩
2.有無遇到的問題? (:P)
3.製作感想(你認為導覽列的意義為何?) 有導覽列才能清楚找到想要知道的資訊
4.製作作業的時間 :1小時多