網頁設計學習的8大步驟

2008081015:05
蒐集:教學語法 2008/08/09 16:05

●網頁設計學習的8大步驟
Step (1)瞭解網頁組成元素的特性:
◎檔案大小的限制,是設計製作網頁時第一個要考量的重點(單獨一張圖片不可大於30K,一個頁面盡量不要大於60K)。
◎電腦螢幕瀏覽長寬解析度的限制,800X600或1024X768是最常被設定使用的大小,而螢幕最大解析度是72dpi。
◎網頁中的圖檔格式一般為GIF與JPEG,PNG尚有瀏覽器支援問題。
◎GIF與JPEG格式的特性與使用時機
Step(2)Photoshop&ImageReady基本操作與影像最佳化
Photoshop設計製作版型設計、按鈕製作、影像圖片處理,ImageReady圖片切割與影像最佳化,最後輸出成HTML格式。
Step(3)學習DreamWeaver開始編輯網頁
表格、FRAME、圖文編排、與ImageReady設計面的配合。
Step(4)藉助使用DreamWeaver過程,進一步瞭解HTML與簡單JavaScript、外掛工具extansion, 至少要做到能看的懂,知道在幹嘛就好,不一定要會重無到有的寫出來。
Step(5)學習網頁中其他多媒體元素
GIF、FLASH動畫、視訊影片、3D物件、遊戲....
Step(6)多看多收集網頁作品
網路資源免費,多看多收集網頁作品,去體會別人的視覺設計、編排方式與使用技術。記得看到好的作品一定要收集下來,無法抓到整個網頁HTML內容,至少要使用影像擷取軟體把畫面收集起來。
Step(7)再加強Photoshop設計能力
Photoshop是基礎設計工具,對軟體越熟悉,什麼東西都做的出來。
Step(8)想辦法多作
自己想主題作,甚至免錢的幫親朋好友做網頁,就是多作!

●FrontPage 2002 小秘訣(二)
使用資料庫介面精靈
FrontPage 2002 提供的資料庫介面精靈(Database Interface wizard)可以替你產生線上資料庫所需要的一切?#92;能,包含資料庫的建立,表單以及所需的各種頁面。一旦你為你的資料建立了一個網頁介面,你便可以讓特定的使用者透過瀏覽器來編輯或者刪除資料庫中的紀錄。除此以外,你也可以讓使用者在資料庫中新增記錄,檢視既有的資料,或者套用過濾條件來更快速地尋找所需的資料。
在「檔案(File)」?#92;能表裡面選擇「開新檔案(New)」,然後選擇建立新頁面或者新的網站。
在「工作(Task)」窗格裡面,選擇「網站樣版(Web Site Template)」。
選取「資料庫介面精靈(Database Interface Wizard)」。
選取「新增到目前網站」然後點選「確定」按鈕。接下來請依照精靈的指示一步一步完成資料庫與頁面的建立步驟。
提示:在完成資料庫介面精靈的所有步驟以後,你必須將網站出版到符合下列條件的伺服器上面才可以正確地透過瀏覽器瀏覽資料:

該伺服器必須支援 Active Server Pages (ASP)
該伺服器必須支援 ActiveX Data Objects (ADO)
該伺服器必須支援 Microsoft FrontPage 2000 Server Extensions(或者更新版本)或者 SharePoint Team Services。
使用智慧標籤更輕鬆地貼上新內容
智慧標籤(Smart Tags)會在每當你執行某種特殊工作(例如貼上文字或者圖片)的時候出現在畫面上。如果你點選這些智慧標籤,螢幕上便會出現一些選項讓你更方便地執行相關的其他?#92;能。 FrontPage 2002提供一種稱為「貼上選項(Paste Options)」的智慧標籤,每當你在 FrontPage 2002裡面貼上文字或者圖片的時候,「貼上選項」智慧標籤便會出現在旁邊,讓你能夠更快速且方便地編輯剛剛貼上的內容。
當你在使用 FrontPage 2002 所製作的網頁裡面貼上從其他應用程式剪下的內容的時候,你可以決定是否要保留原本文件的格式(保留來源格式),使用目前網頁的樣式設定來改變貼上內容的格式(使用目標樣式),或者將所有格式設定移除,僅貼上純文字內容(只保留文字)。
要使用貼上選項智慧標籤(Paste Options Smart Tag),請使用 FrontPage 2002 開啟一個新的或者既有的網頁,然後進行下列步驟:
在別的應用程式(例如一個 Word 文件,一個 Excel 試算表或者其他網站的頁面)裡面選取反白(Highlight)並且複製某段內容。
在 FrontPage 裡面,切換到頁面檢視(Page View),然後在「編輯」?#92;能表裡面選擇「貼上」,貼上選項智慧標籤的圖示便會立刻出現在你剛剛貼上的內容旁邊。
點選出現在畫面上的智慧標籤圖示,此時畫面上會出現一個下拉選單。
在下拉選單裡面選擇你想使用的選項,然後繼續編輯你的頁面內容。

