Category Archives: WebSite

About web design,application,source
關于網頁設計，網頁應用，網頁源碼等資料

smarty 使用心得

Posted on April 10, 2011 by rockfu

近些時間都是自己在開發php 程序，沒有用一些常見的CMS來改造，自己開發的程式在外觀上難免不好看，或者是要花大段時間去做修飾，所以選用上smarty 作為界面來輔助開發，感覺是相當方便的，假如有自己製作過一些著名CMS的主題，應該會很容易上手，我想理論是差不多的。 smarty現在已經出到3了，但我還是用2的，因為php版本的關係吧。但2對我來說已經足夠。如何開始使用smarty，也許官方網站的說明幫到你，有豐富的例子說明，對我來說幫助很大。但對於我這初學者來說，最大的問題就是不知道某些function的存在，導致在php那邊花了很多時間。 用上了smarty，基本上在php只是傳值就可以，在每個php文件上，把要傳到template的value都打上就可以 $smarty->assign(‘template調用的值’, ‘php的值’); $smarty->display(‘index.tpl’); //這個就是調用的template文件 我基本上用得最多的就是section，它是一個循環，在database上while loop調用的值，都裝到一個array上，然後就可以在template上用{section}{/section}來調用值，而且section 有很多屬性，有name, start, loop, step,這些都很方便，name可以像javascript那樣取得這個section的一些值，例如$smarty.section.foo.index，foo就是name的名稱，index就是循環到哪了。start就是開始的index，loop循環次數，step就是每次間隔index，假如寫再php，也許要for loop，而且還要$i+2 之類，現在只要改一個數字就可以，十分方便。 接著用得最多還是{if}{elseif}{/if}，可以用來判斷值，例如在section中判斷{if $smarty.section.foo.index eq 2}do something{/if}，eq 就是等於的意思，這個我常用來作為修飾一些默認取值。十分好用 {foreach}也用的更多，用法和section 差不多，直接可以來輸出array值. 在php 中經常用到表單form，這裡會有很多值，還有不同的方式GET,POST, smarty也可以取得form傳輸的值：{$smarty} reserved variable，例如form傳出的值是page，方式用get，那麼就可以直接$smarty.get.page得到傳出的值，還可以用session來判斷，可以說很方便。 由於某些特殊的需要，要把一堆string換成array，雖然php 有explode，但是explode出來只是為了方便看，smarty應該有相關的方法，沒錯，{assign var=foo value=”,”|explode:$config.siteUrl} 這樣就可以把值存到foo中，在表單中得到multi selection時就會用上。 smarty的確很強大，我也看了3版本的介紹，應該是更加方便和標準化，有空再繼續研究。

Posted in php | Leave a comment

Php NCR 轉換

Posted on March 16, 2011 by rockfu

將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，再進行轉換，可以確保不同編碼問題

Posted in Code | Leave a comment

進入HTML5

Posted on February 5, 2011 by rockfu

來自：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/ … Continue reading →

Posted in WebSite | Tagged , | Leave a comment

網頁背景線條

Posted on December 20, 2010 by rockfu

記錄一下12種不同的網頁背景線條圖，不斷重複會得到不同的效果 下載photoshop pattern 轉載自：line25.com

Posted in Design | Tagged , , , | Leave a comment

Joomla 1.6 的改變

Posted on September 14, 2010 by rockfu

後台轉變 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 默認主題也更換了，這個很好看

Posted in Joomla | Leave a comment

CSS Sprites 用法

Posted on June 23, 2010 by rockfu

第一次遇見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 文字比較多，自己選擇看

Posted in CSS | Tagged | Leave a comment