兩岸網站架設技術交流-東莞網絡設計技術協會

商業網站設計主要原則

Mon, 13 Apr 2009 03:56:25 +0000

網站是企業向使用者和線民提供資訊(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和資訊平臺，離開網站(或者只是利用協力廠商網站)去談電子商務是不可能的。企業的網址被稱為“網路商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要視窗。企業網站設計顯得極為重要，下面是一些網站設計中應注意的原則。

一. 明確建立網站的目標和使用者需求
　　Web網站的設計是展現企業形象.介紹產品和服務.體現企業發展戰略的重要途徑，因此必須明確設計網站的目的和使用者需求，從而做出切實可行的設計計畫。要根據消費者的需求.市場的狀況.企業自身的情況等進行綜合分析，牢記以“消費者(customer)”為中心，而不是以“美術”為中心進行設計規劃。在設計規劃之初同樣考慮：建設網站的目的是什麼？為誰提供服務和產品？企業能提供什麼樣的產品和服務？網站的目的消費者和受眾的特點是什麼？企業產品和服務適合什麼樣的表現方式(風格)？

二.總體設計方案主題鮮明
　　在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。 Web網站應針對所服務物件(機構或人)的不同而具有不同的形式。有些網站只提供簡潔文本資訊；有些則採用多媒體表現手法，提供華麗的圖像.閃爍的燈光.複雜的頁面佈置，甚至可以下載聲音和錄影片段。好的Web網站把圖形表現手法和有效的組織與通信結合起來。要做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現網站的主題。調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。Web網站主頁應具備的基本成分包括：頁頭：準確無誤地標識你的網站和企業標誌； Email地址：用來接收用戶垂詢；聯繫資訊：如普通郵寄地址或電話；版權資訊：聲明版權所有者等。注意重複利用已有資訊。如客戶手冊．公共關係文檔．技術手冊和資料庫等可以輕而易舉地用到企業的Web網站中。

三.網站的版式設計
　　網頁設計作為一種視覺語言，要講究編排和佈局，雖然主頁的設計不等同於平面設計但它們有許多相近之處，應充分加以利用和借鑒。版式設計通過文字圖形的空間組合，表達出和諧與美。一個優秀的網頁設計者也應該知道哪一段文字圖形該落於何處，才能使整個網頁生輝。多頁面網站頁面的編排設計要求把頁面之間的有機聯繫反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關係。為了達到最佳的視覺表現效果，應講究整體佈局的合理性，使流覽者有一個流暢的視覺體驗。

四.色彩在網頁設計中的作用
　　色彩是藝術表現的要素之一。在網頁設計中，根據和諧.均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。根據色彩對人們心理的影響，合理地加以運用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強；色彩還具有聯想與象徵的物質，如紅色象徵血.太陽；藍色象徵大海.天空和水面等。所以設計出售冷食的虛擬店面，應使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網頁的顏色應用並沒有數量的限制，但不能毫無節制地運用多種顏色，一般情況下，先根據總體風格的要求定出一至二種主色調，有CIS(企業形象識別系統)的更應該按照其中的VI進行色彩運用。

　　在色彩的運用過程中，還應注意的一個問題是：由於國家和種族．宗教和信仰的不同，以及生活的地理位置．文化修養的差異等，不同的人群對色彩的喜惡程度有著很大的差異。如：兒童喜歡對比強烈．個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設計中要考慮主要讀者群的背景和構成。

五.網頁形式與內容相統一
　　要將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。運用對比與調和.對稱與平衡.節奏與韻律以及留白等手段，通過空間.文字.圖形之間的相互關係建立整體的均衡狀態，產生和諧的美感。如對稱原則在頁面設計中，它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字.圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。點.線.面作為視覺語言中的基本元素，要使用點.線.面的互相穿插.互相襯托.互相補充構成最佳的頁面效果。網頁設計中點.線.面的運用並不是孤立的，很多時候都需要將它們結合起來，表達完美的設計意境。

六.三維空間的構成和虛擬實境
　　網路上的三維空間是一個假想空間，這種空間關係需借助動靜變化．圖像的比例關係等空間因素表現出來。在頁面中，圖片.文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。圖片.文字前後疊壓所構成的空間層次目前還不多見，網上更多的是一些設計比較規範.簡明的頁面，這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。網頁上常見的是頁面上.下.左.右.中位置所產生的空間關係，以及疏密的位置關係所產生的空間層次，這兩種位置關係使產生的空間層次富有彈性，同時也讓人產生輕鬆或緊迫的心理感受。現在，人們已不滿足於HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬實境要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種物件導向的語言，它類似Web超級連結所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平臺之上，只不過能夠更多地為虛擬實境環境服務。

七.多媒體功能的利用
　　網路資源的優勢之一是多媒體功能。要吸引流覽者注意力，頁面的內容可以用三維動畫.FLASH等來表現。但要注意，由於網路頻寬的限制，在使用多媒體的形式表現網頁的內容時應考慮用戶端的傳送速率。

八.網站測試和改進
　　測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進設計。要注意讓用戶參與網站測試。

九.內容更新與溝通
　　企業Web網站建立後，要不斷更新內容。網站資訊的不斷更新，讓流覽者瞭解企業的發展動態和網上職務等，同時也會幫助企業建立良好的好象。在企業的Web網站上，要認真回復使用者的電子郵件和傳統的聯繫方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般瞭解．售後服務等，由相關部門處理，使用站訪問者感受到企業的真實存在並由此產生信任感。注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求使用者輸入資訊或羅列一大堆自己不能及時答覆的電話號碼。如果要求訪問者自願提供其個人資訊，應公佈並認真履行個人隱私保承諾。

十.合理運用新技術
　　新的網頁製作技術幾乎每天都會出現，如果不是介紹網路技術的專業網站，一定要合理地運用網頁製作的新技術，切忌將網站變為一個製作網頁的技術展臺，永遠記住用戶方便快捷地得到所需要的資訊是最重要的。對於網站設計者來說，必須學習跟蹤掌握網頁設計的新技術如Java.DHTML.XML等，根據網站的內容和形式的需要合理地應用到設計中。

php中使用sscanf和printf格式化字串

Mon, 06 Apr 2009 09:25:48 +0000

這個例子演示了如何使用php中的sscanf()和printf()函數，在這些例副程式中，你可以使用sprintf()替代printf()函數來取得一個返回結果，而不是將結果列印在螢幕上。
來看看下面的例副程式吧:

<?php
$file = "test.txt"; $lines = 7;
printf("檔 %s 由 %d 行組成 ", $file, $lines);
// 返回 --> 文件 test.txt 由 7 行組成

// 填充一些東西, 用字串 "_"作為首碼填充
$word = 'foobar';
printf("%'_10s ", $word);
// 返回 --> ____foobar

// 格式化一個數字
$number = 100.85995;
printf("%03d ", $number); // 返回 --> 100
printf("%01.2f ", $number); // 返回 --> 100.86
printf("%01.3f ", $number); // 返回 --> 100.860

// 用 sscanf 解析一個字串示例1
list($number) = sscanf("ID/1234567","ID/%d");
print "$number ";
// 返回 --> 1234567

// 用 sscanf 解析一個字串示例2
$test = "string 1234 string 5678";
$result = sscanf($test, "%s %d %s %d");

print_r($result);

/*

--> 返回:

Array
(
   [0] => string
   [1] => 1234
   [2] => string
   [3] => 5678
)

*/
?>

多文件JQuery上傳的外掛程式

Wed, 25 Mar 2009 06:22:12 +0000

其實JQuery自身就帶ajax功能，可以直接對表單進行post或get操作，但是如果表單裡有file欄位的話就會出現問題。下面介紹幾個用於檔上傳的JQuery外掛程式,也有支持多檔同時上傳的。還能顯示進度條，簡單實用。

1.jqUploader

官方網址:http://www.pixeline.be/experiments/jqUploader/

jqUploader是一個取代html中file input的一個基於Jquery的小外掛程式,能夠顯示一個上傳進度條和上傳百分比。

2.Multiple File Upload plugin for jQuery

官方網址:http://www.fyneworks.com/jquery/multiple-file-upload/

可以同時上傳多個檔。

3.Ajax File Manager

使用也相當簡單，有點類似JQuery的Aajx。

呵呵，這幾個已經足夠用了,相關下載都可以在其官方網站找到，而且還有使用示例，感興趣的朋友快去看看吧。

Joomla中文章內容轉成pdf亂碼的解決方法

Thu, 12 Mar 2009 03:43:44 +0000

不知大家在使用joomla的時候有沒有遇到一個問題，就是當將轉文章轉為pdf時就會出現亂碼,我估計這個問題在mambo中也存在。。我使用的是 joomla1.0.2 stable版，使用的utf-8編碼。查看了joomla的轉pdf代碼，問題就出在對中文字元的支援上。後來使用TCPDF就成功解決了這個問題，TCPDF是一個在php中生成pdf檔檔的一個解決方案，她是開源的。可以在http://sourceforge.net/projects /tcpdf/下載到,對utf-8編碼完美支援。

安裝也很簡單
1. 從SourceForge下載tcpdf;
2. 拷貝資料夾到你的網站伺服器;
3. 在config/tcpdf_config.php檔中配置你的路徑;
4. 執行test_unicode.php就能看到效果了.

然後將joomla的轉pdf文檔部份修改為交給tcpdf來處理，這時一切問題都解決了。
注:在我的測試中tcpdf所帶的字體不支援中文，需要自已製作字體來解決。過兩天貼個測試的上來給大家看看。

Php中三個等號(===)絕等比較

Wed, 25 Feb 2009 03:23:29 +0000

兩個等號==的比較時，php會自動將兩個比較變數轉為同一類型後再比較。
假設:$v=false
那麼$v===false是返回ture,$v=="false"也是返回true,但是$v==="false"就會返回false了。

如下面的代碼就用到了絕等比較:

$rv = mysql_query("UPDATE bvars SET bvalue=$vhex WHERE bname="$k" ",$dbh);
if(mysql_affected_rows($dbh)==0 || $rv===false)
{
mysql_query("INSERT INTO bvars VALUES($khex,$vhex)",$dbh);
}

java中偽造referer並發送post資料

Mon, 05 Jan 2009 07:46:21 +0000

這兩天在寫一個java發送郵件程式，但是當發送郵件時總是被外部stmp伺服器當成垃圾郵件處理掉。呵呵，還是改回用php發送,在java中使用quartz進行定時調用。下面的這段程式實現了向某一url發送post資料，當然你也能設為get方式。而且很容易就實現refere的偽造，所以在網頁中通過refere來判斷請求的真假是不可靠的，但是乎又沒有更好的方式來做。

此java代碼用到了quartz作為計時器。

java代碼:

package com.babiao.com.quartzad;

import java.io.InputStream;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLConnection;

import org.quartz.Job;
import org.quartz.JobExecutionContext;
import org.quartz.JobExecutionException;

/**
* @author keer
* @email keer.wei@gmail.com
* @description sending post data through java
* @date july 4,2007
* */
public class SendJob implements Job{
public void execute(JobExecutionContext context)
   throws JobExecutionException{
   String returnValue = postData();;
   System.out.println(returnValue);
   System.out.println("called!");
}

public String postData(){
   String result = null;
   String tmpResult = null;
   try{
     URL url = new URL("http://localhost/ad/2007-07-02/go.php");
         URLConnection connection = url.openConnection();
         InputStream is = null;
         connection.setDoOutput(true);
         connection.setRequestProperty("referer", "http://www.babiao.com/");
         HttpURLConnection hc = (HttpURLConnection)connection;
         hc.setRequestMethod("POST");
         int pos=0;
     int b = 0;
     byte buf[]=new byte[1024];
         OutputStreamWriter osw = new OutputStreamWriter(connection.getOutputStream(), "GBK");
         osw.write("action=go");
         osw.flush();
         osw.close();
         connection.setReadTimeout(1000*60*10);
         is = connection.getInputStream();
         while(true){
       try{
         b = is.read();
       }catch(Exception e){
         System.out.println(e.toString());
       }
       if(b==-1){
         break;
       }else{
         buf[pos++]=(byte)b;
         tmpResult = new String(buf,0,pos);
       }
     }
         result = tmpResult;
   }catch(Exception e){
     System.out.println(e.toString());
   }
   return result;
}
}

最簡單的兩行純CSS代碼實現1px細表格邊框

Thu, 18 Dec 2008 06:45:11 +0000

今天有同事問我怎樣用最簡單的方法實現1px的細邊框表格,呵呵，做細邊框表格的方法有好多種，不過我最一直用這種方法，因為它是最簡單的了。殺牛有的從尾巴開始，有的從耳朵開始，就看你的愛好的。希望這段代碼對有需要的哥們帶來説明。

看看代碼吧,這裡只貼CSS的,table部份就不貼了，稍微有點基礎的就應該知道table部份是個什麼樣子了。

#order_01 td{
border:solid 1px #000000;
}
#order_01 table{
border-collapse:collapse;
}

