Php NCR 轉換

將BIG5-HKSCS 轉unicode 符號可以解決好多香港特殊字體問題。

NCR 其實就是一堆符號,舉例,

香港 = 香港

如何將這些進行轉換,php 裡面有函數可以轉換

// convert UTF-8 string to NCR

mb_convert_encoding($utf8_str, ‘HTML-ENTITIES’, ‘utf-8’);

 

// convert NCR back to UTF-8

mb_convert_encoding($ncr_str, ‘utf-8’, ‘HTML-ENTITIES’);

 

不過要注意的是,確保所以字再轉換前已經是同一種編碼,因為有些字是簡體,繁體裡沒有,可能就會出現問題,最好再輸入後,先把所有字轉成utf8,再進行轉換,可以確保不同編碼問題

進入HTML5

來自:http://dev.opera.com/articles/view/get-familiar-with-html5/

注:英文弱,本文非翻譯

介紹HTML5,對於這個名字,聽就聽得多,到底有什麼東西我真沒去認真看,感覺就是一個新的標準之類的東西,這些東西太多家了,難跟啊。不過之前有人問了一下2010年網絡有什麼大變化,我想HTML5應該是一個吧,最起碼個大瀏覽器已經開始裝備上他了,你說他重要嗎?

HTML5上一代是什麼?HTML4? 不對,是HTML4.01,也就是XHTML1.0 ,為什麼會這樣呢,我想大概就是因為XML吧,標準也太多了,只有那些網頁設計師和開發者會關注這些東西,不過HTML5,標準也出了不少版本,你看看不同的瀏覽器就會有不同的效果。

新的東西是有一定好處的:

首先,舊的東西可以繼續用,如markup,API。其次整合了很多技術吧,例如Flash、影片和一些複雜的javascript,以前可能需要瀏覽器某些插件支援,到了HTML5就直接支援了,對開發者設計者是不錯的消息。還有就是對動態網頁的支援提高了。

HTML5 的特色

1. 新的標籤(elements):

有讀過網頁設計的,應該都懂一些基本的html標籤,例如html, body之類,不過HTML5 多了一些標籤,可能是web2.0 的關係吧,新的標籤如header,nav,footer,article,time,這些標籤在blog經常出現(更多標籤可以看這裡),我都習慣了,不過這樣看起來會更加清晰。

2.表單(form)功能提升

在HTML4的年代,表單很簡單,假如要製作複雜的表單,就要用javascript,進行一系列的檢查判斷,進入html5,表單的類型增加了,例如有number:數字;range:範圍;date:日期表;color:顏色選擇器;search:搜尋等,看了有些心動了

查看更多介紹

3.視頻音頻的支援

視頻上雖然各大瀏覽器商還在爭吵不休,不過HTML5確實已經支援的,而且不再用object,embed這些麻煩的標籤,而是清晰的標籤:video,audio,只要影片格式符合標準,就可以直接用標籤,不在擔心瀏覽器有沒有flash player,media player了,只要支援HTML5就可以

4.繪圖(canvas)API:

繪圖,容易理解就是在網頁上畫圖,如線條,棒形圖之類,當然,這些需要有javascript基礎,2D,3D都可以,這點我沒用過,提供一些網站留著看

http://kb.operachina.com/node/190

http://dev.opera.com/articles/view/html-5-canvas-the-basics/

5.端口sockets api支援

說到socket應該與服務器有關,就是瀏覽器可以與服務器建立一個鏈接,那麼只要端口保持持續鏈接,數據就可以實時傳輸,不需要刷新頁面,效率應該很高。

http://dev.opera.com/articles/view/introducing-web-sockets/

6.離線瀏覽支援

這與傳統有些不同,之前的離線瀏覽,只是把網頁下載了下來,HTML5 同時保存了數據庫,允許離線繼續編輯保存在本地,等到連線後再更新到服務器上,也就是離線後不用怕檔案保存不了,這對雲端工作的人是一大保障。

7.網頁儲存

在第六點提到本地保存數據,HTML5 這一點功能很多,允許操作也很多,不再是以前的cookies了,而是客戶端的存取

http://dev.opera.com/articles/view/web-storage/

8.多線程支援

http://dev.opera.com/articles/view/web-workers-rise-up/

9地理位置API

這個應該很熟悉,可能是google 太強大了

HTML5 太好了,但是不要忘記了很多人還在用IE6,7,8,這些微軟出的爛產品。不過假如全力面向手機平台,可以不用理會,假如設計網頁,還是要考慮的哦。

Joomla 1.6 的改變

後台轉變

Joomla 1.6 後台用上藍色,圖標更換了,很清晰

