Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

週二, 十月 31. 2017

http://mepopedia.com/~css106-2c/hw02/HW02-1055445156



1.製作主題 : 熊熊遇見你卡通動畫介紹
2.欲呈現之配色風格: 電玩童趣粉嫩風
3..有無遇到的問題? 遇到一些小物件少打導致整個 網頁有問題
4.製作感想 跟著老師步驟做學到頗多,但是還是要細心的找出東西

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

週二, 十月 31. 2017

[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color]



[color=#663300]一、製作說明:[/color]



1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url]
的步驟製作

2.下載附件
(或以自己設定的主題與圖片製作)
[color=#CC0033]可從這個作業開始,製作期中作業的第一頁
請選定自己喜歡的主題及相關資料[/color]

3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名)
[color=#CC0033]版權聲明部分請標註:本網站僅為作業之用,如有侵犯版權敬請告知。[/color]

4. 在#wrapper寬度上打上 px的數值

5. #content內,自行打入不同的內容文字,自行隨意設定

6. 以本單元的架構下,文字、圖片及設定,可依講義或自行發揮

7.本作業的的重點為:新增圖片按鈕,頂圖及內文圖。可依參考檔之作法製作,本頁請以自定主題設定為期中作業第一頁。


[color=#663300]二、繳交作業方式[/color]



1.製作完成後,檔案命名方式:

[color=#669900]第三個作業FTP上的資料夾為:hw03

每位同學請將自己的資料夾命名為:hw03-學號
這個作業的網址則為:http://mepopedia.com/~css106-2b/hw03/hw03-105xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾

存放在 < hw03-學號 > 的資夾內[/color]


2. 上傳至FTP

3.回覆本篇文章

 (1) 作業網址: http://mepopedia.com/~css106-2b/hw03/hw03-105xxxxxxx

 (2) 主題 / 風格設定(色彩設定部份)

 (3) 有無遇到的問題

 (4) 製作感想

 (5) 製作作業的時間



[color=#CC3300]範例參考網站:[/color]
http://mepopedia.com/~jinjin/web/hw03/

作業參考
(1) http://mepopedia.com/~jinjin/web/hw03/
(2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/
(3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/
(4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/
(5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/
(6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html

http://mepopedia.com/~web100-a/hw03/hw03-1006445010/

http://mepopedia.com/~web100b/hw03/hw03-1001445006/

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週二, 十月 31. 2017

(1).作業網址 :http://mepopedia.com/~css106-2b/hw02/hw02-1055445152

(2).請回答以下問題:
1.製作主題 BUNNY MAN
2.欲呈現之配色風格:深色弔詭
3..有無遇到的問題?
4.製作感想
還蠻酷的

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

週二, 十月 31. 2017

[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color]



[color=#663300]一、製作說明:[/color]



1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url]
的步驟製作

2.下載附件
(或以自己設定的主題與圖片製作)
[color=#CC0033]可從這個作業開始,製作期中作業的第一頁
請選定自己喜歡的主題及相關資料[/color]

3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名)
[color=#CC0033]版權聲明部分請標註:本網站僅為作業之用,如有侵犯版權敬請告知。[/color]

4. 在#wrapper寬度上打上 px的數值

5. #content內,自行打入不同的內容文字,自行隨意設定

6. 以本單元的架構下,文字、圖片及設定,可依講義或自行發揮

7.本作業的的重點為:新增圖片按鈕,頂圖及內文圖。可依參考檔之作法製作,本頁請以自定主題設定為期中作業第一頁。


[color=#663300]二、繳交作業方式[/color]



1.製作完成後,檔案命名方式:

[color=#669900]第三個作業FTP上的資料夾為:hw03

每位同學請將自己的資料夾命名為:hw03-學號
這個作業的網址則為:http://mepopedia.com/~css106-2a/hw03/hw03-105xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾

存放在 < hw03-學號 > 的資夾內[/color]


2. 上傳至FTP

3.回覆本篇文章

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

 (2) 主題 / 風格設定(色彩設定部份)

 (3) 有無遇到的問題

 (4) 製作感想

 (5) 製作作業的時間



[color=#CC3300]範例參考網站:[/color]
http://mepopedia.com/~jinjin/web/hw03/

作業參考
(1) http://mepopedia.com/~jinjin/web/hw03/
(2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/
(3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/
(4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/
(5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/
(6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html

http://mepopedia.com/~web100-a/hw03/hw03-1006445010/

http://mepopedia.com/~web100b/hw03/hw03-1001445006/

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================

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

週二, 十月 31. 2017

[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color]



[color=#663300]一、製作說明:[/color]



1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url]
的步驟製作

2.下載附件
(或以自己設定的主題與圖片製作)
[color=#CC0033]可從這個作業開始,製作期中作業的第一頁
請選定自己喜歡的主題及相關資料[/color]

3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名)
[color=#CC0033]版權聲明部分請標註:本網站僅為作業之用,如有侵犯版權敬請告知。[/color]

4. 在#wrapper寬度上打上 px的數值

5. #content內,自行打入不同的內容文字,自行隨意設定

6. 以本單元的架構下,文字、圖片及設定,可依講義或自行發揮

7.本作業的的重點為:新增圖片按鈕,頂圖及內文圖。可依參考檔之作法製作,本頁請以自定主題設定為期中作業第一頁。


[color=#663300]二、繳交作業方式[/color]



1.製作完成後,檔案命名方式:

[color=#669900]第三個作業FTP上的資料夾為:hw03

每位同學請將自己的資料夾命名為:hw03-學號
這個作業的網址則為:http://mepopedia.com/~css106-2c/hw03/hw03-105xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾

存放在 < hw03-學號 > 的資夾內[/color]


2. 上傳至FTP

3.回覆本篇文章

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

 (2) 主題 / 風格設定(色彩設定部份)

 (3) 有無遇到的問題

 (4) 製作感想

 (5) 製作作業的時間



[color=#CC3300]範例參考網站:[/color]
http://mepopedia.com/~jinjin/web/hw03/

作業參考
(1) http://mepopedia.com/~jinjin/web/hw03/
(2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/
(3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/
(4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/
(5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/
(6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html

http://mepopedia.com/~web100-a/hw03/hw03-1006445010/

http://mepopedia.com/~web100b/hw03/hw03-1001445006/

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週二, 十月 31. 2017

http://mepopedia.com/~css106-2b/hw02/hw02-1055445134

1.製作主題:這輩子,只能這樣嗎?
2.欲呈現之配色風格: 藍色系
3..有無遇到的問題? :暫無
4.製作感想 :越做越上手

Re: [作業01] 以HTML與CSS完成第一個網頁

週二, 十月 31. 2017

http://mepopedia.com/~css106-2b/hw01/hw01-1055445134
這是一個認真做完會很有成就感的作業,謝謝老師

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週一, 十月 30. 2017

http://mepopedia.com/~css106-2b/hw02/hw02-1055445191

1.製作主題:鬼門圖文
2.欲呈現之配色風格:綠、藍、灰

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週一, 十月 30. 2017

(1).作業網址 :http://mepopedia.com/~css106-2b/hw02/hw02-1055445197

(2).請回答以下問題:
1.製作主題 :中東地區的戰爭新聞
2.欲呈現之配色風格: 灰暗、沉重
3..有無遇到的問題? 無
4.製作感想:目前用cc,還需要適應

Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

週一, 十月 30. 2017

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

(2).請回答以下問題:
1.製作主題 :ikea對中國客服道歉新聞
2.欲呈現之配色風格: 使用IKEA配色來表達新聞主題
3..有無遇到的問題? 沒有問題
4.製作感想 能加點圖上去就更好了

Re: [作業01] 以HTML與CSS完成第一個網頁

週一, 十月 30. 2017

1.作業網址:http://mepopedia.com/~css106-2c/hw01/hw01-1055443122
2.感謝老師教學 雖然我很笨還是我還是基本學會了。

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週一, 十月 30. 2017

作業網址 :http://mepopedia.com/~css106-2b/hw02/hw02-1055445185

1.製作主題 :跟插畫家學跳舞。
2.欲呈現之配色風格:舞蹈色彩的感覺。
3.有無遇到的問題? 沒有。
4.製作感想 :還可以。

淺談如何建立數據指標體系?

週一, 十月 30. 2017

幾乎每一個數據崗的崗位要求都會涉及這樣一句話:「負責建立和優化部門的數據指標體系」。事實上目前大多的數據崗主要工作都是不斷完善與優化數據指標體系,而對「分析」層面的工作是比較少的,即使崗位叫做「數據分析師」。一個優秀的數據指標體系,不僅能讓你快速解決數據需求,洞察出可能會被忽略的價值數據,還能反映出你目前最需解決的業務問題。

建立數據指標體系第一步:



尋找業務的最主要的目的;實際上[url=http://www.finereport.com/tw/]數據分析[/url]的目的就是:藉助數據推動公司業務發展。而針對不同業務,最主要的目的會有所不同。最快速找到最主要的目的方法,與你同事,領導溝通,留意高頻辭彙,在根據自身對業務的理解去總結簡短的一句話即可。我覺得,明確了最主要的目的,才能使自己在做分析的道路上不會走偏,給的建議更加容易落地。以我所在的部門為例,業務的最主要的目的:推動籌建房源儘快上線。

第二步:



用思維導圖畫業務流程;建立數據指標體系,不是盲目的去收集「數據需求」,然後把數據需求的指標都添加上去。而是從業務入手,了解整個業務的流程,考慮每一個流程所需要用的的指標,全面的囊括用戶相關數據,防止遺漏。
以實際工作經驗為例,業務流程是這樣子的(一般以時間順序):
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017102507.jpg[/img]

第三步:



根據業務流程構建數據指標體系;一般把數據指標體系分為以下三大層面:

(一)基礎指標:這是每一個流程里所需要的數據,是一些基礎的維度;推薦用5W2H的方法去建立這一層的指標,基礎指標越多越好;就拿「開發把房源交給區域籌建管理」為例,會考慮:
(1)「這個業務流程做了些什麼?」答:部門拿到房源的第一步,所需的數據是房源編號。
(2)「這個業務流程做的時間是?」答:以拿到房源的時間為準,所需的數據是交房時間。
(3)「這個業務流程有哪些人接觸?」答:所需的數據是開發名稱與籌建管理名稱。
(4)「這個業務流程在哪裡發生」答:所需的數據是房源地址。
就是問這個業務流程的”WHAT+WHY+WHEN+WHERE+WHO+HOW+HOW MUCH”。然後考慮裡頭會涉及的數據有哪些,並寫下來。

(二)統計指標:統計指標簡單的說是基礎指標通過計算或條件篩選得出的,這裡就需要去收集各部門,各領導對你們部門的數據需求,與你自身常用的數據需求。這層面指標一般會用在日報、周報、月報上,且[url=http://www.finereport.com/tw/]BI系統[/url]的Dashboard都可能用到。而這層面指標並非越多越好,把常用的列出來就行。這層面指標應該建立「數據比例指標」為主,目的是「解決數據需求與更直觀的觀察數據情況」。
繼續以上述工作為例:開發部門會想知道他們開發人員到底誰比較能幹?那就建立「各地區開發房源佔比」,「各開發房源數」,「同比增長房源數」等數據指標去衡量它。若老闆想知道籌建中哪裡花費最多?那把成本劃分為「設計費」,「採購費」,「裝修費」。然後建立「各地區設計費用、採購費用、裝修費用佔比」,「同比增長設計費、採購費、裝修費金額」等指標去衡量它。(更多指標建立見下表)

(三)應用指標:這層面指標要緊貼「業務最主要的目的」,作用是看到這層面指標就要立刻反映出解決方法,可以說是一個監控指標。
還是以上述實際工作為例:部門的最終目的是「推動籌建房源儘快上線」,這裡已經把這業務流程劃分好了。(第二步所做的事)根據自身對業務的理解,若「沒有按照規定的時間籌建好的主要原因」。肯定是業務流程中的其中一個沒做好,停頓在那了。由於我是以時間順序去建立業務流程的,所以哪個業務流程沒做好,也可以理解為這個業務流程沒按規定的時間做完,逾期了。所以我建立了:「延遲交房時間率」,「設計方案逾期率」,「確認採購預算逾期率」,「裝修逾期率」,「布置房源逾期率」,「攝影師拍照逾期率」等多個逾期指標,看一眼就能知道在籌建哪一塊出了問題,現在最需要解決哪一塊問題。
到這,一個較全面的數據指標體系就建立好了,當然,數據指標體系是一個不斷更新的東西,本文的數據指標體系僅提供一個參考,也在不斷完善數據指標體系的道路上,多看書與技術文,多總結,多實戰才是王道!最後附上數據指標體系思維導圖,與我用FineBI[url=http://www.finereport.com/tw/]商業智慧[/url]工具製作的Dashboard。
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017102508.jpg[/img]

與BI系统的Dashboard:
[img]http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/2017102509.jpg[/img]

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

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



[color=#808080]數據分析,報表實例,專業的人都在這裡!加入[url=https://www.facebook.com/twfinereport/]FineReport臉書粉絲團[/url]![/color]

Re: [作業02]利用Div標籤與CSS建立基本網頁版型-以單純色塊為例

週一, 十月 30. 2017

作業網址 :http://mepopedia.com/~css106-2b/hw02/hw02-1055445211


製作主題: 貓咪毛色與性格

欲呈現之配色風格:暖色系

有無遇到的問題? :對配色很有障礙

製作感想:很新奇有趣,很期待學習更深入的網頁設計

Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

週一, 十月 30. 2017

1.http://mepopedia.com/~css106-2c/hw02/hw02-1055445033
2.謝謝老師細心教導