請將免費建構網站的資料貼到本欄留言板

請將你知道的能免費建構網站的資訊貼到本欄留言板上，以利同學參酌使用。
延伸瀏覽

• 你有想過今日的網頁為什麼長這樣嗎？
• HOW TO EASILY BUILD YOUR OWN WEBSITE (EVEN IF YOU ARE NOT TECHY)!
• webs.com 及wopop.com
• 網路、行銷、使用者經驗設計

期末作業

目標
以使用者經驗及使用者友善為前提，為國內中小企業修改其網站的視覺表現

方法

1. 每位同學提議兩個網站，將其網址貼到本留言板；
2. 留言板列出待改善的網站，共分五組；
3. 分配每位同學為五組之一的成員；
4. 每位同學以免費網站，針對各分組擇定的待改善網站，提出一個改善案。

調查

各組調查得票數為前二名，討論確定待改善的網站。

作品繳交

• 1月11日上課前將你的期末作業網址上傳到智慧大師的「期末作業 」。

口頭表發

• 1月11日，每人5 分鐘

繳期

• 1月11日

延伸瀏覽

• 別再亂講介面設計就是使用者經驗了

Evernote三個可用的App

請試著使用以下的App

• http://evernote.com/intl/zh-tw/clearly/
• http://evernote.com/intl/zh-tw/webclipper/
• http://www.playpcesor.com/2014/04/feedly-app-evernote.html

2014進度

• 上半學期由同學建構一個紀錄學習(或有專門領域)的部落格。
  
• 下半學期由同學分組以建構一商業網站或行動APP為主。
• 個人在websxxxxxx.blogspot.com落格記錄一學期的學習心得及資訊分享

1. 09/21 概論，blog架設
2. 09/28 blog的文字處理
3. 10/05 圖像處理
4. 10/12 html
5. 10/19 多媒體物件的搭配
6. 10/26 rss
7. 11/02 facebook
   
8. 11/09 facebook
9. 11/16 發表--期中考
10. 11/23  網站內容架構
11. 11/30 文字處理；文字型網頁的架設；表格圖像處理
12. 12/07 網頁的色彩計劃
13. 12/14 多媒體物件的搭配。
14. 12/21 樣版的建立與套用
15. 12/28 CSS樣式表
16. 01/04 發表
17. 01/11 發表
18. 01/18 期末作業評核﹣﹣商業網站設計或改造
    
    

頭條新聞2014

3月

1. 9 25 things you might not know about the web

期未意見

目標
反應你一學期來對這門課的意見與建議，包括課程內容、進度、作業、教學態度，俾供之後的改進；當然，你也可以陳述或檢討你學習這門課過程。

方法
在下方的意見欄發佈

奬勵
加分

期本作業成果

1. http://daynewmovie.webs.com/
2. http://eznowhq9sjkczv.iwopop.com/Home
3. http://ampi-technology.webs.com/
4. http://eznow9besm2pm2.iwopop.com
5. http://33023005.webs.com/
6. http://s33023006.webs.com/
7. http://s33023008.webs.com/
8. http://s33023009.webs.com/
9. http://eznows2duxrpc2.iwopop.com
10. http://s33023011.iwopop.com
11. http://tc20080811.webs.com/
12. http://cheere.webs.com/
13. http://ampi-electron.webs.com/
14. http://33023015wang.webs.com/
15. http://ampi23016.webs.com/
16. http://33023017.iwopop.com

在文章欄內做意見調查

複製嵌入程式碼

當你想將其他網站的影片存放在你的部落格內文，像以下的作品1及作品2，其作法如下：

一、能直接複製影片崁入程式碼

1. 直接複製影片崁入程式碼。
2. 在html模式下，以下列的iframe標記來完成<iframe allowfullscreen="" frameborder="0" height="300" src="//d2pq0u4uni88oo.cloudfront.net/projects/664602/video-291480-h264_high.mp4" width="400"></iframe>

二、無法直接複製崁入程式碼的影片

1. 按右鍵並選擇「檢查元素」。
2. 視窗將於下方開啟原始碼。
3. 找尋語法iframe開頭及結尾的段落。

