Website Physical Structure: Folders Design
網站實體結構:資料夾設計

Web 結構包括3層涵義:網群結構網站結構網頁結構

As a project leader, you want to moderate the interaction among websites in a web community and to develop a full-scaled structure that has a scope of whole picture than to design details.

note However, according to previous experience, many students would have difficulties to comprehend the complications.  If you do not have a full vision in your mind yet, you may go to 'Website Structure' in the first place then come back latter.

Web 結構包括3層涵義:網群結構網站結構網頁結構。網群結構為網站之間的連結,伺服器與後端資料庫的配置。網站結構包括虛擬結構-導覽設計,與實體結構-資料夾設計。網頁結構常用2欄或3欄式,平面設計與分欄方法過去包括邊框法、表格法、框架法,但當前以CSS法為優,必要時可搭配綜合法。頁面導覽,有從單導覽,往雙導覽、多導覽發展的趨勢。另有Pop-up Page立體空間之彈出網頁設計。


網站結構包括虛擬結構-導覽設計,實體結構-資料夾設計,與多導覽設計。

Navigation : Visual Virtual Structure 虛擬結構-導覽設計Navigation : Visual Virtual Structure 虛擬結構-導覽設計

Folders: Data Physical Structure

實體結構-資料夾設計

網站的實體結構就是路徑(path),由磁碟、資料夾、檔案所組成,其核心就是由資料夾的設計所呈現。

Folders structure is the real physical organization of your web.

Keep the root directory simple: only designating 2nd level pages and tool pages.

Put all other files into carefully designed hierarchical sub folders.

Create easy to remember file names for folders and files and without space. 'Files names' are not the same as 'Page titles'.

資料夾的命名 Naming system

資料夾屬於實體物件,建議所有實體物件,包括檔案等,都以「英文」命名。

Do not use language other than English to name your physical structure including folds and files.

You can use other language to name your virtual structure such page title names.

TxWarning If the character set is UTF-8, the Big-5 special characters, such as 〈〉, are no longer valid for folders' names. 

TxWarning Do not modify "system folders" that begin with "_" such as _borders. It will cause big trouble if you do since the system will fight against your modifications.

資料夾檢視 Folders view 

Web Structure

資料夾的類型

資料夾的類型可包括:根資料夾、工具夾、系統夾、資料分類夾、與作品單元夾,並應遵守新增網頁處理程序、與資料夾的整併。

根資料夾

除了第一層網頁、空白範本網頁、特殊用途網頁外,其他物件都應放在資料夾中。

空白範本網頁僅用來打字、貼圖,不需要、也不應該作結構化編輯。並包括2個:

!TxBlank.htm :用來寫作文章作品,具備必要視覺輔助物件。所有作者應一律使用此範本寫作,有利以後的作品整合。

!blank-0.htm:沒有視覺輔助物件的純空白範本網頁,但程式碼有設定。作為「共用網頁」等非主要文章使用。

範本網站中另外包括了1個總目錄的關聯頁、4個學習成果展示網頁:企畫管理、分工管理、進度管理、劇本,以及目錄範本。

工具夾

以 !開始的資料夾。通常有:

!Cache:放共用的圖形類檔案。

!Related:放共用的網頁類檔案。

!TxTemp:放共用、但可能變動的各種物件檔案。

系統夾

以 _開始的資料夾。

這是高階管理時再應用,平時不要變動。

資料分類夾

按多媒體檔案格式的資料分類夾,如:

\Images: 各種平面「美工繪圖 Graphic」與「影像照片 Imaging」檔案。

\Audio: 音樂與音效檔案。

\Movie: 視訊、微電影檔案。

作品單元夾

如果第一層主題下,還有多篇文章,自成1單元,則獨立建立作品單元夾,如範本網站中的:

\Unit_1

但應用時,應改為個人化名稱。

其下的範例文章網頁:

Article_1.htm

是由 !TxBlank.htm 另存新檔而來。

新增網頁處理程序

1. 由 !TxBlank.htm 另存新檔名,並存入作品單元夾。

2. 附加動態網頁範本

3. 設定預設閱覽順序

資料夾的整併

如果第一層主題的數目夠多,則4個學習成果展示網頁:企畫管理、分工管理、進度管理、劇本,可以合併為1個虛擬導覽「學習成果展示」,併合併到1個作品單元夾中,如:\Management。


Folders and assignment

以資料夾作為群體分工的單位

It is a good idea to assign your work by folders.

Each person or persons who in charge a specific unit will return their folder in which all pages, files, and media are included. It will be much easier to put each piece back together and integrate it as a seamless work by a single person.

It is feasible to design the content of the sub folders afterwards.


TxWarning Rename of folders

資料夾的重新命名

資料夾的重新命名必須以右鍵編輯為之,不宜使用「複製-另存新名」,以免造成超連結錯亂。

Use right click >rename to rename the folders.

Do not use Copy-Paste to rename folders that will loose the internal-external structure of the folders.

advanced Advantage to recover files

If you remove the "Web Information "(such as the navigation structure) by mistake, all "modified date" will be changed to the date of mistake by the File Explorer. You are not able to identify recent files by File Explorer. However, the "Folders View" will keep the original dates that is easier to recover specific files.


Website Structure-Virtual 網站結構-虛擬結構

Web Community Structure 網路社群結構設計

Web Page Structure: Plane Design 網頁結構/平面設計

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題