Models of Web Community Design
Web 結構_網路社群結構設計

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立體空間之彈出網頁設計。


Web Community Structure 網群結構Web Community Structure 網群結構

網群結構有階層模式-即實體結構與虛擬結構相同;關聯模式-即實體結構與虛擬結構不同。

網路社群模式建構中文版網路社群模式建構中文版

Web Community is organized by 'Main Web' and 'Sub Webs', or by 'Portal Web' and 'Satellite webs'. The former usually refer that webs are established in a same host, while the latter may include webs in different hosts.

There are 2 models for web community structure: hierarchical model and relational model.

TxAdvanced Hierarchical Model 網群階層模式設計

Physically, all sub webs are the subdirectory of the main web. It is the reason the main web is used to be named as 'Root Web'.

The advantage of this model is easy to grant authorization by hierarchical levels.

It is proper for organizations require:

-Centralized management.

-High necessity of monitoring and control.

-High consistency of the style of presentation and its synchronic change.

Most of intranet in business are by this model.

TxAdvanced Relational Model 網群關聯模式設計

Physically, main web and sub webs are relational virtual directories. They do not have a upper or lower relationship to each other, though they may look like that. The webs only share some same "relations" such as virtual directories, redirections( scripts, or pages with meta tags). It is used to have a parallel physical structure, however, it could even be totally independently existing in different drives, hosts, even places.

The main web is a virtual portal under this model.

The advantage of this model is easy to develop loose collaboration by flexible missions.

It is proper for organizations designate:

-Decentralized management.

-Low requirement of monitoring and control.

-Encouraging pluralistic styles among the sub webs.

This model is fit for loose communities, free lancers, .experimental activities, and non profit organizations.

EXAMPLE: Main Web

EXAMPLE: Sub Web

Hybrid models 網群混合模式設計

Web Structure

 

TxAdvanced Visual Virtual Structure Design 虛擬結構設計

EXAMPLE: Virtual Web Community

Step 1: IIS

Define a Virtual Directory such as "VSite"

to a Physical Folder such as "PFolder" which could be any where.

Step 2: Expression Web/SharePoint Designer

Create a Sub Server Expression Web as "VSite" under the Virtual Root Web.

Result

You have a "VSite" under the Virtual Root Web that is different from the "PFolder" under any Physical Directory.

Physical Structure Design 實體結構設計

EXAMPLE: Common websites

Their physical structure is the same as the Path of their URL address.

Hybrid Design Effects 綜合效果

It is a good idea to prevent internet attacks.

For example, Code Red and its derivatives are used to be a very famous virus that will replace the homepage of targeted website. However, it is not able to do it, if the web community has a hybrid design.


什麼是標準網頁/標準位址?Canonical Page/ Canonical URL

什麼是標準網頁/標準位址?

When you have too many virtual addresses for single page, use "canonical URL" to improve the performance of SEO.

您可以在內容完全相同的虛擬網頁/清單網頁/或任何共用網頁中,指定其中一個網頁做為「標準網頁」。

<head>

<link rel="canonical" href="http://Server/Path/Canonical Page.htm" />

</head> 

其中的意義如下:

 <link>標籤

<link>是一個只能使用在 <head>內的標籤元素,表示和「頁外資源」的連結。

html5 的<link> 是變動較大的一個標籤,其中 rev (reverse relation) 屬性已經取消,與前版相容性要注意。

rel= 屬性

rel 屬性可以用在多個標籤,表示 relation 關聯的意義。

"canonical" 值

將本頁檔案名稱,指定為另一個「標準檔案」名稱。

link rel="canonical" Google "canonical"

注意:"canonical" 是 Google 結合業者創造的值,不是 html5 的制定值,但可與 html5 相容。

有的舊驗證伺服器,可能傳回「錯的「「錯誤訊息」,可不予理會。

href= 標準檔案名稱

在網頁的 <head> 部分加入 <link> 元素和 rel="canonical" 屬性與值,將該網頁指定為搜尋引擎使用的標準網頁。如此只會為其中一個版本建立索引並納入搜尋結果中,可提高這個網頁在搜尋結果中的順序」。

如何指定標準網址?

指定標準網址的方式有兩種:

rel="canonical"

在每個非標準 HTML 網頁中的 <head> 部分加入 rel="canonical" 連結,如上例。

rel="canonical" 是建議還是指令?

是建議,這個新選項可讓網站擁有者建議 Google 將哪一個版本的網頁視為標準網頁。Google 確定哪些網址集包含完全相同的內容的同時,會考量此建議和其他資訊,並計算出與這些網頁關聯性最高的網址,顯示在搜尋結果中。

進階:使用 HTTP 標頭:Link

以上限制以HTML為標準網頁。若要使用其他檔案類型,如pdf,要改用 Link rel="canonical" HTTP 標頭法,如下所示:

link:  <http://Server/Path/Canonical Page.pdf>; .rel="canonical"

請注意,必須能設定伺服器,才能使用這種方法。

標準網址是相對連結還是絕對連結?

可以搭配使用相對連結和絕對連結,但使用絕對連結,以減少可能的衝突或問題。 

HTTP Redirects <httpRedirect>

網址重新指向設計

http://www.iis.net/configreference/system.webserver/httpredirect

http://www.bruceclay.com/blog/2007/03/how-to-properly-implement-a-301-redirect/

http://www.seomoz.org/blog/what-every-seo-should-know-about-iis#chaining

Robots.txt Specifications

https://developers.google.com/webmasters/control-crawl-index/docs/robots_txt


Autonomy Authorization

Server

ID of USER group.

If you will use either intranet or LAN to maintain the site, the Autonomy folders have to be set as shared folders.

For intranet, the encoding of special symbols are different. Such as: the & is different from %26 for intranet address while it is the same for internet address.

Expression Web/SharePoint Designer

ID of ADVANCED PRODUCERS.

TxWarning Root and Web Server Extension

The Virtual Root could be any web at any place.

However, you want to install the web server extension to the Physical Root. Thus, the physical root should be a web instead of a folder.


Website  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
同類別內相關主題