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

週三, 四月 26. 2017

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445043
(2)本頁設計重點: 介紹庫洛魔法使這部懷舊卡通
(3)製作心得:做出成品後非常有成就感,會讓我想要一直重複瀏覽,希望之後的課能學習到更多不同設計網站的方法。
學號
1045445043

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

週三, 四月 26. 2017

http://mepopedia.com/~css105-2a/midterm/midterm-1045445022

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445022
(2)網站主題: 香蕉星球
(3)導覽列選項/分類項目(對應檔名):

關於香蕉星球 - 首頁
最新資訊 - 活動的內容以及店家的各種新擺設或菜單
餐飲 - 介紹本店的主食及招牌等等
會員專區 - 唯有會員活動介紹
心情分享 - 客群可上網填入

(2)設計對象: 家庭式族群 / 同學朋友聚餐 / 悠閒下午茶的客群 /
(3)色彩計畫: 運用香蕉星球的LOGO主色黃色和黑色搭配整個網頁的整體感
(4)風格設定、預期成效: 可愛 / 簡單樸素的版面
(5)製作心得: 一開始做覺得好困難,要想好整個主題以及圖案圖片的運用,配色上的技巧,
還有對網頁一些語法的了解,雖然做起來有點不知所措,但是慢慢地去瞭解
真的還蠻好玩的,做的並沒有很詳細或用更多特效,
但如果有時間,我一定要好好地學會網頁設計 , 蠻有趣做完真的成就感高 ~~~~~(tu)(tu)(:P)(:P)(:P)(:P)

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

週二, 四月 25. 2017

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445166

(2)網站主題: LoveLive! School Idol Project

(3)導覽列選項/分類項目(對應檔名):

首頁-Index 故事簡介-Story 角色介紹-Profile 歌曲分享-Songs 外部連結-Links

(2)設計對象:15~25歲青少年

(3)色彩計畫:亮色系粉色系

(4)風格設定、預期成效:

活潑 青春洋溢

校園偶像動畫介紹

讓更多人了解偶像動畫的有趣,進而去理解聲優與各式各樣的歌曲,理解偶像動畫的樂趣。


(5)製作心得:

非常有趣的一次作業,摸索了不少代碼做嘗試,花了不少時間達到了想要的效果。

雖然辛苦但是能做自己最有興趣的主題才是最有趣的!也讓我對網頁設計多了不少想法,收穫相當不錯。

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

週二, 四月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445016
(2)網站主題:慢食堂たまたま
(3)導覽列選項/分類項目(對應檔名):
首頁: 相關資訊活動
談談慢食: 介紹店家的須知及注意事項和營業時間
嘗嘗慢食:商品介紹及圖片
逛逛慢食:店家外觀及規模
外部連結:youtube介紹影片
(2)設計對象:喜好吃甜食及冰品的群人
(3)色彩計畫:淡色調
(4)風格設定、預期成效: 點單的單一顏色給人很舒服又乾淨感
(5)製作心得:既開心又很有成就感能做出自己的網頁頁面,剛開始對網頁真的完全不懂及程式碼等,但是藉由老師的教導之下讓我了解更多也學習到很多不同功能的架設網頁(:P)讚讚

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

週二, 四月 25. 2017

作業網址為http://mepopedia.com/~css105-2a/midterm/midterm-1045445013 。

並請回覆:

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445013

(2)網站主題: 法米法式甜點

(3)導覽列選項/分類項目(對應檔名):

首頁 (HOME) 、各項甜點介紹 (FAMI FRENCCH DESSERT) 、母親節特惠商品 (CELEBRATE THE CAKE) 、甜點製作影片 (MOVIE) 、甜點網站連結 (GUEST DINNERS)

(2)設計對象: 喜歡吃甜點的女孩們

(3)色彩計畫: 淡彩、粉彩

(4)風格設定、預期成效: 使用了淡彩及粉彩的視覺效果,讓喜歡甜點的民眾,瀏覽起網頁更加快樂。
至於首頁,在分店的名子部分,連結了 google map ,讓顧客能清楚知道所在地。

(5)製作心得:做完了一整個網頁,感覺很充實,也學到了很多,雖然遇到了很多問題,但是都會去想辦法解決他。

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

週二, 四月 25. 2017

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

(2)網站主題:Mr. Pickles

(3)導覽列選項/分類項目:
首頁:index
腳色:links
創作風格:creation
音樂:music
相關影片:works

