Webox 網頁設計 :::陳年網事

2010年4月22日星期四

PHP 結構化的網站設計 Park1

因為想計劃自己寫一套 Content management system (CMS內容管理系統) 所以寫這一系列的相關訊息供備查，剛開始什麼都沒有所以要先有通盤計劃，第一步當然就是要將檔案與資料夾結構化，這樣子做有下列好處：

更新修改容易重點是如此更易於維護
程式將更有彈性如果將來要團隊協同設計必定要如此
適合功能模組嵌入
適合類別class引入

2010年3月7日星期日

秉持著好東西要跟各位同學分享,因為我曾經也是馬老師的學生 ^^

如果你還苦惱沒有支援性廣泛的免費空間來練習,你可以到下面的網站申請

http://byethost.com/free-hosting

他申請完畢不但有支援語法PHP 資料庫MySQL 也提供控制介面使用phpMyadmin,更可以用Filezilla CuteFTP等上傳工具軟體,重點是更沒有討人厭的廣告窗喔

我曾經試過 xoops Joomla Wordpress...等甚至osCommerce ECShop等都是可以正常運作,雖然有時候速度有點龜,尤其是上傳,不過如果避開晚間都有還不錯的表現,拿來純練功絕對夠用了,免費使用要掛他的 subDomain這也等於替他在打知名度,所以連結網址會像是 http://yourname.byethost.com 純練習應該沒差啦 ^^ 如果你跟我一樣龜毛domain要用自己申請的,其實也不是沒辦法啦,只要再你的hinet免費空間上傳一個index.html其中的內容為

<html>

<head>

<meta http-equiv="Content-Type" content"=text/html; charset=UTF-8">

<title></title>

</head>

<frameset rows="*,*" clos="*">

<frame name="1" src="http://yourname.byethost.com">

<noframes name="1" src="http://yourname.byethost.com">

<body></body>

</noframes>

<frame src="UntitledFrame-2">

</frameset>

</html>

這樣就解決囉
但缺點是如果你到Yahoo Google註冊登錄這些網路蜘蛛程式會追尋不到你的內容,這就是frameset很讓人詬病的地方,但是frameset他應用在後台管理介面UI時可以有不錯的表現

講到免費的hinet空間就會讓人想到有很討人厭的廣告,實在是破壞畫面到了極點,如果你跟我一樣受夠了這些討人厭的東西你可以在下方貼上

<script type="text/javascript">

try{

var _hinet = parent.document.getElementsByTagName("frameset");

for(var i=0;i<_hinet.length;i++){_hinet[i].cols="*,0";}}catch(err){}

</script>

這樣討人厭的廣告就 ~掰掰囉~

在這邊利用一下馬老師的版面做個小招募喔~
因為我長期都是在寫功能端的程式PHP所以對於像是樣版類別smarty 還有php的類別程式庫PEAR算是小有研究,但是好的程式端還是要有好的UI視覺介面才能堪稱完美,雖然HTML CSS排版 table排版已經熟練到不行甚至不用DW也可以規劃版面,也可以用jQuery的一些plungin 來做很多的特效,但總覺得少了什麼??

是的,那就是整體的視覺規畫與設計,雖然偶爾會回巨匠補強美工軟體illustrator photoshop不過都還是深陷於只會操作的無窮迴圈中

而且人生苦短,我相信也有很多視覺設計師看到程式碼就頭皮發麻的

如果你自認為視覺設計對你是小case,幾張素材給你就能創造令人激賞的創作,用手寫板隨便畫畫就能畫出令人心動的玩物人偶,打開一個空白的檔案馬上就可以規劃區塊搭配色系的人,趕快mail到aair.james@gmail.com

就像電影艋舺中的對白:”五根手指合起來，才能成為一個拳頭!!”
當然~我不是要帶你去打架啦,而是去創造創想創意創新創作

2010年3月2日星期二

讓你快速草圖繪製的工具軟體:Balsamiq Mockups

Balsamiq Mockups 是一套滿簡單的 UI 草圖繪製軟體
因為工作上的需求所以常常得 (客戶-->視覺人員-->程式人員)
如果有個專案客戶說,這邊要加入搜尋,那邊表單欄位要加入某些東西...等,諸如此類的
萬一在三方都沒達成共識的情況,那是會累死人的

所以提案必須要先勾勒草圖,但是常常會有你畫這是什麼東東啊?? 滿天的疑問在這三方
尤其是我比較偏重程式端的人員( ><"是怎樣,又不是火星人)
以前都用簡單的美工軟體來做遇到要改又很難改,還有上面講的,別人看不懂!!

突然發現這個好用的UI草圖繪製軟體

他很簡單的只要用拖曳的方式即可完成,馬上解決惱人的UI草圖

在 blogger 貼入程式碼 tag

<pre name="code" class="Cpp">

...insert code here...

</pre>

測試貼上PHP程式碼!!

<?php

@ini_set('display_errors',   1);
@ini_set('date.timezone',   'Asia/Taipei');
define('PATH_ROOT',  str_replace('\\','/',dirname(__FILE__)));
define('PATH_URL',  str_replace("{$_SERVER['DOCUMENT_ROOT']}","http://{$_SERVER['HTTP_HOST']}",PATH_ROOT));

@ini_set('memory_limit',          '16M');
@ini_set('session.cache_expire',  180);
@ini_set('session.use_trans_sid', 0);
@ini_set('session.use_cookies',   1);
@ini_set('session.auto_start',    0);



define( 'PATH_ADMIN',   PATH_ROOT  . '/admin/' );
define( 'PATH_LIB',    PATH_ROOT  . '/lib/' );
define( 'PATH_THEMES',  PATH_ROOT  . '/themes' );
define( 'PATH_TEMPLATES',   PATH_ROOT  . '/templates');
define( 'PATH_CLASS',       PATH_ROOT  . '/class');
define( 'PATH_MODULES',     PATH_ROOT  . '/modules');
define( 'PATH_FILEMANAGE',  PATH_ROOT  . '/filemanage/');
define( 'PATH_SMARTY',      PATH_CLASS  . '/smarty/');
define( 'PATH_PEAR',      PATH_CLASS  . '/pear/');
define( 'PATH_XAJAX',      PATH_CLASS  . '/xajax/');
define( 'PATH_CACHE',  PATH_TEMPLATES . '/cache');
define( 'PATH_COMPILED', PATH_TEMPLATES . '/compiled');
ini_set('include_path',  PATH_PEAR);

require_once 'config.php';

require_once PATH_LIB.'smarty.lib.php';

require_once PATH_LIB.'mdb2.lib.php';

require_once PATH_LIB.'image.lib.php';

require_once PATH_LIB.'pager.lib.php';

require_once PATH_LIB.'HTTP.lib.php';

$adtemplate -> assign('theme_path','./theme/');
?>

測試貼PHP程式碼