作品1

作品2

RGB及CMYK

要上傳到網站上的圖檔一定要轉存為RGB模式之jpg或png或gif檔。

....

用記事本貼字

台灣製造業PMI 樂觀

  中時電子報作者： 記者陳碧芬╱台北報導 | 中時電子報 – 2013年9月29日 上午5:30
工商時報【記者陳碧芬╱台北報導】

9月臺灣製造業採購經理人指數（PMI）將於周二（1日）公布，由於近日歐洲、中國大陸的9月製造業PMI相關數值均優於市場預期，回升速度有力，顯示景氣似已脫離谷底，市場期待台灣PMI也將能有好消息，尤其近期蘋果機上市，已激勵台灣製造業蘋果供應鏈的熱絡。
臺灣製造業PMI是由中經院研究團隊運用中華民國採購經理人協會的會員資料庫，實際進行問卷調查，目前以製造業當月的新增訂單數量、生產數量、人力雇用數量，供應商交貨時間，原物料存貨等5項指標，作為PMI的組成。8月臺灣製造業PMI指數為52.6％，雖然已連續6個月站在50％以上，但自今年3月以來就一路下滑。
 中經院表示，國際訂單與外銷需求對製造業的影響甚大，參考工研院產經中心（IEK）對台灣製造業的景氣追蹤，IEK認為，2013下半年全球景氣初露復甦曙光，美歐經濟體顯現回溫跡象，
東協國家也持續成長，在全球經濟穩步復甦之下，
可望挹注我製造業出口及生產動能。
IEK昨天指出，根據IEK-CQM製造業景氣預警模型顯示，美製造業數據表現強勁，在ISM製造業新訂單指數、生產指數屢創新高之帶動下，ISM 8月製造業PMI上升至55.7，創2011年6月以來新高，預估未來2014年將延續擴張態勢，處於50榮枯線以上。

直接拷貝網站圖文再胋入撰寫模式

當你在網站上直接將底下的文字選取，複製，貼入部落格的編輯區後，你切換到html模式，可以看到的語法在虛線之下。

台灣製造業PMI 樂觀

作者： 記者陳碧芬╱台北報導 | 中時電子報 – 2013年9月29日 上午5:30

工商時報【記者陳碧芬╱台北報導】

9月臺灣製造業採購經理人指數（PMI）將於周二（1日）公布，由於近日歐洲、中國大陸的9月製造業PMI相關數值均優於市場預期，回升速度有力，顯示景氣似已脫離谷底，市場期待台灣PMI也將能有好消息，尤其近期蘋果機上市，已激勵台灣製造業蘋果供應鏈的熱絡。

臺灣製造業PMI是由中經院研究團隊運用中華民國採購經理人協會的會員資料庫，實際進行問卷調查，目前以製造業當月的新增訂單數量、生產數量、人力雇用數量，供應商交貨時間，原物料存貨等5項指標，作為PMI的組成。8月臺灣製造業PMI指數為52.6％，雖然已連續6個月站在50％以上，但自今年3月以來就一路下滑。

中經院表示，國際訂單與外銷需求對製造業的影響甚大，參考工研院產經中心（IEK）對台灣製造業的景氣追蹤，IEK認為，2013下半年全球景氣初露復甦曙光，美歐經濟體顯現回溫跡象，東協國家也持續成長，在全球經濟穩步復甦之下，可望挹注我製造業出口及生產動能。

IEK昨天指出，根據IEK-CQM製造業景氣預警模型顯示，美製造業數據表現強勁，在ISM製造業新訂單指數、生產指數屢創新高之帶動下，ISM 8月製造業PMI上升至55.7，創2011年6月以來新高，預估未來2014年將延續擴張態勢，處於50榮枯線以上。

此外，IEK認為，歐洲經濟顯現谷底回升跡象，歐元區8月製造業PMI指數為26個月來最強，未來2014年預估也將維持擴張趨勢，歐盟經濟信心指數(ESI)未來1年也將同步創下近年新高，均有利於台灣製造業的景氣展望。

-----------------------------------------------------------------------------------------------------------------

