網頁框架在線設計_網頁框架急求在線等

1、什麼叫網頁框架式結構，還有什麼叫鏈接欄！

1網頁框架:簡單的說就是已經存在的網頁格式比如我們現在看到的你這個百度知道的問題頁面你可以觀察下別人的問題頁面可以發現跟你的一樣都有:1 用戶登陸的那些信息:比如XXXXX試用期一級(85) | 我的提問 | 我的回答 | 我的消息(1/1) | 百度首頁 | 退出 (在右上角)
2百度知道搜索 3提問的問題 4以及別人的回答 5右側的相關問題等.這些是每個問題頁面都有的是一個框架模式說白了就是一個布局方案.

2鏈接欄: 就是一個列表式的東西（類似這個頁面里右側那些相關問題）裡面的每一項都是一個鏈接點擊這些連接可轉到相應界面
3表單技術：在網頁中建立表在表中進行設計操作。
4資料採集：設置一些文本框（或其它互動式組件）提問些讓別人回答的問題通過對文本框的處理來收集信息與用戶交流，就好比我回答你這個問題時用的（我來回答）這就是個表單在表單里設置了文本框供用戶寫問題答案還設置了按鈕供用戶提交答案我點擊提交後頁面就將我的回答上傳到伺服器資料庫里這樣就實現了資料採集

建議你下載Dreamweaver做網頁界面那裡面提供明確的表單選項等

2、網頁框架.急求.在線等