(2)設計對象:喜歡Mr.Pickles的人

(3)色彩計畫:紅黑綠

(4)風格設定:Mr.Pickles的風格。

(5)製作心得:跟以前比起來進步很多,做完很有成就感,但有些地方還是改壞了。

【保養】LA GINA母親節保養品組合 抗老保濕保養不可少

週二, 四月 25. 2017

每年五月份母親節,從小時候學校老師帶領做康乃馨和手作卡片感謝媽媽的辛勞養育,長大後開始有自己的生活圈和交友圈,使得飲食、玩樂、保養等方式有著不一樣的見解和認知,因此長大的我們也希望能夠帶年邁的爸媽吃美食、看世界以及充分保養和享樂。LA GINA執行長指出,各國都擁有不同的母親節由來和典故,其慶祝方式也不一樣,台灣母親節源自於美國的母親節,其實母親節最大的意義是希望人們不要忘了表達對母親的養育之恩。

台灣慶祝母親節的方式不外乎是陪同爸媽到郊外出遊、出國旅遊以及送媽媽保養品等方式,建議想要送保養品做為母親節禮物的消費者,可以事先了解媽媽的膚質或直接陪同媽媽到櫃上試用。LA GINA執行長表示,若媽媽本身日常沒有保養習慣,肌膚可能會出現乾燥缺水等問題,其狀況很可能延伸出小細紋和皺紋,這些肌膚狀況容易使媽媽比實際年齡更大。

為了讓媽媽能夠達到充分保養效果,LA GINA保養品分為水美人系列以及賦活肌粹系列,賦活肌粹系列可分為青春撫痕玫瑰修護因子精華、八爪緊妍藍銅胜肽精華、鑽石晶潤神經醯胺精華、祛黑燦白傳明酸精華。LA GINA執行長表示,為了避免保養品開封使用後,不甚造成交叉污染的問題,LA GINA保養品其瓶身皆透過特殊滴管設計和壓頭設計,使消費者使用上更加方便。

LA GINA母親節組合不僅推出精華液組合、寵愛媽咪組、水嫩保濕組、基礎清潔組以及搭配日式悅SPA緊緻舒壓組,使媽媽過母親節保養臉蛋的同時,亦可獲得專業日式手技的舒壓按摩。

LA GINA 母親節禮物 抗老保養 悅SPA按摩

 Lagina官網: http://www.lagina.com.tw/
 Lagina粉絲團: https://www.facebook.com/lagina.tw/?fref=ts
 Lagina痞客幫: http://lagina2016.pixnet.net/blog
 Lagina部落格: http://lagina2016.blogspot.tw/

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

週二, 四月 25. 2017

1.須修改網站:https://tw.creema.net/listing/332
版面設計的配置 有做分類 但整體看起來少許的雜亂
希望可以更簡單 舒適的閱讀
也會使消費著比較容易賞析。

2.優良網站名稱及網址: http://www.foodandcompany.co.jp/events/

這是日本的網站 想說參考不同國家的設計來做
以發想~

整體編排讓人閱讀起來很舒適
顏色配色也覺得很文青

看起來也不會很擁擠
雖然我覺得他內頁的文字小了點 但整體的設計感我覺得還不錯!

【保養】LA GINA –母親節選擇無刺激保養品 讓媽咪維持完美膚質

週二, 四月 25. 2017

兒女在父母辛苦的教育與陪伴下一步一腳印成長,當兒女長大成人時,也希望能夠孝敬並且回饋給父母,因此一年一度的母親節及父親節,總是有各家百貨與餐廳祭出各種優惠和活動,讓大家能夠更加便利送禮與慶祝。LA GINA執行長指出,女性的皮膚隨著年紀增長,需要的保養與滋潤逐年提高,而母親節的到來不少兒女為了盡孝心而選擇最貴的保養品當禮物,然而最貴的禮物卻不見得是最適合媽媽的肌膚。

皮膚的膚況會依照年齡與外在環境的因素使肌膚出現些微的改變,而臉部肌膚也可能出現區塊性的差異,建議消費者在選擇保養品前,先觀察了解媽媽或自己本身的膚況,且建議分區保養,方能達到雙倍的保養效果。LA GINA執行長指出,保養品依照其功效大致可分為保濕、控油、美白、抗老等效果,建議消費者依照不同需求適時給予肌膚正確的保養。

