https://analyticsacademy.withgoogle.com/course
詳見
2014年1月27日 星期一
2014年1月23日 星期四
PHP教學-CKeditor網頁編輯器與CKfinder上傳整合應用
CKeditor(編輯器)/CKfinder(上傳元件)下載:
編輯器:CKeditor
支援語法:PHP、ASP、ASP.NET、CF
檔案大小:1.99MB
元件版本:3.5.1
官方展示:http://ckeditor.com/demo
官方下載:http://ckeditor.com/download
上傳元件:CKfinder
檔案大小:1.01MB
支援語法:PHP、ASP、ASP.NET、CF
元件版本:2.0.1
官方展示:http://ckfinder.com/demo
官方下載:http://ckfinder.com/download
Minwt整合版下載(PHP版):
支援語法:PHP、ASP、ASP.NET、CF
檔案大小:1.99MB
元件版本:3.5.1
官方展示:http://ckeditor.com/demo
官方下載:http://ckeditor.com/download
上傳元件:CKfinder
檔案大小:1.01MB
支援語法:PHP、ASP、ASP.NET、CF
元件版本:2.0.1
官方展示:http://ckfinder.com/demo
官方下載:http://ckfinder.com/download
Minwt整合版下載(PHP版):
Step1
下載完畢後,將二個元件放在同一目錄,並新增upload資料夾,用來存放上傳檔案。
Step2
開啟ckeditor / config.js,分別新增以下語法,控制編輯器選項與啟用上傳功能。
自訂編輯器工具列:
['Source','-','Templates','-','Cut','Copy','Paste'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Format','FontSize','-','TextColor','BGColor']
工具列參數列表:
'Source':原始碼
'Save':儲存
'NewPage':開新檔案
'Preview':預覽
'Templates':樣版
'Cut':剪下
'Copy':複製
'Paste':貼上
'PasteText':貼為文字格式
'PasteFromWord':從word 貼上
'Print':列印
'SpellChecker':拼字檢查
'Scayt':即時拼寫檢查
'Undo':上一步
'Redo':重作
'Find':尋找
'Replace':取代
'SelectAll':全選
'RemoveFormat':清除格式
'Form':表單
'Checkbox':核取方塊
'Radio':單選按鈕
'TextField':文字方塊
'Textarea':文字區域
'Select':選單
'Button':按鈕
'ImageButton':影像按鈕
'HiddenField':隱藏欄位
'Bold':粗體
'Italic':斜體
'Underline':底線
'Strike':刪除線
'Subscript':下標
'Superscript':上標
'NumberedList':編號清單
'BulletedList':項目清單
'Outdent':減少縮排
'Indent':增加縮排
'Blockquote':引用文字
'JustifyLeft':靠左對齊
'JustifyCenter':置中
'JustifyRight':靠右對齊
'JustifyBlock':左右對齊
'Link':超連結
'Unlink':移除超連結
'Anchor':錨點
'Image':圖片影像
'Flash':Flash
'Table':表格
'HorizontalRule':水平線
'Smiley':表情符號
'SpecialChar':特殊符號
'PageBreak':分頁符號
'Styles':樣式
'Format':格式
'Font':字體
'FontSize':大小
'TextColor':文字顏色
'BGColor':背景顏色
'Maximize':最大化
'ShowBlocks':顯示區塊
'About':關於CKEditor
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Format','FontSize','-','TextColor','BGColor']
工具列參數列表:
'Source':原始碼
'Save':儲存
'NewPage':開新檔案
'Preview':預覽
'Templates':樣版
'Cut':剪下
'Copy':複製
'Paste':貼上
'PasteText':貼為文字格式
'PasteFromWord':從word 貼上
'Print':列印
'SpellChecker':拼字檢查
'Scayt':即時拼寫檢查
'Undo':上一步
'Redo':重作
'Find':尋找
'Replace':取代
'SelectAll':全選
'RemoveFormat':清除格式
'Form':表單
'Checkbox':核取方塊
'Radio':單選按鈕
'TextField':文字方塊
'Textarea':文字區域
'Select':選單
'Button':按鈕
'ImageButton':影像按鈕
'HiddenField':隱藏欄位
'Bold':粗體
'Italic':斜體
'Underline':底線
'Strike':刪除線
'Subscript':下標
'Superscript':上標
'NumberedList':編號清單
'BulletedList':項目清單
'Outdent':減少縮排
'Indent':增加縮排
'Blockquote':引用文字
'JustifyLeft':靠左對齊
'JustifyCenter':置中
'JustifyRight':靠右對齊
'JustifyBlock':左右對齊
'Link':超連結
'Unlink':移除超連結
'Anchor':錨點
'Image':圖片影像
'Flash':Flash
'Table':表格
'HorizontalRule':水平線
'Smiley':表情符號
'SpecialChar':特殊符號
'PageBreak':分頁符號
'Styles':樣式
'Format':格式
'Font':字體
'FontSize':大小
'TextColor':文字顏色
'BGColor':背景顏色
'Maximize':最大化
'ShowBlocks':顯示區塊
'About':關於CKEditor
開啟上傳功能:
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'; //可上傳一般檔案
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';//可上傳圖檔
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';//可上傳Flash檔案
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'; //可上傳一般檔案
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';//可上傳圖檔
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';//可上傳Flash檔案
Step3
開啟ckfinder / config.php,找到33行將return false改成return true。
Step4
接著到63行處,設定上傳的目錄位置。
Step5
新增一個PHP網頁,新增一個form表單,並放入一個textarea的文字框,並且將name與id設一樣,最後在
前加入php語法,但需注意到在replace()中的名稱,要與剛的name與id相同才行喔!
放在前(載入CKeditor):
include_once "ckeditor/ckeditor.php";
$CKEditor = new CKEditor();
$CKEditor->basePath = 'ckeditor/';
$CKEditor->replace("editor1");
?>
$CKEditor = new CKEditor();
$CKEditor->basePath = 'ckeditor/';
$CKEditor->replace("editor1");
?>
Step6
發佈看一下囉!這時候原來醜醜的文字框,立即變成超炫的HTML編輯器,馬上來測試一下,點一下圖片圖示,看是否能上傳。
Step7
接著點選上傳頁籤,再點選【選擇檔案】。
Step8
選好檔案後,再按上傳至伺服器就行囉!
Step9
哈~上傳成功! (若是Liunx主機請將資料夾的權限設為777才行喔!)
Step10
按一下送出到下頁接收看看。
Step11
哈!!酷~上傳不但問題,且還能正常的顯示剛所上傳的影像。
CKeditor與CKfinder相互的搭配下,不但可實現即見即所得的HTML編輯器以外,同時還可以上傳檔案,且完全不用寫任何的程式碼,只要設定一下上傳目錄位置,與開啟上傳的機制,這樣就完成囉!夠簡單吧~而這二個工具若要用於商業用途時,得到官網查看相關授權的部分。
2014年1月22日 星期三
123456 最不安全的密碼寶座
的電腦密碼還在使用「123456」嗎?市場研究公司SplashData分析2013年數百萬個被盜的密碼,結果顯示,「123456」登上最不安全的密碼寶座。
過去長居不安全密碼首位的是「password」,今年「123456」首度擠下「password」,成為第一名。其他不安全密碼依序是,「password」、「12345678」、「qwerty」、「abc123」、「123456789」、「111111」、「1234567」、「iloveyou」、「adobe123」。
SplashData建議個人或企業應使用8位或更多位的密碼,並混合各種類型字元。
(記者甘芝萁)
自由時報 – 2014年1月22日 上午6:11
2014年1月21日 星期二
3招防拷 別想抄襲我的網頁
◎記者陳芸芸/專題報導
(圖一) |
(圖二) |
(圖三) |
全球資訊網WWW可說是二十世紀最偉大的發明之一,但隨著網路發展,隨意抄襲或惡意利用他人網站內容的情況比比皆是,不少網友都在問,到底有沒有辦法防止他人隨意抄襲呢? 網際網路以「分享」為本質,全世界數有以百萬、千萬計的網友,將自己的心血文章做成網頁,讓其他網友瀏覽分享,甚至下載存檔,慢慢觀賞,雖然這樣一來,知識的複製與流傳將更為快速便利,但相反地,部分不肖的網友,卻也得以因此隨意抄襲他人的心血,放在自己的網站上,甚至拿去牟利,常令原創者十分氣憤與無奈。
事實上,複製網站上的資料十分容易,因為只要在瀏覽器上點選頁面,再執行複製與貼上的指令,別人花了幾個星期甚至幾個月才整理好的內容,抄襲者只要幾分鐘甚至幾秒鐘就可完成,站長們不禁要問,難道沒有辦法防止或減少情況嗎?答案是肯定的,最普遍也最容易的辦法就是加入JavaScript語言來控制網頁內容。
為了防止有心人士的複製,網友需要擁有一定的HTML和JavaScript常識,但首先要了解,抄襲者是如何成功複製網頁的。
一般來說,當一個網頁呈現出來時,如果瀏覽者想要複製其中的內容,通常會採取四個辦法,第一種是點選瀏覽器工具列「檢視╱原始檔」,直接將網頁的原始碼複製起來;第二種是在網頁上按滑鼠右鍵,在跳出來的選單上點選「檢視原始檔」,然後將原始碼存檔;第三種是點選瀏覽器工具列「檢視╱另存新檔」,然後將整個網頁存檔起來;第四種辦法是用滑鼠將想複製的部份或全部內容點選起來,然後貼到適當的應用程式(如Word或Front page)。
基本上,想要防止他人複製網頁內容,就要防止使用者執行上述四種動作,由於上面四種拷貝辦法或者各自獨立,或者各有相關,所以我們先介紹幾種防止複製的JavaScript控制碼寫法,然後再交互援引參照。
不少使用者看到喜歡的網頁內容或網頁設計,通常第一個下意識的動作就是去按滑鼠右鍵,並且點選「檢視原始檔」的功能,所以如果能夠讓滑鼠右鍵失效,就可以阻止許多複製的企圖。
要防止別人用滑鼠右鍵看網頁原始碼,可在網頁原始碼標籤的後面加入下面的JavaScipt碼:
這樣一來,當使用者企圖按右鍵檢視網頁原始檔時,就會跳出「請勿擅自複製本網頁的內容!」的警告文字(如圖一),其他網友也就無法利用右鍵偷看你的原始碼了。上述原始碼當中的「請勿擅自複製本網頁的內容!」這幾個字是可以替換的,網友可以把它換成自己中意的文字(例如「隨便抄襲別人的心血是不好的!」)。
這種方法可以阻止大部分企圖抄襲網頁的人士,因為根據許多實證的例子,一旦意圖抄襲者發現右鍵無法作用,通常就會放棄抄襲動作。
光是封鎖滑鼠右鍵,還是無法完全阻止網友偷看原始檔,因為一來滑鼠右鍵的鎖定有法可解,二來抄襲者還是可以透過工具列上的「檢視╱原始檔」或「檢視╱另存新檔」的功能來複製網頁或原始檔,因此我們還得進一步讓工具列上的這些功能失效才行。
要做到這點,我們可以想辦法讓網友在開啟自己的網頁時,讓瀏覽器上的工具列消失,方法就是另外寫一個首頁B,讓首頁B的連結指向真正的首頁A。
舉例來說,用戶的首頁A原本是http://www.geocities.com/hahahatest/之下的「index.html」,但是,我們現在要在「index.html」上偷天換日,把「index.html」變成中繼站,讓它指向真正的首頁「index2.html」。
這種方法可以阻止大部分企圖抄襲網頁的人士,因為根據許多實證的例子,一旦意圖抄襲者發現右鍵無法作用,通常就會放棄抄襲動作。
光是封鎖滑鼠右鍵,還是無法完全阻止網友偷看原始檔,因為一來滑鼠右鍵的鎖定有法可解,二來抄襲者還是可以透過工具列上的「檢視╱原始檔」或「檢視╱另存新檔」的功能來複製網頁或原始檔,因此我們還得進一步讓工具列上的這些功能失效才行。
要做到這點,我們可以想辦法讓網友在開啟自己的網頁時,讓瀏覽器上的工具列消失,方法就是另外寫一個首頁B,讓首頁B的連結指向真正的首頁A。
舉例來說,用戶的首頁A原本是http://www.geocities.com/hahahatest/之下的「index.html」,但是,我們現在要在「index.html」上偷天換日,把「index.html」變成中繼站,讓它指向真正的首頁「index2.html」。
先把原本的「index.html」更改檔名成「index2.html」,然後「index.html」的寫法如下:
在上面這段原始碼中,最重要的指令就是「menubar=no」,這就是指讓新開視窗的工具列消失,這樣一來,當其他用戶點選時(如圖二),所跳出來的網頁就是沒有工具列的(如圖三),其他網友也就沒有辦法法檢視原始碼或另存新檔了。
當使用者將上述原始碼應用在自己的網站上時,其他的東西都可以照抄,不過請記得,http://www.geocities.com/hahahatest/index2.html這個位址要改成自己的真實首頁所在才行。透過前兩種方式,應可大幅保護自己網頁原始碼,但還有一種情況是,抄襲者未必對網頁的原始碼感興趣,他想要複製的是網頁的文字或圖形,也就是用滑鼠將想複製的部份或全部網頁內容點選起來,貼到適當的應用程式去。
不過,還是可以想辦法讓其他人無法進行複製,而其步驟比前面兩種方式更簡單,只要在標籤之內加入一串指令即可,範例如下:
這個辦法更簡單,可是功能更「直接有效」,因為它連警告視窗都沒有,而且無法採取任何滑鼠或鍵盤的動作,抄襲者甚至會覺得「是不是我的電腦壞掉了」。
不過,網友要注意的是,依目前的技術,網路上還是沒有辦法完全防止他人抄襲,任何網頁的保護方法,都還有漏洞可鑽,至於如何破解,這裡當然不能夠洩漏,不過,站長們只要善用上面所介紹的幾種方法,交互運用,雖然無法百分之百防止保證不被抄襲,但絕對可讓多數抄襲者知難而退。
2014年1月9日 星期四
2014年1月7日 星期二
[Linux] 安裝 Hadoop 0.20.1 Multi-Node Cluster
第二十四個夏天後: [Linux] 安裝 Hadoop 0.20.1 Multi-Node Cluster @ Ubun...: 圖片來源: http://hadoop.apache.org/ 今天共用了三台機器,終於真正架了一個 Hadoop Cluster ,在這之前都只是安裝在一台機器上: [Linux] 安裝單機版 Hadoop 0.20.1 Single-Node Cluster (Pseudo...
2013年12月30日 星期一
第三方支付夯 Yahoo拍賣推全民信用卡收款
記者甘偉中/台北報導
電子商務前景看好,各大電商平台也積極提升使用者體驗,務求爭取賣家、買家的青睞,擴大市場佔有率。
Yahoo奇摩30日宣佈,於Yahoo奇摩拍賣推出新版輕鬆付信用卡收付款服務,降低收款門檻,只要經過身份認證,一分鐘一步驟即可開通信用卡收款服務,讓全民皆可享受信用卡付款收款的便利。
Yahoo奇摩第三方支付工具 - Yahoo奇摩輕鬆付,提供ATM、超商取貨付款、信用卡及信用卡分期等支付方式。然而以往個人賣家要取得信用卡收款資格需有相當高門檻。
不過即日起,Yahoo奇摩拍賣推出新版輕鬆付信用卡收付款功能,無論公司或個人賣家皆可申請,無須年費及開辦費,只要經過身分認證,成為Yahoo奇摩拍賣安心賣家,一分鐘一步驟立即開通信用卡收款服務,實現全民賣家輕鬆收款的交易環境。
Yahoo奇摩拍賣同時祭出輕鬆付信用卡推廣活動,只要於2013年12月30日參加Yahoo奇摩拍賣輕鬆付信用卡賣家說明會,且開通信用卡收款服務的賣家,從2014年1月份至3月份間,皆可享有0%信用卡金流手續費的優惠。
此外,Yahoo奇摩拍賣也宣布從2014年2月26日起,全平台統一採用輕鬆付,不再接受其他的支付方式,以降低買家個資外洩的風險,提供更安全的交易環境。
訂閱:
文章 (Atom)