網頁製作三劍客經典實例158例 + PDG閱讀器 V1.0b3 綠色版
由著名的多媒體軟體公司Macromedia公司出品的、享有「網頁製作三劍客」美譽的系列軟體——中文版DreamWeaverMX、Firework MX和FlashMX，已經深刻地影響了人們製作網頁、開發問站的工作方式。作為一個可視化的網頁設計和網站管理工具，中文版DreamWeaverMX不僅支持最新的web技術，而且新增了許多強大的功能，極大地方便了用戶的web創作。中文版Firework MX結合了點陣圖處理軟體Photoshop和矢量圖處理軟體CorelDRAW二者的優點，具有專業的網頁圖像優化功能，且能DreamWeaverMX天衣無縫地結合使其迅速成為流行的網頁圖像處理工具。利用中文版Firework MX，用戶可以在一個專業化的環境中創建和編輯網頁圖形、進行動畫處理、添加高級交互功能以及優化圖像等。中文版FlashMX則是一款具有全新意義的網頁動畫製作軟體，它提供了廣泛的平台支持，不需要任何編程工作就能夠製作出非常精彩的動畫效果。中文版FlashMX具有簡
單易學、開發效率高等特點，同時它生成的文件較小，特別適合於網路傳輸，因此在互聯網上得到了十分廣泛的應用。
本書共分四篇，包括158個經典實例，其中：
第一篇：中文版DreamWeaverMX實例。本篇通過40個實例講解了中文版DreamWeaverMX的使用方法和技巧。讀者通過這一篇的學習，可以對DreamWeaverMX有一個由淺入深的了解，定會對這一網頁製作工具愛不釋手。
第二篇：中文版Firework MX實例。本篇通過53個實例講解了中文版Firework MX的使用方法和技巧。通過這些具體實例，能使廣大讀者迅速掌捏網頁對象的製作與處理方法。
第三篇：中文版FlashMX實例。本篇通過如個實例講解了中文版FlashMX的使用方法和技巧。讀者完全可以按照本書中的操作步進行各種影片文件的具體製作，也可以將書中實例的製作技巧應用到其他場合。
第四篇；三劍客綜合實例。本篇通過5個實例詳細講解了利用「網頁製作三劍客」建設網站的思路和方法。通過綜合實例的實戰演練，相信讀者的網頁製作水平將會有質的提高。
本書將豐富的實例與相關的知識點緊密結合、語言通俗易懂、圖文並茂，既可作為電腦網頁製作培訓班的教材，又可作為網頁設愛好者的參考用書。本書由崔亞量主編，由於編者水平有限，疏漏和不足之處在所難免，懇請廣大讀者和專家批評指正。
具體內容：
第一篇中文版DreamWeaverMX實例
經典第1例文本編排
經典第2例為文本創建超鏈接
經典第3例圖文混排
經典第4例製作分隔線
經典第5例插入和格式化表格
經典第6例在頁面中插入團片和動態按鈕
經典第7例為網頁插入背景音樂
經典第8例為圖片創建熱區
經典第9例製作導航條
經典第10例在貝面中使用框架
經典第11例在頁面中使用圖層
經典第12例製作和驗證客戶表單
經典第13例變換圖片效果
經典第14例使用時間軸製作圖層動面
經典第15 例在頁面中加入搜索引摯
經典第16例製作Flash按鈕和Flash文本
經典第17 例插入Flash動畫
經典第18例使用「行為」面板
經典第19例設置狀態欄文本
經典第20例製作下拉菜單
經典第21例製作下拉菜單(二)
經典第22例製作下撿菜單(三)
經典第23例製作下拉菜單(四)
經典第24例製作電子相冊
經典第25例 CSS樣式表(一)
經典第26例 CSS樣式表(二)
經典第27例 CSS樣式表(三)
經典第28例製作外部祥式表
經典第29例使用資源
經典第30例製作庫
經典第31例製作授權
經典第32例用模板
經典第33例利用文件頭實現網頁自動刷新
經典第34例使用JavaScript腳本製作樹狀菜單
經典第35例使用JavaScript腳本製作時間顯示
經典第36例使用JavaScript腳本製作自動問候
經典第37例使用JavaScript腳本製作圖片隨滑鼠移動
經典第38例使用JavaScript腳本製作頁面裁入效果
經典第39例站點的維護(一)
經典第40例站點的維護(二)
第二篇中文版Firework MX實例
經典第41例編輯文字
經典第42例文字環繞
經典第43例幼稚體
經典第44例水印字
經典第45例立體宇
經典第46例金屆字
經典第47例浮雕字
經典第48例風格化文字
經典第49例幻影文字
經典第50例變形文字
經典第51例樓空文字
經典第52例閃爍文字
經典第53例鑲邊文字
經典第54例陰影文字
經典第55例旋轉文字
經典第56例流動文字
經典第57例畫像
經典第58例心形圖案
經典第59例圖形文字
經典第60例月牙
經典第61例立體陰影小球
經典第62例白雲
經典第63例藝術相框
經典第64例郵票
經典第65例星光
經典第66例圖片卷邊效果
經典第67例簡單按鈕
經典第68例快速製作按鈕
經典第69例膠囊式按鈕
經典第70例星光技鈕
經典第71例花瓣按鈕
經典第72例按鈕的熱點鏈接
經典第73例利用按鈕編輯器製作按鈕
經典第74例文字移動
經典第75例文字曲線運動
經典第76例圖片循環放映
經典第77例文字淡入淡出
經典第78例逐字顯示動畫
經典第79例禮花綻放動畫
經典第80例電光掠影動畫
經典第81例分身動畫效果
經典第82例蒙版動畫
經典第83例探照燈掃射效果
經典第84例晃動的文字
經典第85例轉動的圓盤
經典第86例動態箭頭
經典第87例晃動的木牌
經典第88例替換圖
經典第89例自身翻轉圖
經典第90例簡單動態按鈕
經典第91例下拉菜單
經典第92例交互按鈕
經典第93例交互網頁
第三篇中文版FlashMX實例
經典第94例直線運動的小球
經典第95例彈性球
經典第96例爆炸效果
經典第97例電影序幕
經典第98例文字的平面環繞效果
經典第99例旋轉的風車
經典第100例殘影效果
經典第101例放大鏡效果
經典第102例雪花效果
經典第103例轉動的透明球
經典第104例雷達掃描效果
經典第105例洋蔥皮效果
經典第106例金魚游動
經典第107例大雨(一)
經典第108例大雨(二)
經典第109例文字的縮放
經典第110例文字的淡入淡出
經典第111例圖形問的變換
經典第112例打字機效果
經典第113例擦窗效果
經典第114例倒計時動畫
經典第115例探照燈效果
經典第116例燈光照射效果
經典第117例螺旋效果
經典第118例旋轉的三棱錐
經典第119例酷眩按鈕
經典第120例緣來是我
經典第121例移形換影
經典第122例漣筋
經典第123例拖民文字
經典策124例蝶舞
經典第125例來點音樂吧
經典第126例音樂按鈕
經典第127例中國足球
經典第128例交互性按鈕
經典第129例載入動畫
經典第130例滑鼠施放效果
經典第131例動態URL按鈕
經典第132例鏈盤控制小球移動
經典第133例彈出式菜單
經典第134例計數器
經典第135例一筆一劃
經典第136例爆炸按鈕
經典第137例輸入輸出文本
經典第138例下載進度條
經典第139例顯示系統的時間
經典第140例隨機運動的小球
經典第141例音量控制
經典第142例提交用戶名和密碼
經典第143常式序載入進度條
經典第144例狗抓老鼠
經典第145例遮罩效果
經典第146例文字效果
經典第147例自動跳開的檯球
經典第148例隨機數列
經典第149例獲取鍵盤信息
經典第150例查詢關鍵字
經典第151例奇鈔的曲線
經典第152例組合圖形
經典第153例阻尼跟隨效果
第四篇三劍客綜合實例
實例154「北京風光」網站製作(一)
實例155「北京風光」網站製作(二)
實例156「北京風光」網站製作(三
實例157「青青心情」網站製作(一)
實例157「青青心情」網站製作(二)

下載地址http://soft.zozoto.cn/content/59901
參考資料：http://soft.zozoto.cn

3、html網頁框架設計。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>四行，第三行三列</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
div{
border:10px solid #ccc;
height:250px;
text-align:center;
font-size:50px;
}
.f3 div{
width:31%;
float:left;
}
</style>
</head>
<body>
<div>1</div>
<div>2</div>

<div class="f3">
<div>31</div>
<div>32</div>
<div>33</div>
</div>

<div>4</div>
</body>
</html>

4、框架網頁無法在框架內顯示，在線等！非常急！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>

<frameset rows="*" cols="132,638">
<frame src="left.html" id="12" name="main" />
<frame src="live/main.html" id="rr" />
</frameset>
<body>
</body>
<noframes>
</noframes></html>

設置 target 是框架的名字，，，不是ID哦我給你加了個name

5、網頁框架製作模板的問題

■ 什麼是框架型網頁?
如果一個網頁的左邊導航菜單是固定的，而頁面中間的信息可以上下移動，這一般就可以認為是一個框架型網頁。此外，一些框架型站點的模板在其頁面上方放置了公司的LOGO或圖片。不過這一塊也是位置固定的。而頁面的其它部分則可以上下左右移動。有的框架型站點模板還會在其固定區域中放入鏈接或導航按鈕。

在一些關於搜索引擎優化方面的文章中，基本上都認為網站用框架來設計是極不可取的。這是由於大多數的搜索引擎都無法識別網頁中的框架，或者無法對框架中的內容進行遍歷或搜索。

■ 為什麼使用框架的網頁無法被正確索引?
我們將向大家解釋為何使用框架的網頁無法被使用網路蜘蛛(spiders)或網路爬蟲(crawlers) 的搜索引擎(如Google)正確索引的主要原因。在一個框架網頁的後台代碼中，我們一般能夠看到的是網頁的標題標記(Meta Title)、描述標記(Meta Description)、關鍵字標記(Meta Keywords)及其它原標記(Meta Tags)，同時你還會看到一個框架集標記(Frameset Tag)。框架中的內容在後台代碼中是無法被體現的，而對於那些主要搜索引擎的搜索程序來說，如Google的GoogleBot和Freshbot，其設計思路都是完全忽略某些HTML代碼，轉而直接鎖定網頁上的實際內容進行索引。這樣一來，網路蜘蛛在那些一般性的框架網頁上根本找不到要搜索的內容。這是由於那些具體內容都被放到我們稱之為「內部網頁」中去了。

使用「Noframes」標記進行優化
使用了框架型網頁並不意味著就完全無法對其網頁進行優化。實際上在HTML標記中，有一個叫做NOFRAME的標記，如果使用得當的話我們就可以有效地對頁面進行優化了，從而使得搜索引擎能夠正確索引你框架網頁上的內容信息。也有網站這樣使用NOFRAMES標記：他們在NOFRAMES標記里放上這么一段話：「本網頁使用了框架，但您的瀏覽器不支持框架。請下載新的瀏覽器觀看。」

讓我們看看那些專業的搜索引擎優化公司是怎麼做的吧。他們在使用了框架的網頁中，有效的提供含有豐富關鍵字和關鍵短語的重要文字和內容，從而有效幫助網站在SERP(搜索引擎搜索結果頁)中取得較高的排名(頁面等級)。

這樣優化的結果，其實就是讓主要搜索引擎不但讀取了你的網頁後台代碼中的標題和其它原標記，而且對那些不支持框架的瀏覽器所無法顯示的頁面內容信息，也進行了索引。如果你出於某種原因非要使用框架結構，那麼請緊記：在你的後台代碼中一定要正確的使用NOFRAMES標記，這一點非常重要。

很顯然，我們所說的這些優化措施，只有對那些網頁內容經過精心撰寫，並且在內容中充分使用了重要關鍵字和關鍵短語的網站才起作用。

綜上所述，不管是使用框架技術的網站還是非框架技術的網站，只要你採用的是恰當的技術和正確的技巧，都可以進行完美的優化從而取得理想的頁面等級。
什麼是框架

前面我們介紹了很多網站的頁面是用表格製作的，還有一種更方便的工具，就是使用框架。
框架的作用就是把瀏覽器窗口劃分為若干個區域，每個區域可以分別顯示不同的網頁。

<iframe></iframe>

將文檔分割為幾個框架後，Dreamweaver會自動產生一個沒名字的框架體文件，比如我們看到的一個簡單的左右框架頁面，實際上包含3個不同的文件，一個是框架體文件，還有兩個在框架中顯示內容的文件。

框架體文件中保存頁面中框架的數量，框架的尺寸、位置及每個框架的網頁源文件和其它可定義的屬性

6、做一個簡單框架集網頁

我學過dreamwaver。你需要先建個站點。然後打開軟體，在打開後，你需要自己打開個框架，一般的我們選擇3 個起名為TOP。left.mian,然後分別製作你的這些框架。選中某個字或者幾個字然後在找超鏈接的那個圖片或者製作好了的比如，你在top哪個框架里選中幾個字然後鏈接在製作好的left。當你點擊top上選中的超鏈接的幾個字時她們會在left上變動。

7、網頁製作中框架結構如何應用網頁內部播放器。。

網頁中在線聽歌是用流媒體技術搞的呀

8、利用div設計網頁框架結構代碼截圖

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>鏃犳爣棰樻枃妗?/title>

</head>

<body>

</div>

<div id="Visiting">First Time Visiting?</div>

<div id="loginbar_conter_left">Sign up for special sales letter and shop with Myeglobal.com

<label>

</label>

</div>

<label>

</label>

</div>

or know more about Myeglobal.com</div>

</div>

</form>

</div>

<div id="banner_right_btn"><a href="#">click here to dress yourself up</a></div>

</div>

<div id="main_title1_conter"><a href="#">BRIDAL FASHION</a><a name="1" id="1"></a></div>

<div id="main_title1_text">From classic A-line to modern mermaid style and ball gowns too, no matter you're glamorous or romantic, we sorted through 1000s of dress designs to pick the wedding dresses you're dreaming for.</div>

</div>

<ul>

<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1417970">Ball Gown Spaghetti Straps

Bridal Gown</a></p>

<span>Price:US$101.20</span></li>

<p> <a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1432184">Classic Sweatheart Neck Wedding Gown</a></p>

<span>Price: US$88.00</span><br />

</li>

<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1435490">Sweetheart Pricess Wedding Dresses</a></p>

<span>Price: US$83.60</span><br />

<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1435520">Custom Strapless Ruffles Wedding Gown</a></p>

<span>Price: US$88.00</span></li>

</ul>

<ul>

<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438611">New Princess Style Strapless Wedding Dress</a></p>

<span>Price:US $95.70</span><br />

</li>

<p> <a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438627">Strapless Custom Made Wedding Dress</a></p>

<span>Price: US$95.70</span></li>

<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1438739">Simple V Neck Ruffly Bridal Dresses</a></p>

<span>Price: US$91.85</span> </li>

<p><a href="http://www.myeglobal.com/Browse/proct/proctdetail.aspx?flag=1&pid=1440235">Elegant Empire Waistline Bridal Dress</a></p>

<span>Price: US$84.50</span></li>

</ul>

</div>

</div>

<div id="main_title2_conter"><a href="#">FORMAL EVENT</a><a name="2" id="2"></a></div>

<div id="main_title2_text">Got a sociality event invitation? Find your perfect formal gown from DressilyMe formal affair selection. It ranges from black tie affair to cocktail party, and hundreds of designs you're guaranteed to be attractive.</div>

<ul>

<p><a href="http://www.myeglobal.com/proctdetail-1427112-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Elegant Deep-V Raised Waistline Dress</a></p>

<span>Price: US$82.50</span></li>

<p> <a href="http://www.myeglobal.com/proctdetail-1427153-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Custom Stylish V Neck Floor Length Dress</a></p>

<span>Price: US$82.50</span> </li>

<p><a href="http://www.myeglobal.com/proctdetail-1429448-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Glamorous Black Basque Evening Dress</a></p>

<span>Price: US$83.60</span><br />

<p><a href="http://www.myeglobal.com/proctdetail-1431618-china-09Newest-fashion-sytel-Sexy-Beautiful-girls--Prom-Dress-Evening-Dress-top-qualit.html">Custom Sweethear Ruffly Cocktail Dress</a></p>

<span>Price: US$83.60</span><br />

</ul>

<ul>

<p><a href="http://www.myeglobal.com/proctdetail-1436892-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Strapless Knee Length A-line Cocktail Dress</a></p>

<span>Price: US$55.00</span><br />

</li>

<p> <a href="http://www.myeglobal.com/proctdetail-1437023-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Elegant Queen Anne Neckline Formal Gown</a></p>

<span>Price: US$71.50</span></li>

<p><a href="http://www.myeglobal.com/proctdetail-1437032-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Satin Halter Neck Mermaid Dresses</a></p>

<span>Price: US$71.50</span><br />

</li>

<p><a href="http://www.myeglobal.com/proctdetail-1437045-china-Brand-New-Custom-Made-Prom-Dress-Evening-Dress-with-top-quality-and-fashion-styl.html">Spaghetti Straps Evening Dress With Sashes</a></p>

<span>Price:US $71.50</span></li>

</ul>

</div>

</div>

<div id="main_title3_conter"><a href="#">GIRLS'PROM DRESSES</a><a name="3" id="3"></a></div>

<div id="main_title3_text">Ask any girl what is the most important aspect in their long plans for prom night and chances are that you will always hear prom dress. Now it is the time to go prom dress shopping simply online from DressilyMe prom collection.</div>

</div>

</body>

</html>

9、有關html網頁設計的框架問題（嵌入網頁）

10、誰能給我一個導航模板.HTM的."設計有3個窗口的框架集網頁",在線等!!!

<frameset rows="144,*" cols="985*" >
<frame src="top.html" name="topFrame" >

<frameset rows="*" cols="173,*" border="0">
<frame src="left.html" name="leftFrame" scrolling="No" >
<frame src="main.html" name="mainFrame" >
</frameset>
</frameset>
試試

導航:首頁 > 萬維百科 > 網頁框架在線設計

網頁框架在線設計

與網頁框架在線設計相關的知識