想要為媽媽添購母親節禮物時,通常會依照媽咪的膚況選擇抗老保濕等產品,而在保養品選擇上,網路充斥各種真實不一的保養說法,究竟該如何選擇適合媽媽的抗老保養品呢。LA GINA執行長表示,皺紋主要是陽光傷害、肌肉運動、荷爾蒙流失、遺傳因素和脂肪減少所引起,因此抗老保養的前提是需要讓肌膚達到充分的水分,但不是光靠保濕成分就可以達到,還需要抗老化及抗氧化成分一起幫助皮膚留住青春。

台灣製LA GINA依照不同膚質及不同膚況推出以保濕為主軸的水美人系列以及適合熟齡肌的賦活肌粹系列以及純精油打造的手作冷凝皂,使媽媽能夠依照不同狀況,進行完整的白天與夜晚保養。LA GINA執行長提醒,目前是市面上充斥著含有不同化學香精的保養品化妝品,長期使用不僅易使肌膚變得敏感且脆弱,建議消費者選擇保養品與化妝品時,以單純成分為主,才能達到內外兼具的健康保養。


LA GINA 母親節禮物 保養品禮盒 抗老保養

 Lagina官網: http://www.lagina.com.tw/
 Lagina粉絲團: https://www.facebook.com/lagina.tw/?fref=ts
 Lagina痞客幫: http://lagina2016.pixnet.net/blog
 Lagina部落格: http://lagina2016.blogspot.tw/

【保養】LA GINA:降低誘發肌膚敏感原 建議選擇成分單純保養品

週二, 四月 25. 2017

世界各地的空氣污染狀況隨著工廠或開發型國家的過度開發使得其狀況愈來愈糟糕,首當其衝的便是大家的肌膚狀況以及呼吸道健康指數,平時除了配戴口罩降低呼吸道不適以外,肌膚清潔保養與日常的防曬保養更是成為大家相當重視的議題。LA GINA執行長指出,不少老一代的長輩其思想尚未更新,現代環境不如過去農業時代一般,無須擦隔離霜或防曬乳即可外出,倘若未做好防曬隔離保養,時間累積下容易使肌膚造成不可逆的傷害。

不少人在季節轉換或是秋冬時節容易造成肌膚乾癢的症狀,其乾癢的原因有部分來自於異位性皮膚炎或是敏感性肌膚等體質,另外的原因可能來自於後天環境影響,例如溫度變化、空氣濕度過高、過度清潔造成的皮膚發炎。LA GINA執行長表示,造成皮膚不適的原因眾多,建議消費者面臨肌膚乾癢時,先讓專業皮膚科醫師治療與找出真正原因,透過正確用藥並且搭配日常保濕保養下,方能真正改善乾癢並且提升肌膚自癒能力。

擁有敏感肌困擾的消費者,在清潔方面切勿過度清潔,清潔時亦須避免高溫或過長時間的清潔,保養品選擇成分越簡單越好,建議以無香料及無色素且具有舒緩效果成分較佳;化妝方面建議以粉餅、蜜粉餅等粉狀為佳,基本防曬則是選擇以物理性防曬品為優先,此外,正確卸妝和清潔是維持肌膚健康的不二法門,敏感肌消費者建議使用防水性不高的化妝產品,藉由溫和卸妝乳卸除臉上殘妝,降低卸妝油使用頻率,避免肌膚受到過多刺激。

最後,敏感肌或是過敏中的肌膚,其保水力比起一般人來得差,因此容易顯得皮膚乾燥,此時去角質會使肌膚受到二次傷害,建議選擇保濕且低敏的保養品,最後鎖水程序更是不能少。LA GINA執行長表示玻尿酸、尿囊素、胺基酸都是具有高度保濕的聖品,建議消費者倘若想要購入保濕保養品時,可優先挑選相關保濕產品,提升自我皮膚水嫩度。

LA GINA敏感肌保養 保濕成分 保濕保養

 Lagina官網: http://www.lagina.com.tw/
 Lagina粉絲團: https://www.facebook.com/lagina.tw/?fref=ts
 Lagina痞客幫: http://lagina2016.pixnet.net/blog
 Lagina部落格: http://lagina2016.blogspot.tw/

【保養】LA GINA:保養品的添購與選擇 亦須隨著氣候換季與更新

週二, 四月 25. 2017

