蔣友柏對設計圈開炮了!
喜歡在自己的部落格大談政治問題,蔣友柏這次也對自己身處的設計圈火力全開。他覺得台灣設計界最大的問題在於「老師」!外國設計師都是「塞」!你覺得呢?
(摘自DFUN設計風尚誌2月號,有任何高見您可至 http://tw.myblog.yahoo.com/dfun_official/ 發表)
柏語錄之1:台灣設計界最大的問題是「老師」。
嶺東科技大學學生前陣子向媒體控訴橙果「抄襲」事件,蔣友柏終於做了一次完整的回應。
蔣友柏認為,設計,沒有什麼創新點子,只有不斷演化。他舉例,工業設計比較可以清楚定義它的專利,但是平面設計很難,「常有人會說我先想到、我先這樣,但其實做設計的人都知道這是個無解的困境,你沒有辦法證明我抄襲你,我也沒有辦法證明我沒有抄襲你。」
他現在看到很多老師鼓勵學生去「發聲」,「如果他們是想藉此得到別人的注意,我可以理解,但我覺得這對設計界是很嚴重的傷害。」要進入設計界就應該明白,「你的設計絕對不會是最好的、最新的,我的態度是,如果在國外看到類似的點子,我會感覺很開心,因為有人跟我有一樣的見解。」蔣友柏說。
柏語錄之2:很多朋友說蔣友柏是個「塞」。
很多人因為蔣友柏,看見了「設計」在台灣的可能面向,蔣友柏吐自己的槽,「不會,我有很多朋友常常說,蔣友柏是個『塞』」,他不否認「家世背景」對他來說,是種助益,但回歸問題的本身,「我覺得其實很多設計師都有機會,只是他們不知道怎麼把握。」
柏語錄之3:外國設計師對我來說都是塞!因為他們一直覺得台灣的設計都很爛。
「外國設計師對我來說都是『塞』,為什麼?因為他們一直覺得台灣的設計都很爛。」蔣友柏回憶設計 Swatch 時,「他們設計總監說我們設計得跟大便一樣,我看它的設計,我也覺得跟大便一樣。」
柏語錄之4:台灣設計界有個問題,當他們的利益受到威脅的時候,他們就會擺出「我是個設計師,你不了解我」的悲劇姿態。
蔣友柏表示,台灣的設計界有個問題,當他們的利益受到威脅的時候,他們就會擺出「我是個設計師,你不了解我」的悲劇姿態。「但對我而言,設計市場的餅做大,讓設計師一起分享是件好事。我不是從明星的角度看事情。」不時穿插英文的他說,「I am leveraging everything. I have to build the design market. Why? I am selfish, because than I can make a lot of money. If the pie is big enough, everybody can join us, why not ?」
- Jul 13 Wed 2011 03:46
蔣友柏對抄襲事件的回應
- Jul 04 Mon 2011 11:39
Google+ 做對了什麼?
文章出處:動腦網站www.brain.com.tw
(Brain.com 2011-07-01)自從「Google+」6月29日開始開放加入以來,掀起了網路圈一陣旋風,美國專門探討網路趨勢、社群媒體的部落格ReadWriteWeb 第一時間宣布This is Very Cool,隔天台灣的科技網誌Inside專欄作家Mona給了89分,說這是一個潛力無窮的服務;Inside另一位專欄作家Deduce提出了愛上Google+的5+1個理由,科技爆橘TechOrange的作家Carrie甚至幫大家把從Facebook搬家到Google+的方法都找好了。
在歷經Jaiku、Dodgeball、Orkut、Wave、Buzz 等種種大大小小的社群災難後,第一次,Google似乎找到了一點點Product/Market Fit。好,現在問題來了,Google+到底做對了什麼?
單向連結
單向連結是Google+和Facebook的第一個大不同,當我把某個朋友加入一個Circle時,我並不需要對方的認可。也就是說,我可以認定你是朋友,但是你可以不需要回應。這大大降低「網路效應」的早期進入門檻,也是為什麼 Google+一開始就不無聊的原因。
反向連結
和Twitter的單向Follow不同的,是當我在Google+把一個朋友加入一個Circle,我是在給他「接收」我分享的內容的權利,而不只是在追蹤他的內容。
也就是說,如果我把王小明加到我的Friends Circle,那從此以後我分享給Friends的照片,他都可以看到。但是如果王小明沒有把我加到他的任何一個Circle,那我是不會看到他的(非公開)內容的。
這點需要花一點時間解釋,因為它和Facebook或是Twitter的邏輯很不一樣,但對消費者似乎是比較直覺的架構,我們可以持續觀察下去。
病毒行銷式的Email
也因為反向連結的設計,這讓Email非常容易傳播。我想這幾天大家都收了不少XXX把你加入Circle的通知,它並不強迫你回應,但是卻讓你很想知道是怎麼一回事,我覺得是相當優雅的處理方式。
與Android手機串連
建好了Circles,也就是分享通路,那總得要有內容。從這裡開始,Google+進行的是組合戰(這很有可能也是命名的其中一個原因)。首先是Google + Android──一個設計得非常好的Android手機用戶端,除了相當好用的介面,它還利用了Android開放的特性,提供了「立即上傳」(Instant Upload)的功能,讓你拍完照片不用做任何事,在背景就幫你上傳一份暫存到Google + Picasa私人相簿。Google還因此間接開放了Picasa的無限容量,左打Facebook,右打iOS+iCloud。畢竟Android現在已經瘋狂成長到一天50 萬支的量,Google+利用這個武器,是非常聰明的。(更多關於 Google+ Android App,可以看電腦玩物的介紹)
與Google網路相簿Picasa串連
就像上面提到的,Google+除了+Android,還有+Picasa。除了新上傳的照片會進入Picasa 的相簿外,Google+ 也讓你很輕鬆的就可以把已經放在Picasa的照片分享到Google+上面。這大大提升了Google+初期內容的量和質──我在用Picasa的朋友很多都是數位單眼相機(DSLR)的使用者,這也是非常聰明的一步。
所以,Google+上路了,我認為這一次Google有好好的從過去種種錯誤中學習,試著推出更符合市場需要的產品,至於這些糖果夠不夠把使用者吸來、黏住,我們再觀察個一兩個月吧!(本文轉載自Mr. Jamie 看網路與創投──Google+ 做對了什麼?)
作者小檔案:
Mr. Jamie 看網路與創投是一個寫給網路人和創業人的網誌,作者 Jamie (林之晨) 目前是 appWorks 創投的創辦人暨合夥人,正全力推動中文市場 Web 3.0 的發展,曾多次成功創業,於 99 年創辦中文知識管理第一品牌碩網資訊,06 年於紐約創立北美著名旅遊網站 Sosauce.com 及遊戲入口 Musegames.com,有完整創投經歷,曾先後服務於 HSS Ventures 以及 All Asia Partners,是紐約大學史騰商學院企管碩士 (MBA, NYU Stern) 和台灣大學化工學士。在Google+追蹤Mr. Jamie
- Jul 01 Fri 2011 01:00
2011 網頁設計 4 個趨勢
這是 Jacob Gube, Six Revision (知名網頁設計網站公司)、Design Instruct (網頁設計雜誌) 主編對於 2011 年網頁設計趨勢的預測,來看看 HTML5、CSS3 以成為最熱門關鍵字的當下,Jacob 點出了哪些趨勢:
1. 行動網頁設計將成主流:
台灣或國外的設計師社群裡的分享有越來越多行動網頁的個案,就連專門分享優質網站設計的 fwa 也有推薦優秀行動網頁的版本 ,但是目前只有大型網路公司像 Google、Amazon,或是小型的針對網頁設計師的個人網站才有行動網頁,就連財富雜誌評選 500 大企業或是政府網站都沒有行動網頁,進度很落後。
2. 網頁設計分工將越來越專業:
過去,網頁應用程式設計(Web designer)、行動應用程式設計(Mobile app designer)、網站設計(Traditional website designer) 都通稱為網頁設計,接下來這些分工和定義將會越來越清楚,而且比視覺設計更重要的是使用者體驗。
3. 設計風格將越來越簡約
既然網路走向行動化,需要適應頻寬和裝置尺寸的視覺設計當然是越簡約越好。
4. 網頁設計將漸漸取代平面設計
應該說許多傳統藉由平面印刷的宣傳物,像是廣告DM、宣傳小冊子等等,已經被twitter 或 Facebook 取代,或是像 Groupon 這類的網站其實也是種取代廣發宣傳單的廣告宣傳。
原文網站 / 轉載自: Terence 海平一船
- Jun 30 Thu 2011 21:51
Joomla 完美網頁設計 – 整合設計藝術與內容管理
這是一套開放源碼網站管理平台,以PHP及MySQL為基礎開發。具有強大的擴充功能及佈景管理系統,知名實例如保時捷 (巴西) 、古根漢美術館 、Linux基金會、Palm ,在台灣也有建興電子 、自由軟體鑄造廠、台灣國家公園 、慈濟 等…。
如果你聽過有關於內容管理系統(Content Management Systems, CMS),你一定大概知道以下的三件事:CMS是令人興奮從事生意的好方式、CMS是真正很複雜操作的、CMS也十分地令人不敢置信的貴。
Joomla(有人稱其為逐浪)是一套採用 PHP+MySQL 開發,可跨平臺運行的優秀內容管理系統(CMS)他除了具有新聞文章管理,文檔圖片管理,網站佈局設置,範本主題管理等一些基本功能之外,還可通過其開源 社區提供的上千個外掛程式進行功能擴展,這裡收集了一些對於 Joomla 主題及外掛程式模組開發非常有用的資源分享給大家。
Joomla! 是為了要改變以上的所有… Joomla!與一般的入口網站軟體的模式是大不相同的。首先,它的操作並不複雜。Joomla!是開發給大眾使用的。它的授權是基於 GNU/GPL授權 規定,很容易安裝和管理,而且也很可靠。當Joomla!開始上線或執行之後,甚至不需要使用者或管理者要熟悉HTML就可以操作它。
Joomla! 的特性:
完整的資料庫導向網站引擎
新聞、產品或服務單元完整地編輯及管理
主題單元可讓投稿者進行新增
完全可以客製化的版面,包含了左、中間、右選單區 塊
使用瀏覽器可以上傳圖片到圖片庫中,然後可以在網站的每一處使用
動態的論壇/投票/評分功能可以立即得到回應
可在Linux、FreeBSD、MacOSX 伺服器、Solaris及AIX上執行
延申性的管理 功能:
可以改變包含新聞、問答集、文章等等物件的排列順序
隨機式的新聞快報產生功能
隨 機式的作者提供文章模組,可針對新聞、文件、問答集或網站連結
物件層次分明 – 可以新增無限的單元、部門、分類和頁面
圖片庫 – 儲存所有的PNG檔、PDF檔、DOC檔、XLS檔、GIF檔和JPEG檔,方便的在線上取用
自動式的路徑尋找。放上一張 圖,Joomla!會協助修正連結
新聞聯播管理員。選擇超過360個來自全世界的新聞聯播
封存管理員。讓舊文章 到固定的存放區,而不需要刪除它們
每篇文章均有Email給朋友和友善列印的功能
附在其中的文字編輯器,類似文 字編輯軟體Word Pad
會員可編輯風格和樣式
投票/調查 – 可在每頁面都放到不同主題的
客製的頁面模組。下載各式各樣的客製頁面模組可以豐富您的網站
佈景主題管理員。下載佈景主題和使用它們只需要花幾秒鐘的時間
版 面設計的預覽。在上線前可先看看它們長的樣子
廣告看板管理員。可在你的網站上提供向外賺錢的方法
原文網站 / 轉載自: Terence 海平一船
- Jun 30 Thu 2011 21:51
Joomla 完美網頁設計 – 整合設計藝術與內容管理
這是一套開放源碼網站管理平台,以PHP及MySQL為基礎開發。具有強大的擴充功能及佈景管理系統,知名實例如保時捷 (巴西) 、古根漢美術館 、Linux基金會、Palm ,在台灣也有建興電子 、自由軟體鑄造廠、台灣國家公園 、慈濟 等…。
如果你聽過有關於內容管理系統(Content Management Systems, CMS),你一定大概知道以下的三件事:CMS是令人興奮從事生意的好方式、CMS是真正很複雜操作的、CMS也十分地令人不敢置信的貴。
Joomla(有人稱其為逐浪)是一套採用 PHP+MySQL 開發,可跨平臺運行的優秀內容管理系統(CMS)他除了具有新聞文章管理,文檔圖片管理,網站佈局設置,範本主題管理等一些基本功能之外,還可通過其開源 社區提供的上千個外掛程式進行功能擴展,這裡收集了一些對於 Joomla 主題及外掛程式模組開發非常有用的資源分享給大家。
Joomla! 是為了要改變以上的所有… Joomla!與一般的入口網站軟體的模式是大不相同的。首先,它的操作並不複雜。Joomla!是開發給大眾使用的。它的授權是基於 GNU/GPL授權 規定,很容易安裝和管理,而且也很可靠。當Joomla!開始上線或執行之後,甚至不需要使用者或管理者要熟悉HTML就可以操作它。
Joomla! 的特性:
完整的資料庫導向網站引擎
新聞、產品或服務單元完整地編輯及管理
主題單元可讓投稿者進行新增
完全可以客製化的版面,包含了左、中間、右選單區 塊
使用瀏覽器可以上傳圖片到圖片庫中,然後可以在網站的每一處使用
動態的論壇/投票/評分功能可以立即得到回應
可在Linux、FreeBSD、MacOSX 伺服器、Solaris及AIX上執行
延申性的管理 功能:
可以改變包含新聞、問答集、文章等等物件的排列順序
隨機式的新聞快報產生功能
隨 機式的作者提供文章模組,可針對新聞、文件、問答集或網站連結
物件層次分明 – 可以新增無限的單元、部門、分類和頁面
圖片庫 – 儲存所有的PNG檔、PDF檔、DOC檔、XLS檔、GIF檔和JPEG檔,方便的在線上取用
自動式的路徑尋找。放上一張 圖,Joomla!會協助修正連結
新聞聯播管理員。選擇超過360個來自全世界的新聞聯播
封存管理員。讓舊文章 到固定的存放區,而不需要刪除它們
每篇文章均有Email給朋友和友善列印的功能
附在其中的文字編輯器,類似文 字編輯軟體Word Pad
會員可編輯風格和樣式
投票/調查 – 可在每頁面都放到不同主題的
客製的頁面模組。下載各式各樣的客製頁面模組可以豐富您的網站
佈景主題管理員。下載佈景主題和使用它們只需要花幾秒鐘的時間
版 面設計的預覽。在上線前可先看看它們長的樣子
廣告看板管理員。可在你的網站上提供向外賺錢的方法
原文網站 / 轉載自: Terence 海平一船
- Jun 30 Thu 2011 21:43
修改joomla 404頁面語法
JOOMLA!使用模板/系統/ error.php文件去處理幾個HTTP狀態錯誤,包括“403禁止”錯誤,“404沒有發現”錯誤,和“500內部服務器”錯誤,如果你原意,你可以修改你的偏愛的樣式。 認識error.php是來自JOOMLA!的不受約束的獨立文件是非常重要的。插件無法在這個文件裡運行,當然也不能用
聲明將模塊包含進去. 如果你將自定義格式的錯誤頁面,將templates/system/error.php文件複製到templates/
你的默認模板文件夾裡,如果有的話,也就沒有必要復制.Joomla!將優先使用該錯誤文件,你可以修改該文件以適就你的模板. 如果你只是想改變頁面的CSS樣式, templates/system/css/error.css文件複製到templates/
/ CSS文件包裡,然後將模板//error.php裡面的CSS引用修改一下,如下:
這樣,就可以將404等錯誤提示改成你需要的樣式.你可以用特殊的錯誤代碼來添加條件邏輯以使返回的錯誤提示多樣化,下面就是一個關於404錯誤的例子:
錯誤>代碼= '404'){?>
<div id="errorboxheader">找不到網頁</ DIV>
<div id="errorboxbody"> <P>對不起!該網頁無法找到。</ P>
</ DIV>
</ DIV>
<?PHP}?>
HTTP status code
當一個請求你網站的某個頁面發生時,服務器返回一個HTTP狀態碼作為該請求的回應,Joomla!返回一個"200 - the server successfully returned the page"作為錯誤頁面.這就是那些用GOOGLE網站管理工具的站長們的疑問並試圖用網站地圖來解決此問題. 如果你想JOOMLA!返回一個狀態碼作為錯誤時,你只需在頁面的DOCTYPE前添加以下代碼:
如果($這個- >錯誤- >代碼= 404'){
頭(“HTTP/1.0 404未找到”);
}?>
- Jun 30 Thu 2011 21:32
Joomla-修改404 - 無法找到元件
Joomla Template 教學 - 修改 【404 - 無法找到元件】版面
如何可以修改這個版面,或把不存在的 URL 轉向到指定的頁面?
方法一:
預設的 【404 - 無法找到元件】版面在/templates/system/error.php你可以自由修改這個頁面。
方法二:
如果你有自己的佈景主題(Template), 你可以為你的 Template 新增一頁 error.php, 這樣您便可以保留系統預設的 error.php您只須 copy:
/templates/system/error.php到:
/templates/[您的Template目錄]/error.php
如果想把所有不存在的 URL 轉向首頁,可以把 error.php 修改為:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="refresh" content="0;URL=/index.php">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#000000">
</BODY>
</HTML>
- Jun 28 Tue 2011 01:38
Joomla SEO優化設置9大步驟
Joomla SEO優化設置9大步驟
面列的是joomla 最基本的9大seo優化設置步驟教程。
1. 啟用Joomla sef url
Global Configuration->site->SEO Settings->Search Engine Friendly URLs(SEF)選中yes開啟;Use Apache mod_rewrite 選擇Yes,去掉sef url網址中的index.php,同時將joomla站點根目錄下的“htaccess .txt”文件重命名為“.htaccess”;
Add suffix to URLs 選擇yes,則Joomla 自動在網址後面添加.html後綴,現在google對目錄類型的url也會給予較高權重,因此這個關係不大。
2. 減少joomla內容重複
重複內容是seo優化的大忌,去掉joomla文章默認帶魚的pdf 版本、打印版本和email 的鏈接,減少重複內容:Article Manager->右上角parameters->Icons、PDF Icon、Print Icon、E-mail Icon選擇hide。全局設置對已經發布的文章無效,需要對已經發布的每一篇文章進行單獨設置。刪除首頁顯示的文章的pdf和打印圖標設置在:menus->main menu->home,然後再右側的Parameters (Component)選項中為這個頁面鏈接參數做特別設置。優先級由高到低依次為:文章設置->菜單鏈接設置->全局設置。
同時刪除joomla默認安裝時的演示數據。如文章、分類catalog、section等等。如果對joomla很熟悉的話,前面安裝joomla的時候就不用選擇安裝樣本數據庫。
3. 提升網站速度
速度不僅有助於seo排名,還將大大提升用戶體驗。將暫時用不到的模塊Disable掉,如在module manager中disable Resource資源鏈接、login form、polls模塊等;精簡代碼嵌套結構;適當合併多個css文件為一個等等,具體請看如何提高網站速度和google搜索排名及優化網站性能,另外建議開啟joomla網站緩存cache。
4. robots.txt設置
在網站上測試內容沒有準備好之前,建議在robots.txt 文件中加disallow:/,切記內容完善之後去掉這條規則,否則joomla所有seo設置都是白忙活。
5. .htaccess文件設置
將joomla整個站點不帶www的域名重定向到相應的帶www的域名,在.htaccess文件中添加以下301重定向規則:
RewriteCond %{HTTP_HOST} ^farlee.info$
RewriteRule ^(.*)$ “http\:\/\/www\.farlee\.info\/$1″ [R=301,L]
注意:a.把域名改成你自己的; b.必須加在.htaccess文件RewriteEngine On下面,添加到末尾可能無效。若不行可以嘗試再在RewriteEngine On上一行添加Options +FollowSymLinks,更多詳情請看301轉向的實現。
6. Joomla 網站全局設置
主要是設置Meta標籤優化,Description、Meta Keywords和Show Title Meta Tag。為每個Section和category填上完整的描述description
7. 網站結構和鏈接結構seo優化
佈置好網站內部鏈接,適當設置h1和h2標籤。給joomla網站加上兩三個具有較高權威性和相關性的外部鏈接。
8. 自定義404頁面
和普通網站seo優化一樣,為joomla設置404頁面是個不錯的建議。
9. 安裝joomla seo 優化插件
如果嫌上面這些一步步的seo優化步驟很繁瑣的,那可以嘗試安裝joomla 豐富的seo 插件。
如sh404SEF、joomla SEF、Google sitemap網站地圖提交,優化joomla 網站title 和meta description、keywords的SEO-Generator插件等等,點擊這里相信一定能找到你需要的seo擴展插件。
實際操作後案例介紹:http://des13.pixnet.net/blog/post/29107382
- May 01 Sun 2011 01:24
bcm5701 gigabit ethernet driver for xp/win7/vista
- Apr 22 Fri 2011 12:24
最好用的整站下載轉體Free Download Manager V2.0.422 Final
Free Download Manager V2.0.422 Final 繁體中文版
是最能終於原味的整站下載軟體
市面上很多軟體號稱整站下載但經常遇到 只能抓到HTML
或 .bak 檔或.sys檔
Free Download Manager
能包含網站內的表單
JAVA語法
甚至連友站連結
FLASH
YOUTUBE網路片都可下載
並分層管理
顯示進度~
試用過十幾套相同性質軟體後
Free Download Manager才是王道
關鍵字:整站抓取,整站下載,網站內容下載工具,整站網頁下載,網頁下載
- Apr 14 Thu 2011 13:29
不花錢做網路關鍵字/第一頁/SEO/自然排序的方法
客戶實例:
www.igirls.com.tw
在奇摩首頁搜尋[韓國包包]
(欲預覽全圖 ,請點圖片按右鍵-->在新分頁中開啟影像)
不花錢做網路關鍵字的方法不花錢做SEO的方法不花錢做自然排序的方法讓網站上第一頁的方法讓網站不花錢輕鬆曝光的方法不用花錢買關鍵字的方法
- Apr 14 Thu 2011 13:23
HTML5標籤一覽表
HTML5 中的一些新特性:
- 用於繪畫的canvas 元素
- 用於媒介回放的video 和audio 元素
- 對本地離線存儲的更好的支持
- 新的特殊內容元素,比如article、footer、header、nav、section
- 新的表單控件,比如calendar、date、time、email、url、search
標籤 | 描述 | 4 | 5 |
---|---|---|---|
<!--...--> | 定義註釋。 | 4 | 5 |
<!DOCTYPE> | 定義文檔類型。 | 4 | 5 |
<a> | 定義超鏈接。 | 4 | 5 |
<abbr> | 定義縮寫。 | 4 | 5 |
<acronym> | HTML 5中不支持。定義首字母縮寫。 | 4 | |
<address> | 定義地址元素。 | 4 | 5 |
<applet> | HTML 5中不支持。定義applet。 | 4 | |
<area> | 定義圖像映射中的區域。 | 4 | 5 |
<article> | 定義article。 | 5 | |
<aside> | 定義頁面內容之外的內容。 | 5 | |
<audio> | 定義聲音內容。 | 5 | |
<b> | 定義粗體文本。 | 4 | 5 |
<base> | 定義頁面中所有鏈接的基準URL。 | 4 | 5 |
<basefont> | HTML 5中不支持。請使用CSS代替。 | 4 | |
<bdo> | 定義文本顯示的方向。 | 4 | 5 |
<big> | HTML 5中不支持。定義大號文本。 | 4 | |
<blockquote> | 定義長的引用。 | 4 | 5 |
<body> | 定義body 元素。 | 4 | 5 |
<br> | 插入換行符。 | 4 | 5 |
<button> | 定義按鈕。 | 4 | 5 |
<canvas> | 定義圖形。 | 5 | |
<caption> | 定義表格標題。 | 4 | 5 |
<center> | HTML 5中不支持。定義居中的文本。 | 4 | |
<cite> | 定義引用。 | 4 | 5 |
<code> | 定義計算機代碼文本。 | 4 | 5 |
<col> | 定義表格列的屬性。 | 4 | 5 |
<colgroup> | 定義表格列的分組。 | 4 | 5 |
<command> | 定義命令按鈕。 | 5 | |
<datalist> | 定義下拉列表。 | 5 | |
<dd> | 定義定義的描述。 | 4 | 5 |
<del> | 定義刪除文本。 | 4 | 5 |
<details> | 定義元素的細節。 | 5 | |
<dfn> | 定義定義項目。 | 4 | 5 |
<dir> | HTML 5中不支持。定義目錄列表。 | 4 | |
<div> | 定義文檔中的一個部分。 | 4 | 5 |
<dl> | 定義定義列表。 | 4 | 5 |
<dt> | 定義定義的項目。 | 4 | 5 |
<em> | 定義強調文本。 | 4 | 5 |
<embed> | 定義外部交互內容或插件。 | 5 | |
<fieldset> | 定義fieldset。 | 4 | 5 |
<figcaption> | 定義figure 元素的標題。 | 5 | |
<figure> | 定義媒介內容的分組,以及它們的標題。 | 5 | |
<font> | HTML 5 中不支持。 | 4 | |
<footer> | 定義section 或page 的頁腳。 | 5 | |
<form> | 定義表單。 | 4 | 5 |
<frame> | HTML 5中不支持。定義子窗口(框架)。 | 4 | |
<frameset> | HTML 5中不支持。定義框架的集。 | 4 | |
<h1> to <h6> | 定義標題1 到標題6。 | 4 | 5 |
<head> | 定義關於文檔的信息。 | 4 | 5 |
<header> | 定義section 或page 的頁眉。 | 5 | |
<hgroup> | 定義有關文檔中的section 的信息。 | 5 | |
<hr> | 定義水平線。 | 4 | 5 |
<html> | 定義html 文檔。 | 4 | 5 |
<i> | 定義斜體文本。 | 4 | 5 |
<iframe> | 定義行內的子窗口(框架)。 | 4 | 5 |
<img> | 定義圖像。 | 4 | 5 |
<input> | 定義輸入域。 | 4 | 5 |
<ins> | 定義插入文本。 | 4 | 5 |
<keygen> | 定義生成密鑰。 | 5 | |
<isindex> | HTML 5中不支持。定義單行的輸入域。 | 4 | |
<kbd> | 定義鍵盤文本。 | 4 | 5 |
<label> | 定義表單控件的標註。 | 4 | 5 |
<legend> | 定義fieldset 中的標題。 | 4 | 5 |
<li> | 定義列表的項目。 | 4 | 5 |
<link> | 定義資源引用。 | 4 | 5 |
<map> | 定義圖像映射。 | 4 | 5 |
<mark> | 定義有記號的文本。 | 5 | |
<menu> | 定義菜單列表。 | 4 | 5 |
<meta> | 定義元信息。 | 4 | 5 |
<meter> | 定義預定義範圍內的度量。 | 5 | |
<nav> | 定義導航鏈接。 | 5 | |
<noframes> | HTML 5中不支持。定義noframe部分。 | 4 | |
<noscript> | 定義noscript 部分。 | 4 | 5 |
<object> | 定義嵌入對象。 | 4 | 5 |
<ol> | 定義有序列表。 | 4 | 5 |
<optgroup> | 定義選項組。 | 4 | 5 |
<option> | 定義下拉列表中的選項。 | 4 | 5 |
<output> | 定義輸出的一些類型。 | 5 | |
<p> | 定義段落。 | 4 | 5 |
<param> | 為對象定義參數。 | 4 | 5 |
<pre> | 定義預格式化文本。 | 4 | 5 |
<progress> | 定義任何類型的任務的進度。 | 5 | |
<q> | 定義短的引用。 | 4 | 5 |
<rp> | 定義若瀏覽器不支持ruby 元素顯示的內容。 | 5 | |
<rt> | 定義ruby 註釋的解釋。 | 5 | |
<ruby> | 定義ruby 註釋。 | 5 | |
<s> | HTML 5中不支持。定義加刪除線的文本。 | 4 | |
<samp> | 定義樣本計算機代碼。 | 4 | 5 |
<script> | 定義腳本。 | 4 | 5 |
<section> | 定義section。 | 5 | |
<select> | 定義可選列表。 | 4 | 5 |
<small> | 定義小號文本。 | 4 | 5 |
<source> | 定義媒介源。 | 5 | |
<span> | 定義文檔中的section。 | 4 | 5 |
<strike> | HTML 5中不支持。定義加刪除線的文本。 | 4 | |
<strong> | 定義強調文本。 | 4 | 5 |
<style> | 定義樣式定義。 | 4 | 5 |
<sub> | 定義下標文本。 | 4 | 5 |
<summary> | 定義details 元素的標題。 | 5 | |
<sup> | 定義上標文本。 | 4 | 5 |
<table> | 定義表格。 | 4 | 5 |
<tbody> | 定義表格的主體。 | 4 | 5 |
<td> | 定義表格單元。 | 4 | 5 |
<textarea> | 定義textarea。 | 4 | 5 |
<tfoot> | 定義表格的腳註。 | 4 | 5 |
<th> | 定義表頭。 | 4 | 5 |
<thead> | 定義表頭。 | 4 | 5 |
<time> | 定義日期/時間。 | 5 | |
<title> | 定義文檔的標題。 | 4 | 5 |
<tr> | 定義表格行。 | 4 | 5 |
<tt> | HTML 5中不支持。定義打字機文本。 | 4 | |
<u> | HTML 5中不支持。定義下劃線文本。 | 4 | |
<ul> | 定義無序列表。 | 4 | 5 |
<var> | 定義變量。 | 4 | 5 |
<video> | 定義視頻。 | 5 | |
<xmp> | HTML 5中不支持。定義預格式文本。 | 4 |
- Mar 30 Wed 2011 21:02
joomla FACEBOOK分享模組繁體中文下載
FB_ad_couponcodes_1.3.1
FB_aec_0.12.6.2rev2591
FB_app_book_pro_1.4.5
FB_cb_awd_wall_1.5.3
FB_community-polls_1.5.9(2)
FB_community-polls_1.5.9
FB_facebook_toolbar_1.0.0
FB_flippingbook_1.5.10_nulled__addons
FB_gsuite_1.0(2)
FB_gsuite_1.0
FB_jbolo_2.7.2
FB_jdonation_2.6.1
FB_jmylife_pro1.0.12
FB_jomsocialmigrator_1.0
FB_joomisp_1.0rc2
FB_joomla_vb_integration_2.0.8
FB_joomsef_3.6.2_1_
FB_js_1.6.288_nulled
FB_js_awd_wall_pro_1.6
FB_js_geommunity_1.2
FB_moofaq_1.5.5
FB_oce_membership_4.3.09_build16022010_1_
FB_oce_webmail_2.0.00.build.08402010
FB_pj_multi_rotator_1.2.9
FB_pj_smart_flash_header_1.1.8
FB_pro_ultra_spinner_1.1.1
FB_zoo_2.0_final_app_bundle
joomla繁體中文模組下載
- Mar 30 Wed 2011 18:41
mindmanager 9 選擇模板出現參數錯誤的解決辦法 by 鼎益盛網頁設計 aj
解決辦法:
如果是win7系統,可以進入C:\Users\(用戶名)\AppData\Local\Mindjet\MindManager\9\Library\ENU\Templates,可以看到有4個文件夾:Communication、Personal Productivity、 Strategy、Team Productivity,將這些模板文件(*.mmat)用MindManager逐一打開,在最上面可以看到有個Tip,稍微靠右面有個註釋的小框,我們將鼠標放在註釋上,右鍵、刪除,然後將模板保存。 按照這樣的操作將所有的模板中的註釋全部刪除,並保存,再打開就不會提示參數錯誤了。
如果是2003系統,路徑是C:\Documents and Settings\Administrator.B141469207BC41A\Local Settings\Application Data\Mindjet\MindManager\9\Library\ENU\Templates。 注意用戶名可能不一定是Administrator,到時候根據實際情況進行替換。
如果是XP系統,路徑是C:\Documents and Settings\Administrator\Local Settings\Application Data\Mindjet\MindManager\9\Library\ENU
如果實在是找不到,可以在c槽下進行搜索。
- Feb 22 Tue 2011 17:52
Google線上免費表單設計--感謝 壯圍國中 藍金水 精心製作教學 造福人群
Google表單設計在教學上的應用
壯圍國中 藍金水
說起Google的好,許多人都讚不絕口,免費當然是最重要的一部份,而最近常收到一些研究所的問卷,或課程評鑑的問卷、學生的意見調查、、、等,往往都要印製大量的紙張問卷,相當的不環保,而且統計也很麻煩,而問卷作完後,該問卷也只有回收一途了,看到如此對地球不友善的方式,覺得應改把Google表單這麼好用的功能,透過此一園地,讓大家知道原來網路問卷調查表的製作這麼簡單,而且對於資料的蒐集與統計非常的便利,在教學上的應用,可以透過此篇文章,達到拋磚引玉的效果,首先筆者應用在教學上的有:
1.蒐集學生基本資料
2.調查學生、家長或教師同仁相關意願或建議
3.學生心得、作業蒐集
4.課程評鑑學生、家長問卷
5.簡單的網路題庫
6.團購(啊!這個應該不算教學上的應用)
、、、簡直族繁不及備載。導師、行政同仁、一般教師、學生都很好用啦!
好!話不多說,現在就來設計一個個人專屬的線上表單(問卷、調查表)
(一) 第一步先到Google首頁或直接到「表單製作」網頁,下方圖示是以從Google首頁入口網站開始,請先點選登入。(有Gmail帳號且常用者,可直接到「表單製作」網頁並跳至第八個步驟)
(二) 若有Gmail帳號請直接輸入帳號密碼。若沒有Gmail帳號密碼,則點選下方藍色文字連結—現在就建立一個帳戶。
(三) 登入Google後請點選Gmail或更多—--直接點選文件
(四) 登入Gmail後點選文件(若出現英文介面,請點選設定來更改語言設定)
(六) 點選Documents settings / 如下圖設定1、2、3、4步驟儲存設定(中文繁體在最下方處)
(七) 設定好語言後,出現中文介面(哇!親切多了),請點選新增/表單
(八) 這就是表單設計的頁面,無障礙的中文介面,很容易理解與製作,
1.先在第一個方格輸入網路問卷的標題
2.第二個方格請輸入此份問卷的詳細說明及作者
3.依序輸入第一題的標題、第一題的說明、第一題的問題類型(通常
第一題都是問姓名或帳號之類的基本資料)
4.既然是基本資料當然要將它設為必答問題就要勾選,然後選擇完
成。右邊有三個圖示分別是:編輯、複製問題、刪除問題,而且按
住左鍵拖曳可改變問題順序。
(九) 下方圖示是問卷範例的第二題,選擇「段落文字」類型,可讓填寫者書寫較多內容,設計好任一個題目記得按一下右上方的儲存。
(十) Google表單預設只有兩道題目,第三甚至更多題目,可以點選左上方的新增項目/再選擇題目類型(筆者截稿前有七種問題類型及兩種分隔方式可選擇),或直接點選右下方之”複製”來新增題目較快。
(十一) 記得新增題目後下圖是各種題目類型顯示的狀況,像等級就可用來設計成論文的問卷,像要5 個向度或7個向度,都隨您意,而方格是新增的功能,可用來作較有描述性的問卷。您可以隨時點下方的網址(檢視發佈的表單)隨時觀察目前網路問卷的現狀。
(十二) 最後點選完成及儲存,再來就是如何將辛苦製作的問卷,讓使用者來填寫了!
1.以電子郵件寄送此表單(可限制填寫對象)
2.或點選更多動作/嵌入會產生一組程式碼,即可貼在部落格或網頁
內讓使用者填寫問卷調查表。
3.若點選編輯確認表格,則可以決定是否讓填寫者知道填寫後其他填寫者的全部統計狀況。(若較私密切記不要勾選)
3.點選嵌入/複製程式碼/貼到部落格(記得要先切換至Html標籤)
(十三) 若覺得問卷外觀不好看,還可以點選主題變更(目前約100個可選擇)
(十四) 這是更換主題後的表單,記得在變更主題時可能標題會出現亂碼,不過可以不用理它。檢視後是中文無亂碼就可以使用。
範例問卷網址:
https://spreadsheets.google.com/viewform?formkey=dHRGTnlkUnE4clc1OTVkZkFyLTE1Zmc6MQ
或
http://goo.gl/tSZyq
(十五) 歡迎上網試填或試填自己的問卷,填完後點選提交即可
使用者會彈出下方網頁,代表填寫成功。
(十六) 而設計者只要回到Google文件內(可把表單關閉,記得儲存),就可以看到一個類似Excel的線上試算表,所有使用者填寫的資料,都會儲存在此檔案,還可以匯出成Excel或開放文件格式的檔案,還可以使用統計圖表直接在網路中顯示統計摘要。
(十七) 要修改表單問卷可以點選表單/編輯表格即可對線上問卷進行修改,若要知道目前統計狀況,則可以勾選顯示回應摘要。
(十八) 前頁視窗若勾選顯示回應摘要就會出現非常棒的統計圖表,是否心動了呢,趕快自己設計一個吧!不要再”印”了啦!!!
- Feb 22 Tue 2011 16:17
使用CSS來製作表單語法
<style type="text/css">
label{
float: left;
width: 80px;
}
form{margin:0px}
input{
width: 180px;
border:1px solid #808080
}
textarea{
width: 250px;
height: 150px;
}
#sbutton{
margin-left: 80px;
margin-top: 5px;
width:80px;
}
br{
clear: left;
}
</style>
<form action="" method="post">
<label for="user">姓名:</label>
<input type="text" id=user name="user" value="" /><br />
<label for="email">郵件:</label>
<input type="text" id=email name="email" value="" /><br />
<label for="comment">備註:</label>
<textarea id=comment name="comment">
</textarea>
<br />
<input type="submit" id="sbutton" value="確定" /><br />
</form>
- Jan 28 Fri 2011 15:50
Windows XP 安裝 Microsoft office word 2007 時發生錯誤的解決方法
在 Windows XP 底下安裝 Office 2007 時,有時會出現以下訊息︰
安裝 microsoft office word 2007 時發生錯誤
windows installer 無法更新某些被防寫保護的 windows 檔案
解決方法如下︰
1.在Windows XP正版光碟片中的 i386 路徑下找到 FP40EXT.CAB 這個檔案並且解壓縮
2. 解壓縮完後會看到 fp4autl.dll 及 FP4AWEC.DLL 這兩個檔案。
3. 把 fp4autl.dll 及 FP4AWEC.DLL 放到 C:program filescommon filesmicrosoft sharedweb server extensions40in 這個路徑下面。
4. 再重新執行安裝應該就可以正常安裝了
或者到網路上去找 fp4autl.dll 及 FP4AWEC.DLL 這二個檔案下載回來一樣放到步驟三的路徑下,然後再執行安裝就即可。
- Jan 25 Tue 2011 01:44
防毒軟體2010年8月測試排名
AV-Comparatives提供了防毒軟體檢測報告,對防毒軟體偵測、誤判與殺毒能力做測試。
以下報告包含病毒的檢測率、誤報次數與病毒掃描速度等測試結果,可能有樣本數量較少與其他整體性狀況未列入測試的問題,得出的測試結果亦可能會與其他方式稍有差異。
檢測率排名:
1.G DATA(歌德塔)99.9%
2.Trustport, AVIRA(小紅傘)99.8%
3.McAfee(邁克菲)99.4%
4.Avast, Bitdefender(比特梵德)99.3%
5.F-Secure, eScan, Panda(熊貓)99.2%
6.Symantec(賽門鐵克)98.7%
7.ESET98.6%
8.AVG, Kaspersky(卡巴斯基)98.3%
9.PC Tools(比斯圖)98.1%
10.Microsoft(微軟)97.6%
11.Sophos96.8%
12.Norman(諾曼), K796.6%
13.Trend Micro(趨勢科技)90.3%
14.Kingsoft(金山)80.1%
誤報測試結果(越低越好)
1.F-Secure 2
2.Microsoft(微軟)3
3.BitDefender(比特梵德)4
4.eScan 5
5.ESET 6
6.PC Tools(比斯圖)7
7.Avast, Symantec(賽門鐵克)9
8.AVIRA(小紅傘)10
9.Sophos 13
10.G DATA(歌德塔)15
11.AVG, Trustport 19
12.Trend Micro(趨勢科技)23
13.McAfee(邁克菲)24
14.Kingsoft(金山)45
15.Kaspersky(卡巴斯基)46
16.K7 50
17.Norman(諾曼), Panda(熊貓)98
評等
三顆星(最高)
G DATA(歌德塔)
AVIRA(小紅傘)
Avast
BitDefender(比特梵德)
F-Secure
eScan
Symantec(賽門鐵克)
ESET
PC Tools(比斯圖)
兩顆星
TrustPort *
McAfee*(邁克菲)
Panda*(熊貓)
AVG*
Kaspersky*(卡巴斯基)
Microsoft(微軟)
Sophos
一顆星
Norman*(諾曼)
K7*
零顆星
Trend Micro(趨勢科技)
Kingsoft(金山)
有"*"帶星號的產品因誤報獲得了較低的獎項
完整PDF檔繁體中文下載
http://www.av-comparatives.org/i ... c_od_aug2010cnt.pdf
- Nov 04 Thu 2010 16:44
用 Table 作網站架構可免則免
網頁設計技巧之中,最大的爭論莫過於應該使用 Table 還是純 CSS 建立頁面架構。大部分網頁都是多 columns, 如果你心思細密,更會看得出是一格一格組成。簡單來說,使用 Table (表格) 建立頁面即是以 Table Cells 來代表每一格。而以 CSS 設計,則把頁面看成一個一個 block。透過樣式表來控制在頁面放置的位置。
原則上使用兩種設計方式都要懂得 HTML,不過很久以前已有軟件可以用 WYSIWYG 的方式自動輸出以 Table 作網頁架構的 HTML 碼,深受業餘人士和網站設計師歡迎,令 Table 設計方式成為主流。
不過以 Table 作為頁面架構有不少缺點,剛好最近看到一篇文章 13 Reasons Why CSS Is Superior to Tables in Website Design,歸納了用 CSS 的好處,我扼要地列出其重點,及說說我的意見。
1. Faster page loading
用 Table 作網頁架構會需要使用非常多 markup tags,增加網頁傳送和顯示的時間。
我的意見:以用戶角度看分別不大,特別是香港環境,香港的網站一定快,外國的網一定慢很多。
2. Lowered hosting costs
用 Table 的網頁檔比用 CSS 的大很多,所以頻寬的需求較大,成本較重。
我的意見:香港的網頁圖像比較多,如果想節省頻寬由這方面入手更實際。而且一般香港企業網站對象不多流量不太大,所以除非是建一個面向國內網民的網站,一般來說老闆都不太考慮這問題。
3. Redesigns are more efficient
由於使用 Table 設計的網頁比 CSS 複雜得多,重新設計時會較難和慢。
我的意見:莫說重新設計,用 Table 的網站就算是更新也難很多,除非你是原設計者。
4. Redesigns are less expensive
時間就是金錢,用 CSS 的網站較易更新,成本當然輕一些。
我的意見: 其實這一點和 (3) 是一樣的。
5. Visual consistency maintained throughout website(s)
若果使用外在的 CSS 樣式檔案儲存整個網站的設計,可使風格統一。因內容和設計完全分開,所以更改時只需要更改 CSS,就可以改變了整個網站全部網頁,並確保統一。
我的意見:公道點說,使用 Table 設計的人不一定完全不用 CSS,就算用WYSIWYG軟件的都某程度上用了一些 CSS,不過這真是用 CSS 的其中一個最大好處。
6. Better for SEO (Search Engine Optimization)
用 CSS 設計的網站因頁面有較少 markup tags,令搜尋器收錄得更完整更方便。而且用 CSS 可以把內容放在頁面上不同的地方,不局限於其源碼的位置。例如有一個副標題,你希望搜尋器會收錄,會放在網頁碼最前部分,但設計者則希望副標題在頁底,就可以用 CSS 做到這效果。
我的意見:我想這是最有效說服老闆使用 CSS 設計的最佳方法。另外原文在這一點中提出了使用 Javascript 作網頁特效的例子,其實 Javascript 比 CSS 難上多倍,卻不見有人埋怨,說到底還是因為軟件可以自動加入 Javascript,而不能做一個不用 Table 的設計。
7. Accessibility
用 CSS 把內容和設計分開,可方便有需要的人仕”看” 到網站。
我的意見:這是 w3c 很重視的一點,香港政府在較早時期都推動過。
8. Competitive edge (job security)
反對使用 CSS 的人很多都是以 Table 設計為生,也預設了學 CSS 很難,自然不想學習使用。
我的意見:很多人一看到一堆程度碼就頭痛,不過事實上並非如此,而且提倡 CSS 幾年來,網上的資源和書籍也很豐富,為什麼不試學一下?
9. Quick website-wide updates
用 CSS 可對網頁更快作出修改。
我的意見: 和 (3) (4) 同
10. Easier for teams to maintain (and individuals)
如果一個網站由多人負責管理和更新,用 CSS 的可以更有效率,因大家會遵從同一個方式更改網頁和創建新網頁, 不必每次修改時都要花一段時間研究前人使用的方法。
我的意見:換個角度看,支持 CSS 的人通常對寫程式有較多認識,而學習程式設計,一向也很重視程式碼的可維護性,及更有效率地和其他人合作,容易維護未必是因為 CSS 帶來的好處,如果很深入地用軟件的功能,或者用較為昂貴的多人協作網頁設計軟件,也可達到這目標。
11. Increased usability
第一點是之前說過的,用 CSS 的網頁可更快顯示,而另一點是用了 CSS,可因應使用的裝置更改頁面,例如當使用印表機列印網頁時,可以用特別為 pirnter 設計的 CSS,不需要再寫一個網頁。
我的意見:用戶有需要列印的網頁不是太多,因此幫助不大。用 CSS 來製作流動裝置版本的網站未嘗不可,但如果你預計有很多用戶是用流動裝置來瀏覽你的網站,始終建立另一個版本 (例如可以用檔案大小較小的圖像) 會更方便這些用戶。
12. More complex layouts and designs
CSS 可讓設計者更隨心所欲地設計網頁,例如可以用重疊的方式,比用 Table 的限制更少。
我的意見:CSS + Javascript + DOM 做出來的效果真的很豐富,而且不少工具都不太難用。
13. No spacer gifs
Spacer gifs 是一個常用的設計技巧,來配合 Table 設計,例如設定 background color, marign and padding, 這些在 CSS 設計中都可以避免。
我的意見:spacer gifs 令網頁更複雜,要花更多時間研究才可以更新。
雖然我不完全贊同以上的論據,但用 CSS 真的帶來不少好處。如果有一套軟件可自動產生 CSS 的設計,我想根本不會有如此多爭論。文中有一點敗筆,就是假定用 Table 的都不用 CSS,其實現時的軟件在某程度上都會使用 CSS,甚至會用一個獨立的樣式檔案,完全不用 CSS 的網站已很少了。
不過始終用 Table 作網站架構,會不知不覺用上了極多 nested tables,修改時很麻煩,如果由其他人更改,要極小心,這一定要引以為戒。
- Aug 31 Tue 2010 03:19
Deviant-Art.Org 資源超豐富的素材網站
Deviant-Art.Org這個網站提供大量有關網頁設計及平面設計的素材資源。
包含CG Art,CSS,Firefox ,Flash ,字形 ,Google ,Icon圖標 ,Illustrator 向量圖形,圖片 ,模版 ,Photoshop教學 ,視覺風格 ,桌面,Web 2.0 ,Wordpress模版...等語資源。
http://item.slide.com/r/1/60/i/U-0Geiyj7j9MLHgKJb4V3NGMqG2QPmcE/