●linux目錄說明
/bin 系統的一些重要執行檔
/boot 系統開機的一些載入檔  
/cdrom 光碟機裡的資料被掛上來的地方  
/dosc 開機時把dos檔案系統掛上來的地方  
/etc 系統設定檔  
/home 使用者的自家目錄所在、ftp server  
/lib 基本函數庫  
/Lost+found 系統檢查結果  
/mnt 可以掛上其它檔案系統  
/proc 整個系統運作資訊  
/root 系統管理者的自家目錄所在  
/sbin 一些設定的可執行程式、設定網路  
/tmp 雜七雜八的東西  
/usr 應用程式
/var 記載著各種系統上的變數的地方
/vmlinuz 系統核心檔案

●網路七層協定 OSI
實體層Physical Layer
實體層負責信號的傳遞,由於信號的本身是一種物理特性,經過量化以後用來代表資料,所以信號本身有其涵義,而信號的傳遞,實際上就是一連串資料位元的傳遞。
在數學上的信號是一個時間為定義域的函數,其大小隨著時間的改變而改變。若根據函數的連續性來區分,信號可以分別為類比信號和數位信號兩種。類比信號為連續函數,數位信號則為不連續函數,也就是離散函數。
傳輸媒體指的傳遞信號的介質,各種媒體都有其優點和適用時機。直接攜帶磁帶或磁碟來傳輸資料,雖然有其實用性,但卻缺乏即時的反應能力。雙絞線,同軸電纜,和光纖這一系列的實體線路雖然具備即時的處理能力,但佈線時卻又容易受地形的限制。至於無線傳輸則是以空氣作為傳輸的介質,雖然可以省掉佈線的困擾,但是卻容易受天候影響。通信衛星必須發射進入同步軌道,其涵?#92;範圍最廣,大約是地球表面的四分之一,地面上的站台則以天線來配合發送和接收等動作。
不同種類的信號其傳輸方式也不同,類比傳輸使用調變技術來將資料的意義融入信號中,數位傳輸則以編碼的方式來付予信號相當的意義。類比信號行經放大器的時候,除了將信號放大以外,也將挾雜其間的雜訊放大了,所以每次次放大都會累積一些雜訊,次數多了以後容易導致錯誤。數位傳輸則沒有這種困擾,有於數位信號的準位非常分明(不是0就是1),很容易區分,所以當數位信號行經接器的時候,不但可以將信號恢復到原來的準位,而且還可以過濾掉雜訊,所以數位傳輸的錯誤率總是些類比傳輸低。
多工技術是為了避免頻寬的浪費,當資料行經某些高速段落的時候,可以將多個低速的信號合併成一個高速信號來可以傳輸,之後再將這個高速信號還原成原來個別的低速信號。現在的多工技術有分時多工和頻多工兩種,分時多工是以輪流分配使用時段的方式來達到多工的目的,分類多工則是以劃分頻寬的方式來達到多工的目的。
交換的技術被用於電腦網路的線路轉接,最常用的交換技術有電路交換,分封交換,和信息交換三種。電路交換在傳送之前先建立一條專用的路徑,所有封包的傳遞都使用這條路徑。分封交換採用先儲存再轉送的方法,逐步將封包送往目的地,在傳送之前不預設任何路徑,所以各個封包所走的路徑未必相同。信息交換也是採用先儲存再轉送的方法,逐步將資料送到目的地。但因傳送的時候以整份訊息為單位,所以整份信息都行經同一路徑。