台灣製造業PMI 樂觀

作者： 記者陳碧芬╱台北報導 | 中時電子報 – 2013年9月29日 上午5:30

工商時報【記者陳碧芬╱台北報導】

9月臺灣製造業採購經理人指數（PMI）將於周二（1日）公布，由於近日歐洲、中國大陸的9月製造業PMI相關數值均優於市場預期，回升速度有力，顯示景氣似已脫離谷底，市場期待台灣PMI也將能有好消息，尤其近期蘋果機上市，已激勵台灣製造業蘋果供應鏈的熱絡。

臺灣製造業PMI是由中經院研究團隊運用中華民國採購經理人協會的會員資料庫，實際進行問卷調查，目前以製造業當月的新增訂單數量、生產數量、人力雇用數量，供應商交貨時間，原物料存貨等5項指標，作為PMI的組成。8月臺灣製造業PMI指數為52.6％，雖然已連續6個月站在50％以上，但自今年3月以來就一路下滑。

中經院表示，國際訂單與外銷需求對製造業的影響甚大，參考工研院產經中心（IEK）對台灣製造業的景氣追蹤，IEK認為，2013下半年全球景氣初露復甦曙光，美歐經濟體顯現回溫跡象，東協國家也持續成長，在全球經濟穩步復甦之下，可望挹注我製造業出口及生產動能。

IEK昨天指出，根據IEK-CQM製造業景氣預警模型顯示，美製造業數據表現強勁，在ISM製造業新訂單指數、生產指數屢創新高之帶動下，ISM 8月製造業PMI上升至55.7，創2011年6月以來新高，預估未來2014年將延續擴張態勢，處於50榮枯線以上。

此外，IEK認為，歐洲經濟顯現谷底回升跡象，歐元區8月製造業PMI指數為26個月來最強，未來2014年預估也將維持擴張趨勢，歐盟經濟信心指數(ESI)未來1年也將同步創下近年新高，均有利於台灣製造業的景氣展望。

2013進度

• 上半學期由同學建構一個紀錄學習(或有專門領域)的部落格。
  
• 下半學期由同學分組以建構一商業網站為主。
• 個人在websxxxxxx.blogspot.com落格記錄一學期的學習心得及資訊分享

1. 09/15 概論，blog架設
2. 09/22 blog的文字處理
3. 09/29 圖像處理
4. 10/06 html
5. 10/13 多媒體物件的搭配
6. 10/20 rss
7. 10/27 facebook
   
8. 11/03 facebook
9. 11/10 發表--期中考
10. 11/17  網站內容架構
11. 11/24 文字處理；文字型網頁的架設；表格圖像處理
12. 12/01 網頁的色彩計劃
13. 12/08 多媒體物件的搭配。
14. 12/15 樣版的建立與套用
15. 12/22 CSS樣式表
16. 12/29 發表
17. 01/05 發表
18. 01/12 期末作業評核﹣﹣商業網站設計或改造
    
    

2013名單

3xx03014吳○芳
3xx23001王○茹
3xx23002陳○潔
3xx23003王○尹
3xx23004曾○瑜
3xx23005郭○如
3xx23006王○柔
3xx23007鄭○瞳
3xx23008江○蔚
3xx23009林○翔
3xx23010邱○文
3xx23011潘○凱
3xx23012陳○婷
3xx23013郭○伶
3xx23014楊○樺
3xx23015王○誼
3xx23016蔡○芳
3xx23017陳○程

頭條新聞2013

以下的新聞，可能對你的網路傳播觀念有所啟示。
12月

1. Evernote要你記下所有記憶(Notes to Self)

10月

1. 六秒鐘的名星(Meagan Cignoli)
2. 18 A Practical Approach to the Internet of Things

9月

1. 14 棄六萬月薪藥師改當作家

8月

1. 31 Mynd日曆設計的四堂課

7月

1. 9 內容是王，通路是后

6月

1. 15 2013年50個最佳網站

4月

1. 17 英國政府網得年度大奬

2月

1. 8 內容是王

羽茹上課內容