常見http頭狀態資訊意議以及在php使用header設置方法

Fri, 05 Dec 2008 02:23:49 +0000

一些在php中使用header函數設置http頭的示例方法,你可以使用這些網站進行線上檢查你的頭資訊:
web-sniffer.net,delorie.com,www.forret.com,下面是在php中設置的方式，在java中是通過response.setContentType,response.setHeader來完成的。

[code]

// ok
header('HTTP/1.1 200 OK');

//設置一個404頭:
header('HTTP/1.1 404 Not Found');

//設置位址被永久的重定向
header('HTTP/1.1 301 Moved Permanently');

//轉到一個新位址
header('Location: http://www.example.org/');

//文件延遲轉向:
header('Refresh: 10; url=http://www.example.org/');
print 'You will be redirected in 10 seconds';

//當然，也可以使用html語法實現
// header('Content-Transfer-Encoding: binary');
// load the file to send:
readfile('example.zip');

// 對當前文檔禁用緩存
header('Cache-Control: no-cache, no-store, max-age=0, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); // Date in the past
header('Pragma: no-cache');

//設置內容類別型:
header('Content-Type: text/html; charset=iso-8859-1');
header('Content-Type: text/html; charset=utf-8');
header('Content-Type: text/plain'); //純文字格式
header('Content-Type: image/jpeg'); //JPG圖片
header('Content-Type: application/zip'); // ZIP文件
header('Content-Type: application/pdf'); // PDF文件
header('Content-Type: audio/mpeg'); // 音訊檔
header('Content-Type: application/x-shockwave-flash'); //Flash動畫

//顯示登陸對話方塊
header('HTTP/1.1 401 Unauthorized');
header('WWW-Authenticate: Basic realm="Top Secret"');
print 'Text that will be displayed if the user hits cancel or ';
print 'enters wrong login data';
?>
[code]

在java中用JXL讀取Excel檔內容

Thu, 20 Nov 2008 07:18:15 +0000

在java中讀取Excel有很多種方法，在這裡我們使用JXL而非com解決方案,JXL是一個純java解決方案。關於JXL的更多資訊你可以在jxl.sourceforge.net這裡找到。

讀取整個Excel檔只需幾行代碼，就像讀取一個文字檔一樣簡單，下面來看看實現代碼:

[code]
/**
* @author keer
* @date june 8,2007
* @email keer.wei@gmail.com
* @blog http://www.webfans.org/
* */
public void readExel(){
   String fileName = "O://temp//jxl.xls";
   InputStream is = null;
   FileInputStream fn = null;
   int cs = 0;
   int rs = 0;
   try{
     fn = new FileInputStream(fileName);
     is = fn;
     Workbook rb = Workbook.getWorkbook(is);
     Sheet s = rb.getSheet(0);//此處唯讀取第一個sheet內容
     cs = s.getColumns();
     rs = s.getRows();
     for(int j=0;j<rs;j++){
       Cell[] c = s.getRow(j);
       for(int x=0;x<c.length;x++){
         System.out.print(c[x].getContents()+" ");
       }
       System.out.print(" ");
     }
     System.out.println("Columns:"+cs+" Rows:"+rs);
   }catch(Exception e){
     System.out.println(e.toString());
   }finally{
     try{
       fn.close();
       is.close();
     }catch(Exception e){
       System.out.println(e.toString());
     }
   }
}
[/code]
呵呵，是不是發現Excel內容全出來了呢？夠簡單吧。如果你有什麼問題可通過keer.wei@gmail.com與我取得聯繫。

漫波中Only variables can be passed ...錯誤解決方法

Thu, 20 Nov 2008 07:14:14 +0000

今天在漫波中碰到一個Only variables can be passed by reference on line 472, admin.content.php錯誤，好像這個問題只會在linux下產生,於是上網一搜就搜到了也有人遇到同樣的問題。解決方法很簡單，只需對 admin.content.php的內容進行一點改動即可，下面來看看需要改動的地方:

將

472 $lists['sectionid'] = mosHTML::selectList( $database->loadObjectList(), 'sectionid', 'class="inputbox" size="1" '. $javascript, 'value', 'text', intval( $row->sectionid) );
473 }

改為

472 $sections = $database->loadObjectList();
473 $lists['sectionid'] = mosHTML::selectList( $sections, 'sectionid', 'class="inputbox" size="1" '. $javascript, 'value', 'text', intval($row->sectionid) );
474 }

改為之後再試試還沒有問題。