史萊姆論壇

返回   史萊姆論壇 > 教學文件資料庫 > 網路軟硬體架設技術文件
忘記密碼?
註冊帳號 論壇說明 標記討論區已讀

歡迎您來到『史萊姆論壇』 ^___^

您目前正以訪客的身份瀏覽本論壇,訪客所擁有的權限將受到限制,您可以瀏覽本論壇大部份的版區與文章,但您將無法參與任何討論或是使用私人訊息與其他會員交流。若您希望擁有完整的使用權限,請註冊成為我們的一份子,註冊的程序十分簡單、快速,而且最重要的是--註冊是完全免費的!

請點擊這裡:『註冊成為我們的一份子!』

Google 提供的廣告


 
 
主題工具 顯示模式
舊 2007-07-03, 10:17 PM   #1
猜謎人
榮譽會員
 
猜謎人 的頭像
榮譽勳章
UID - 14438
在線等級: 級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時
註冊日期: 2002-12-19
住址: 虎爛宮解籤詩處
文章: 18702
現金: 10109 金幣
資產: 2886912 金幣
預設 網路 - HTML教學--框架

這一回我們要討論的是框架frameset!這個部分非常重要,因為之後我們要介紹一種免費的網頁製作軟體,他就是不支援框架!所以,到時候我們只好自己用HTML自己來做!
框架這種東西現在很多網頁都有使用,因為他可以分隔畫面,讓網頁內容可以加以分類!這是要怎麼做呢?先舉一個簡單的例子如下:
框架要寫在title和body之間,而他的架構是先用frameset包起來,但是,在frameset中,我們用cols(也就是columns欄位),我們分兩欄,左邊佔20﹪,右邊80﹪,這個是主要網頁!而左邊則需要另一個網頁,我們命名為left.htm,右邊則命名為right.htm,也就是說這個框架網頁是由三個網頁所構成!
我們這裡是由畫面百分比來分割,另一種則是用點數,例如:
cols=”200,*” 這表示左邊用200點(不管你銀幕的解析度)其餘是右邊!
如果你要劃分三等分,也可以這樣寫: cols=”1,1,1”
三個網頁原始碼如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/bb000.jpg

而畫面如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/bb001.jpg

當然,我也可以先分上下!上面佔20﹪,下面佔80﹪,那就用rows(也就是列),之後下面列再分左右,左邊40﹪,右邊60﹪,那麼這個框架就是由四個網頁所構成!原始碼如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/bb002.jpg

而畫面如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/bb003.jpg

以上框架網頁都有分格線,我們如果不喜歡這線,就設定此線為0!frameborder=0!而框線又會移動,我們讓他固定,則用noresize!另外,我們要把框線改成捲軸,那麼就多加scrolling,他可以是yes,no,auto,yes表示要有捲軸,no則不要捲軸,而auto則是自動產生,平時沒有,若是網頁夠長,那麼自動產生!原始碼如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/bb004.jpg

畫面如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/bb005.jpg

此帖於 2007-07-03 10:35 PM 被 猜謎人 編輯.
__________________
http://i171.photobucket.com/albums/u287/sad_jellyfish/net-pic/s_zpsf91b1q3t.jpghttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/banner.gifhttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/kkk_zps3punatke.gif
猜謎人 目前離線  
送花文章: 1110, 收花文章: 16299 篇, 收花: 83317 次
有 2 位會員向 猜謎人 送花:
anotherlevel (2007-07-04),bearipf (2007-07-03)
感謝您發表一篇好文章
 


主題工具
顯示模式

發表規則
不可以發文
不可以回覆主題
不可以上傳附加檔案
不可以編輯您的文章

論壇啟用 BB 語法
論壇啟用 表情符號
論壇啟用 [IMG] 語法
論壇禁用 HTML 語法
Trackbacks are 禁用
Pingbacks are 禁用
Refbacks are 禁用


所有時間均為台北時間。現在的時間是 11:15 AM


Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2018, Jelsoft Enterprises Ltd.


SEO by vBSEO 3.6.1