資料鏈結層 Data Link Layer
資料鏈結層的主要?#92;能在相鄰的主機之間建立一條既可靠又有效率的連線。因為實體層的?#92;能只是單純的信號傳遞,沒有任何資料框的概念。所以到了資料鏈結層以後,必需這些位元資料分段加框,形成資料單元,並配合流量和錯誤的管制措施,以確保傳輸的正確性。
除了人為因素外,雜訊的干擾是造成傳輸錯誤的主要原因。雜訊可分為四種,分別為熱雜訊、互相調變雜訊、串音雜訊和脈衝雜訊。
資料鏈結層有三種運作模式,分別為無需認可的非連接導向模式、需認可的非連接導向模式和連接導向模式。
由於實體層在資料的傳遞上並沒有框的概念,所以接收端所收到的資料並未必就是正確的,可能比原來的資料多、或少、或甚至收不到資料。資料加框的目的便是為了偵測出這些錯誤情況,並加以更正。錯誤的管制包括錯誤偵測和回覆兩個步驟,一般是先找出錯誤的所在,再加以更正。

網路層Network Layer
從發送端主機送出資料開始,網路層就開始引導這些資料穿越各個中間網路,最後到達接收端主機,所以網路層負責的是收、送兩端點主之間整條路徑的通信行為,主要?#92;能包括命名、定址、路徑選擇和擁塞管制。
命名的理由是為了應用上的方便,我們常會為網路上的各個主機取一個有意義的名字,以方便記憶,必要時還可以讓一個主機同時擁有幾個別名,以應付更複雜的應用環境。定址的?#92;能則是為了確定各個主機的正確位置,在實際傳輸時候,只知道收、送兩端主機的名稱是不夠的,一定要知道該主機的確切位址,才能正確資料的流向,通常主機名稱和位址之間是以對照表的方式來相互查詢。
路徑選擇是在各個資料封包的流向掌舵,負責引導資料封包穿越各個中間網路,最後到達目的。常用的路徑選擇法有洪流法,伸展樹路徑先折法,靜態路徑選擇法,貝爾曼福特法,焊階層是路徑選擇法。
擁塞管制主要是在疏通流量,並且引導封包避開擁塞的路徑,以避免資料迴堵,確保傳輸的效率。死結是擁塞的一個特例,通常是由於互動的雙方都在等候對方做出回應,才能繼續進行未完的工作,所以造成了死結。如何避免死結,也是網路層的工作之一。

傳輸層Transport Layer
當網路層把各個封包導引到接收端主以後,須要傳輸層來將各個封包重組回來的信息。所以傳輸層的通信行為與網路層類似,也是負責在收、送兩個端點主機之間傳輸資料,只是傳輸層的通信協定資料單元(TPDU)是整份訊息而不是分段處理以後的各個封包。
傳輸層的主要?#92;能有分段處理、重新編號、流量管制和多工處理。分段處理指將傳輸層的通信協定資料單元分割成網路層通信協定資料單元,也就將一份訊息分封成各個封包。重新編號指的是將屬於同一份訊息的各個封包重新加上依序列的編號,以便接收端能重組回來的信息。流量管制則是在協調收、送的速度,以避免發送速度太快,導致接收端來不及接收的問題。多工處理是指傳輸層連線的多工情形,當一網路層連線的速度夠快,且足提供多個傳輸層連線使用的時候,可以經由多工處理這些傳輸層連線導入一個網路層連線。
傳輸層的運作模式,可以為連接導向和非連接導向兩種運作模式。非連接導向傳輸的特徵是在傳送資料之前不需要建立連線。當傳輸層要通過網路層送出封包的時候,先由發送端的傳輸層提出傳送〞資料單元的要求(N-UNITDADT.request)〞,網路層便針對該項要求執行相關的服務,並將此一要求〞通知(指示) (N-UNITDATA.indication)〞接收端的傳輸層。接收端的傳輸層收到〞指示(N-UNITDATA.indication)〞以後,則依實際狀況做出相對的〞回應(N-UNITDATA.response)〞,再由網路層根據該回應執行相關的服務,並向發送端的傳輸層〞確認(N-UNITDATA.confirm)〞該〞要求〞的執行結果。
連接導向在傳送資料之前必須要建立連線。之後所有資料的傳輸都是經由這一條連線,完成所有資料的傳輸以後,再將連線釋放出來。其連線的建立是使用網路層的〞連線(N-CONNECT)〞服務來完成;之後的封包傳送是使用網路層的〞資料(N-DATA)〞服務來完成;當收、送的步調錯亂時,則以網路層的〞重置(N-RESET)〞服務來重置該連線,讓收、送步調重新取得同步;完成所有資料的傳輸以後,再以網路層的〞斷線(N-DISCONNECT)〞服務來釋出該連線。