不難發現全世界這幾年的天氣異常狀況愈來愈嚴重,此現象不僅影響所有動植物生態作息以外,連同人類也被異常炎熱高溫或寒冷低溫影響著日常生活,其中老年人呼吸道或身體機能與各年齡層男女性皮膚狀態的改變和適應不良問題最為明顯。LA GINA執行長指出,人類的身體需求會隨著本身具備條件以及外在環境、氣候等因素,直接表現在表皮肌膚。

臺灣位於亞熱帶地區,一年四季溫度適宜,夏季平均溫度約莫在攝氏29度,但受到太平洋高氣壓影響,台灣夏季較為潮濕,許多民眾此時肌膚易出現出油及粉刺、痘痘等困擾;而秋冬季節的平均溫度約莫在攝氏16度左右,此氣候受到大陸冷高壓影響空氣偏乾,不少民眾的肌膚在秋冬容易出現乾癢等症狀,亦會引發敏感性肌膚者出現不適的情況。

保養品選擇除了需要視季節替換以外,保養的程序亦會因為白天或晚上有著不同的保養順序和重點,尤其是夜間時,肌膚的細胞不斷地進行恢復、再生和重建的修復工作,倘若把握夜間保養其更新速度比白天快八倍左右,因此夜間保養得宜能夠使肌膚達到雙倍的保養效果。LA GINA執行長表示,透過卸妝清潔、化妝水、面膜修復、精華液與乳霜等完整保養下能夠加強肌膚水嫩度,夜間保養可搭配水美人胺基酸煥妍凍膜達到鎖水的效果。

LA GINA水美人胺基酸煥妍凍膜榮獲FG特優評鑑,除了可達到深層全面鎖水功效亦能留住保養精華形成保護膜,日夜間使用下,深度修復舒緩疲憊肌膚,啟動舒活暗沉肌膚,喚醒肌膚透亮光澤。LA GINA執行長提醒,保養品的選擇和添購如同服飾一樣,需要隨著季節做更新與替換,並且透過正確與完善的使用,方能夠達到最佳的保養效果。


LA GINA保養品換季 保濕保養 胺基酸煥妍凍膜

 Lagina官網: http://www.lagina.com.tw/
 Lagina粉絲團: https://www.facebook.com/lagina.tw/?fref=ts
 Lagina痞客幫: http://lagina2016.pixnet.net/blog
 Lagina部落格: http://lagina2016.blogspot.tw/

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

週二, 四月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445061
(2)本頁設計重點: 推廣台北
(3)製作心得: 學習到新的程式碼運用
學號
1045445061

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

週二, 四月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445061

(2)網站主題: 臺北

(3)導覽列選項/分類項目(對應檔名):首頁(index) 、文化歷史(about)、各時期風貌(profile)、古蹟(works)、外部連結(link)

(2)設計對象: 18-30歲男女、遊客

(3)色彩計畫: 暖色系、粉色系

(4)風格設定、預期成效:
風格設定-活潑、溫馨並能清楚介紹臺北
預期成效-讓想認識臺北的人都可藉由這個網站對臺北有更多的認識。

(5)製作心得:製作過程中從一開始還不太會操作跟不太會看程式碼,到現在可以運用,雖然有時候也會有不太會的地方,但還是很開心能有現在的操作能力:)。

如何搭建可視化的數據分析平台?

週二, 四月 25. 2017