Joomla 1.6 後台欄目上新增了Users, 其為新版本的新功能,可以編輯用戶群組權限,同時可以自定群組。

Fronte page Manager已經被改featured article,控制台首頁選項中被移除。

Joomla 1.6 另一大改變就是內容系統,1.5 的內容系統分Section 和category(下圖),類別分類一直是令人頭痛的事(自己裝插件除外),1.6後,看上面的圖可以看到只有一個類別管理,也就是說是無限級分類的管理系統,這樣層次清晰多了。

插件方面,預訂的投票插件在1.6已經被移除,可能使用率太少吧,反而用上新的Redirect,也就是網址轉向,例如404頁面轉向,對SEO有幫助

Extension 增加更新功能

Module 管理增加Access, Language, Location過濾,這些主要是因為1.6可以設定多語言,不同權限而增加的。

Template管理也有大轉變,管理界面更直觀

而且在Style 裡面可以設定不同欄目設定不同的template主題


不過這個設定在style 設定是起不了作用,還要在Menu 裡面選擇Template Style後才能實現,有點重複動作。

 

最後就是Joomla 默認主題也更換了,這個很好看

CSS Sprites 用法

第一次遇見CSS Sprites是在facebook,當時想模仿facebook的風格,但分析了它的css後,發現了一樣東西,就是facebook 的很多icon都在同一個檔案裡面。

例如:http://static.ak.fbcdn.net/rsrc.php/zCVPK/hash/95o21x7p.png

這種方法就叫css sprites, facebook是一個超級超級多人用的平台,因此它的流量相當厲害,就算是小小的圖片,但是有接近幾億人用,那麽小圖片就變了大圖片了,再者,單一圖片可以減少對服務器的訪問次數,上圖那裡面有6個icon,現在只訪問一次,相對訪問六次,工作輕鬆多了,其實記得之前facebook一張圖片是包含所有icon的,可能優化後改善了。

主要用法是在background那進行定位(我覺得很辛苦),網上也見到很多人分享經驗,例如把圖片像facebook那樣,豎直排起來,然後只要加減高度就可以,還有就是把相同顏色的圖片放在一起,可以減少圖片的大小,當然不要用photoshop進行另存檔案,用其他工具會比較小,例如firework,這些技巧以後用時在慢慢體會

用法:background: transparent url(test-3.jpg) -96px -200px no-repeat;
這裡介紹一篇文章:http://www.alistapart.com/articles/sprites
文字比較多,自己選擇看

wordpress 3 多站設定

wordpress 3.0 一大新功能就是multi site,此功能來自wordpress mu, 但現在只需要在後台啟動後就可以實現多用戶wordpress,這裡將會簡單說明如何設定wordpress multi site。

測試環境:centos,directadmin 控制台

要啟用wordpress 多用戶功能,伺服器需要支援subdomain,假如沒有也不用擔憂,有插件可以幫助你解決這個問題,這裡只說明用subdomain 的方法。

1. 首先設定domain支援subdomain,要支援此功能,伺服器要支援wildcard,此功能是指 『任何次域名.domain.com』都能夠被伺服器接受,這一般都需要伺服器管理員才能加入此功能。設定方法很簡單,首先到你的空間控制台domain name管理那,加入一個* host:

加入一個*只想你的ip, 然後次域名就會全部指到你的網站去,然後根據程序來指向各個網站。

2. 設定伺服器支援wildcard,這裡需要伺服器管理員才能完成,我使用directadmin 設定。 在directadmin:Admin Level -> Custom Httpd configurations -> domain.com(你的域名)

在頂部的輸入框輸入:

ServerAlias *.|DOMAIN|

然後save,等幾分鐘就完成了。

注:你的域名比較交給伺服器進行管理才能見效,不要用域名供應商的伺服器

3. 安裝wordpress 3.0 ,這個我就不多說了

4.進入空間編輯wp-config.php,找一個地方加入

define(‘WP_ALLOW_MULTISITE’, true);

 進入後台,首先把blog的插件全部都停止,在tools 那會見到一個Network,

進入後,需要輸入你的站點資料,這些站點資料以後都可以更改,

5. 建立一個blogs.dir 資料夾在wp-content 裡面,必須可寫, 然後根據說明,更改wp-config.php ,記得先備份, 接著就更改.htaccesss文件

6.確認完成後,站點就基本建立,需要重新登入一次,在Dashboard上面就會見到Super Admin

然後可以測試一下,在sites那增加一個site,隨便輸入一個,管理員就是自己的email,然後確定,它會發一封email到你的郵箱,然後你按visit就可以瀏覽那個網站了,十分方便,不用安裝就有一個站點。

假如你不能用subdomain,可以試下這個插件:http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/