作者 主題: 網站重新規劃(檔案管理)討論  (閱讀 4213 次)

0 會員 與 1 訪客 正在閱讀本文。

slime

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
網站重新規劃(檔案管理)討論
« 於: 2006-08-17 15:11 »
最近接了一個網站重新規劃的案子, 考慮到未來擴充的彈性, 所以提出一些想法請大家指教:

目前運作情況是:
1. 文字資料(.txt)及圖片由該公司提供.
2. 目前只有英文版網頁.
3. 只有一個 CGI (填訂單後, 把訂單資料轉成 e-mail 寄送).
4. 網頁放在代管公司上; 該代管主機使用 Apache , 但不支援多語系(MultiView), 也不支援 .htaccess ; 代管主機只能用 ftp 更新; 有支援 php ; 流量不限, script 及 php 用量不限(cpu用量不限), 空間有限但可以控制(幾百MB).

該公司期望的情況:
1. 要增加中文版網頁.

我個人覺得:
1. 目前網頁將靜態網頁, 圖片, 產品型錄都放在同一個目錄下, 管理上不方便.
2. 網頁有些固定的抬頭(功能選單), 結尾(公司連絡方式)都相同, 目前修改時都要逐一修改.

所以目前考慮規劃的方向:
1. 將抬頭與結尾改用 script 呼叫, 這樣修改功能選單時, 只要修改 script 檔即可.
2. 將圖檔, 型錄(pdf格式), 中文網頁, 英文網頁, script, css 各自放一個目錄, 讓中文網頁與英文網頁共用圖檔, script , 產品型錄, css 等; 未來如果有其他語系, 只有網頁部份需要增加.
3. 參考了 phpBB 的樣板設計, 正在考慮是否連網頁都要共用, 只有語系檔獨立(可能使用 script 來指定字串).

想請有網頁設計的前輩看看, 這樣的方向有沒有該注意的地方, 或者有其他方面的建議.
冷笑話: 我的 IP 是 127.0.0.1

slime

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
Re: 網站重新規劃(檔案管理)討論
« 回覆 #1 於: 2006-08-28 01:34 »

xx股份有限公司
網頁改版建議書

一、現有網站架構
二、網頁擴充的可能性
三、建議更改架構
四、配合架構更動,建議進行的工作與相關分析

一、現有網站架構
目前的網站(抱歉不能公開),其中大部分的網頁為Dreamweaver軟體所產生,使用HTML語言、JavaScript、CSS、PHP等技術:
引用

HTML語言:靜態的網頁語言。
JavaScript:使用於動態變化,比如下拉選單的開啟與收回等動作。
CSS:風格設定,比如字形設定,顏色變化,配合HTML預設功能或JavaScript可以動態更換字形等。
PHP:程式語言,使用於訂單的資料轉送。


目前有xxx個HTML檔案,每個檔案內都有部份相同的JavaScript、下拉選單、抬頭、落腳等;另外有一個CSS檔,提供風格設定;以及一個PHP程式,提供訂單資料設定。另外有圖形與英文產品型錄(PDF格式)等。


目前網站內共有這些目錄:
引用

public_html/      網頁的主要目錄,包括HTML檔案、CSS檔、PHP程式
public_html/images/   存放圖形、背景圖
public_html/catalogs/   存放英文產品型錄


二、網頁擴充的可能性
由於網站預備提供多國語言,對於網站架構會產生兩個影響:

1. 各種語言的檔案,存放的位置要一致:
網頁內有許多連結,比如圖形、型錄等連結,有一致的架構較方便擴充。

2. 原本的風格設定未必適用多國語言:
由於原本的風格針對英文最佳化,在其他語言效果可能不如英文佳。

三、建議更改架構
依照多語化的需求,以及減少網頁內重複的指令,建議修改架構及網頁,建議三種架構如下:

1. 各語言以檔名區隔:
範例1
引用

public_html/index.html         英文主網頁
public_html/index_zh-tw.html      繁體中文主網頁
public_html/index_zh-cn.html      簡體中文主網頁

優點
架構簡單,與現行架構相近。
缺點
僅適合少量更新,大量更新時,維護不方便。

2. 共用部份目錄,各語言分別存放:
範例2A
引用

public_html/index.html         英文主網頁
public_html/zh-tw/index.html      繁體中文主網頁
public_html/catalogs/            英文型錄(或共用)

範例2B   (與範例2A差別為,英文是否有獨立目錄)
引用

public_html/en/index.html         英文主網頁
public_html/zh-tw/index.html      繁體中文主網頁
public_html/catalogs/en/            英文型錄(或共用)
public_html/catalogs/zh-tw/            繁體中文型錄

優點
共用部份檔案,可以節省網站空間,切換語言較容易。
缺點
各語言若有不同負責人時,共有的檔案(如圖片及型錄)管理須協調。

3. 各語言完全分開,而其中架構仍相同 :
範例3A
引用

public_html/index.html         英文主網頁
public_html/catalogs/            英文型錄
public_html/zh-tw/index.html      繁體中文主網頁
public_html/zh-tw/catalogs/         繁體中文型錄
public_html/zh-cn/index.html      簡體中文主網頁
public_html/zh-cn/catalogs/         簡體中文型錄

範例3B   (與範例3A差別為,英文是否有獨立目錄)
引用

public_html/en/index.html         英文主網頁
public_html/en/catalogs/            英文型錄
public_html/zh-tw/index.html      繁體中文主網頁
public_html/zh-tw/catalogs/         繁體中文型錄
public_html/zh-cn/index.html      簡體中文主網頁
public_html/zh-cn/catalogs/         簡體中文型錄

優點
各語言間採用同樣目錄架構,未來擴充及切換語言容易。
缺點
佔用空間較多。

四、配合架構更動,建議進行的工作與相關分析
由於支援多國語言的工作,對於未來網站更新及維護有許多影響,所以除了架構的選擇,建議進行部份工作來配合,以下列出修改的動作及分析:

1. 將網頁相同的內容,採用單一JavaScript檔案處理:
例如各檔案最上頭的抬頭(公司名稱)、工具列、落腳(連絡方式及版權宣告)都相同,若能採用單一JavaScript 檔案處理,將來更動這些資料時,只需要修改單一JavaScript,無須修改所有靜態網頁。


2. 將內容與風格分開:
目前的檔案內容與風格皆採用靜態資料處理,比如修改(抱歉不能公開)一次,需要逐一檢查檔案內容,目前的風格設定(採用CSS)已經普遍為各式瀏覽器所支援,若能將資料與風格分別設定,將來更動風格(比如字形、特定字串的顏色等)時,只需要修改CSS檔即可。

以上兩種功能已經經過測試,網頁為(抱歉不能公開),可以使用"檢視原始碼"讀取內容,附有說明。
冷笑話: 我的 IP 是 127.0.0.1

kiang

  • 活潑的大學生
  • ***
  • 文章數: 310
    • 檢視個人資料
    • 就這間電腦工作室
網站重新規劃(檔案管理)討論
« 回覆 #2 於: 2006-08-28 09:07 »
如果聯絡窗口對於技術沒有概念,那麼這個建議書會產生很多問題;試著用淺顯易懂的文字將自己覺得最好的結論描述在建議書裡面,如果有其他的疑問再去延伸。
****************************************************
Finjon Kiang / 江明宗
Just This Computer Studio / 就這間電腦工作室
Website: http://olc.tw
****************************************************