首頁 發表 :: 美術繪圖 | 美術設計 | 攝影 | 熱門標籤 美術討論 :: 美術工作 | 美術比賽 | 美術相關 | 一般討論 | 美術同好 CG 討論 :: Photoshop | Painter | 3D 圖聊 | 行動

【 立即註冊 】 : 更改個人資料 : : 登入
會員名稱: 登入密碼: 保持登入

Dreamweaver 框架的概念與製作

Dreamweaver 框架的概念

像下圖這樣一個頁,事實上是由三個獨立的網頁合併在一起而成的,在DreamWeaver中利用「Frame」的技巧與概念,也可以輕鬆做出有多個框架組成的網頁唷!

 

 

 

 

什麼情況下使用「框架」(Frame)式的網頁比較好?以上圖為例,最左邊的選單列和中間上方的LOGO,希望在每個頁面中都出現,但由於這兩頁都是「圖」比較多的頁面,若是放在同一頁,除了在撰寫網頁時必須將所有的網頁都貼上選單和LOGO十分費事以外,Client端使用者也必須每到一頁就重新讀取一次選單和logo十分耗費時間,若使用Frame將不同性質的網頁分開來,以上的問題就可以輕鬆解決。

 

在DreamWeaver終至做一個由很多網頁組合起來的框架式網頁並不難,方式也有很多種類,以下介紹將介紹一種最簡單的製作方式。

 

 

框架的製作

製作一個如下圖這樣一個網頁,首先必須製作最左邊的「menu.htm」頁,右上的「Logo.htm」和右下的「main.htm」三張網頁

 

「Menu.htm」:

 

「Logo.htm」:

 

「main.htm」:

 

在這裡附加說明的,網頁名稱必須是「英文」的,否則在讀取網頁時會造成錯誤連結,比方說「munu.htm」若是將檔名寫成「選單.htm」的話,就會出現錯誤。

 

 

 

「Ctrl + n」另開一頁新網頁,以「Ctrl + F2 」呼叫出「物件浮動視窗」,在浮動視窗上「common」字樣旁邊的小箭頭「 」點一下會出現一個選單,選取「Frames」後物件浮動視窗內的選項會變成「Frames」框格

 

 

 

 

依照您的需求,在浮動視窗上找尋適合的框架型態,點選之後網頁會變成框架頁(如下圖)

 

使用滑鼠將框架調成最適當的大小,接著,將滑鼠點到第一個框框內,點選「File」下的「Open in Frame」選取將要在此框格內顯示的網頁menu.htm。

 

 

則視窗會變成如下圖的情況:

 

其他的框格也依照這個方式:

 

接著選取「File」下的「Save All Fames」,將網頁存成「total.htm」(或是「index.htm」)就完成了。

 

使用IE或是NETSCAPE來開啟「total.htm」,便可以看到將三個網頁合而為一的效果了。

 

 

PR

RSS | 手冊 | 站長與插畫作品 | 舊PBBS 舊駐站/投稿 | Partners | 合作提案 | 回報本頁面