交談層Session Layer
當傳輸層各個訊息導引到接收端主機以後,交談層繼續將各個訊息組合起來變端點主機之間的對話(Dialog)。所以交談層也是負責在收、送兩端主機之間傳輸資料,指示所使用的通信協定資料單元(PDU)更大而已,交談層的通信協定資料單元(SPDU)是一個對話的內容,其主要?#92;能有建立交談、交換資料、釋放交談、對話管理和錯誤回覆五種。
交談層的運作模式也和傳輸層一樣有非連接導向和連接導向之分。非連接導向交談直接使用〞資料(T-DATA)〞服務來交換資料,而連接導向交談則先使用〞連線(T-CONNECT)〞服務來建立交談,然後再以〞資料(T-DATA)〞服務來交換資料,最後則以〞釋放(T-RELEASE)〞服務或〞離線(T-ABORT)〞服務來釋放連線。
交談層釋放交談的方法有兩種,分別為唐突釋放和循序釋放,唐突釋放使用〞釋放(T-RELEASE)〞服務來釋放連線,而循序釋放則使用〞離線(T-ABORT)〞服務來釋放連線,唐突釋放會導致正在傳輸中的資料流失,循序釋放則不會。
交談層的對話管理是使用資料信物(Data Token)來管制發言的時機,並規定只有持有信物(Token)的一方可以發言(發送資料),另一方只能傾聽(接收資料),如果傳輸有錯誤,則將整個對話的內容重送。

表示層Presentation Layer
當交談層把各個對話導引到端點主機以後,表示層負責將各個對話的語法轉成應用程式所使用的語法(Syntax)。所以表示層也是負責收、送兩個端點主機之間傳輸資料,其通信協定資料單元(PPDU)也是一個對話的內容,但語法上已經轉成應用程式所使用的語法。
表示層的主要?#92;能有資料保密、資料壓縮和語法轉換三種,其運作模式也有非連接導向和連接導向之分。非連接導向的運作模式在傳送資料之前不需要建立交談,只是使的〞資料(S-DATA)服務,來完成資料的傳遞。連接導向交談模式在傳送資料之前要先建立連線,然後所有的對話都經由這個連線來進行,直到完成所有對話以後,再將連線釋放出來。
資料保密是為了網路的安全,其過程可分為加密和解密兩部分。當發送端送出資料的時候,為資料的安全起見,先將資料經過加密處理,變成保密資料來後再送出去,到達接收端以後,再經過解密處理可以得到原來傳送的資料。
加密和解密是一套成對的編碼和解碼規則,加密實際上就是一種編碼過程,而解密實際上也就是一種過程,編碼的反向?#92;能就是解碼。字母與編碼和更換位置編碼是兩種比較簡單的加密/解密方法。
資料壓縮是為了減少傳輸的資料量,壓縮的時候以不失真為原則,壓縮後的文字資料經過解壓縮以後要能完全的還原回來,而壓縮後的影像或語言資料,經過解壓縮以後其影像或語音的品質也要符合一定的品質。
不同的應用程式常使用不同的語法,為了要讓兩端的應用程式順利的通信雙方必須先就傳輸過程中所使用的語法取得共識,所以發送端在送出資料之前其表示層必須將資料從發送端的語法較換成傳輸過程語法,到達接收端以後,再由接收端的表示層轉換成接收端的語法。
針對語法的轉換,ISO有一套建議稱為〝抽象語法表示法-(Abstract Syntax Notation one,簡稱為ASN,1)〞。在實用上ASN.1可以好像一般的高階語言一樣,用來定義各式各樣的資料結構。

應用層Application Layer
應用層主要?#92;能是提供一些使用方便的通信協定,應用程式進入OSI的通信環境。
應用程式經由SASE進入應用層以後,繼續由CASE負責提供一些基本的傳輸服務給SASE使用。 CASE本身是由幾基本元素所主成,其中ACSE可以用來建立應用層連線,ROSE可以用來交換資料,而CCR則可以用來控制程式的執行。