[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017042501.jpg[/img]
如今,市場的變化越來越快,業務調整也越來越頻繁,承載業務流程的信息化也在不斷提升,選擇一個能靈活應對需求的系統工具成了必需。

選擇什麼樣的工具,如何應用?這裡分享某保險公司的案例,從整合系統數據、可視化管理與幾個應用案例來談談如何利用FineReport搭建靈活快速響應的數據管理體系。

[b]項目背景[/b]

該保險公司在在全國擁有40多個省區及300多個地區的分支機構和服務機構。公司的業務特點主要表現在三個方面:

● 地域分布廣:公司業務分布區域較廣,業務特點的差異性較大,並且不同地區業務的側重點不同。
● 業務類型多:公司的業務包含車險、個人財產保險、企業財產保險、人身意外險等,涵蓋面比較多,同時也有政策性以及非政策性的業務。
● 市場變化快:由於市場競爭的加劇,公司的經營方式也在向互聯網化轉型,主要是為了適應市場的變化以及監管政策的變化。
[b][url=http://www.finereport.com/tw/]數據分析[/url]的目的是什麼?[/b]

無論是要做數據還是看數據或者是做任何一個報表,目的都是為了用數據去做決策。我們的數據都是經過專業的數據分析人員結合實際情況分析出來的,最終放到展示層面上進行應用。但是,在實際應用過程中面臨了諸多的問題:

● 數據量大,在[url=http://www.finereport.com/tw/]報表製作[/url]時,現成的報表往往不夠用;在數據分析時,製作的報表會有新的需求出現,而現有的需求無法滿足業務人員的需要。
● 市場、監管以及客戶對我們的經營決策具有較大的影響。對於這些因素的理解,都是以數據的形式體現出來的,因此,數據分析一定要及時並且準確。
● 各個部門對於數據的理解不同,因此需要我們對表格進行針對性設置。
以上的問題讓數據報表面臨了很多挑戰,簡單的概括來說就是基數大、需求多、變更快、準確性、靈活性、能快速響應。尤其是準確性方面,公司的數據來自承保系統和理賠系統,經由這兩個系統的數據形成了最基本的數據。每天這兩個系統在進行存儲、交換和交互時,難免會產生各種錯誤,所以提出了對報表準確性的要求。

[b]關於FineReport[/b]

由於信息部工作的特殊性,如果有員工離職的話,負責的報表就很難有人能夠接下盤來。但是, FineReport工具的使用,由於簡單易用,可以很大程度上緩解人員調整過程中所產生的壓力。總體來說有以下幾大優點:

[b]1、易上手[/b]

由於簡單,類Excel界面操作,所以上手比較快。

[b]2、靈活[/b]

開發、測試或者部署都能夠在一個比較短的周期情況下實現。

[b]3、學習成本低[/b]

其他[url=http://www.finereport.com/tw/]大數據分析軟體[/url]系統的學習成本無論從時間還是金錢上來講都比較高,FineReport有自己的幫助文檔,學習成本較低。

[b]4、擴展性強[/b]

擴展性主要是體現在自身能夠容納其他應用的能力以及把自己的功能嵌到其他系統裡面的能力,FineReport提供多種介面,幾乎能嵌入各種系統。

[b]實踐案例[/b]

如今公司的信息架構分為三層,最上面一層是科技管理層。第二層就是數據倉庫以及系統數據的介面服務,大部分管理者對於報表的一些疑問,或者對現在的一些經營問題都會把它細化成為更細的分析目標,下沉到分析人員這一層來進行處理。第三層是一線人員的業務數據產生的環節。

在數據分析查看這一方面,領導會經常通過熱力圖來了解各地的銷售情況,各種產品的對比以及同比環比,數據一目了然。這麼一來就能避免整理報表、傳輸報表過程中帶來的意外。其次能讓領導根據自己的業務經驗,以及自己所處的經營高度去快速發現問題,指導第二層數據分析人員,快速開展數據分析工作。

通過這樣一張圖可以清楚的看到保費以及賠款的佔比,在不同的地區他這個保費的收入以及賠款的支出、現金流
的狀況是怎麼樣一個情況。

[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017042502.png[/img]

對於保險公司,最關心兩個指標,一個值是估損偏差率另一個是結案失效平均天數。值呢是實效的平均天數。通過這兩個指標可以看到我們理賠隊伍運行的狀況是否正常。

[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017042503.png[/img]

以下是典型的中國式報表,處理這種報表的過程是非常痛苦的。因為每個表即使用數據透視表至少要轉一下或者改一下篩選條件才能填完其中的一個格。而使用FineReport只用了一個工作日來完成前端頁面開發和後端數據提取,徹底解放了一個人要干好幾個小時的勞力問題。

[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017042504.jpg[/img]

另外還運用了FineReport便捷性的擴展。報表展示的超級鏈接可以直接嵌入到我們公司內部B/S架構系統裡面,就可以實現綜合查詢的功能。

[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017042505.png[/img]

其實,報表能夠隨時隨地的讓領導看到是最好的,因為各級管理人員的關注點就是為了找問題,找到問題快速解決。再把它下沉到數據運用過程中,才能夠真正實現企業高效化的管理。

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

週二, 四月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445082/
(2)本頁設計重點:甜點線上訂購
(3)製作心得:學習了如何建立網站架構及編排裝飾,以後開店也能自己設計,非常實用!!
學號
1045445082