• 維度架站 (免費架站)
• 台中市才藝教學服務人員職業工會 (版面大小固定)
• 教育生活家 (版面隨應螢幕自動調整)
• JQuery (免費的效果程式)
• JQuery-super Cool 3D Image Transitions effect
• html5

期末作業

目標：

1. 以在http://www.webs.com架網站為基礎，為國內某一公司改良網站，使其符合
   使用者友善
   使用者經驗
2. 完成改善後，可與該公司接洽，為自己搭上出名或賺錢的機會。

時程：
11/25 選定公司，組織架構
12/02 放假 版型規畫
12/09 文字處理
12/16 圖像處理
12/23 圖像處理
12/30 動畫處理
01/06 期末報告
01/13 期末報告

可改善的公司例子

• 貝簡易機械股分有限公司
• 富潤股份有限公司
• 如龍木工機械股份有限公司
• 鴻運手工具股份有限公司
• 有可能改善的公司

測試

這是一篇測試文,各位已看到用類似的圖案表示不同的意義

2012同學在webs.com的網站

同學們，請點按此處所設好的webs.com網址，再進入webs.com修改你的網址，使與你的部落格的網域名稱(domain name)的第一個名稱相同。例如：你在
部落格的網址是okfamily.blogspot.com
在webs.com的網址是okfamily.webs.com
若無法直接在webs.com修改，可以新增一個。

1. 3300xx03,林O玹
2. 3300xx16,王O禾
3. 3301xx01,黃O武
4. 3301xx02,王O姿
5. 3301xx03,許O鈞
6. 3301xx04,曾O瑜
7. 3301xx05,潘O羽
8. 3301xx06,黃O媚
9. 3301xx07,許O茵
10. 3301xx08,沈O柔
11. 3301xx09,潘O璇
12. 3301xx10,梁O誠
13. 3301xx11,謝O穎
14. 3301xx12,陳O哲
15. 3301xx13,李O蓁
16. 3301xx14,余O茹
17. 3301xx15,張雅涵
18. 3301xx16,梁O鈞
19. 3301xx17,劉O桃
20. 3301xx18,李O岑
21. 3301xx19,林O瑩
22. 3301xx20,黃O右
23. 3301xx21,卓O倫
24. 3301xx22,蔡O珊
25. 3301xx23,張O鳳
26. 3301xx24,吳O榕
27. 3301xx25,羅O旻
28. 3301xx26,戴O儀
29. 3301xx27,李欣
30. 3301xx28,陳O幀
31. 3301xx29,白O凱
32. 3301xx30,洪O真
33. 3301xx31,黃O筠
34. 3301xx32,吳O凰
35. 3301xx33,陳O宇
36. 3301xx34,張O鈺
37. 3301xx35,張O瑋
38. 3301xx36,林O聿
39. 3301xx37,林O永
40. 3301xx40,陳O穎
41. 3301xx41,李O穎
42. 3301xx43,林O廷
43. 3301xx44,王O慶
44. 3301xx45,何O德
45. 3398xx08,吳O賢
46. 3399xx06,黃O偉

在webs.com及wopop.com建立網站

目標
活用免網站架設自己(預設的)或公司的網站

方法

1. 到http://teachweb.webs.com看使用說明
2. 選擇繁體中文
3. 設定網址 (先以學號sxxxxxxxx.webs.com為網址，sxxxxxxxx為你的設定，餘為內定)
4. 挑選樣版
5. 試做修改

一、用webs.com架設的網站例子

• 33003001
• 33003004
• 33003005
• 33003006
• 33003008
• 33003009
• 33003010
• 33003011
• 33003013
• 33003018
• 33003019
• 33003020
• 33003022
• 33003025
• 33003012 (wopop)
• 33003021 (wopop)

參考瀏覽

• http://www.skyzone45.com/

二、用wopop.com架設的網站例子

• 33003002
• 33003004
• 33003007
• 33003008
• 33003009
• 33003012
• 33003013
• 33003017
• 33003018
• 33003020
• 33003021
• 33003022
• 33003026
• 
  

延伸瀏覽

• 皮克斯網站
• webby.com免費網站
• evernote網站