海陽網頁製作源碼

C. 哪有網頁的原代碼

一、安裝和界面

Instant Source是專為IE開發的插件，所以，安裝後你在開始菜單找不到啟動它的程序。它整合在IE中，如果在你的IE瀏覽器工具欄上沒有發現它的圖標，可以通過「查看→工具欄→自定義」添加。

點擊IE瀏覽器工具欄上的Instant Source圖標，如圖1所示，Instant Source會在IE窗口的下面露出它的真面目，Instant Source幾乎所有的功能，都要通過整合在IE中的這個窗口才能完成。
二、查看源代碼

Instant Source提供了多種源代碼的查看方式，它可以查看整個頁面的源代碼，也可以查看選定文本的源代碼，甚至還可以查看滑鼠所指網頁元素的源代碼。點擊工具欄上的「顯示」按鈕，如圖2所示，在菜單上選擇「滑鼠所指元素」，這樣,在IE中，滑鼠所指網頁元素的源代碼就實時地顯示在Instant Source窗口中了。
三、編輯源代碼

首先需要說明的是，Instant Source對網頁源代碼的編輯，只適合於本地的HTML網頁文件。

在IE中打開一個本地網頁文件，在圖2中選擇「整個頁面（原始）」，這時，你會發現，在Instant Source工具欄上的「應用」按鈕已變為可用狀態，現在，你就可以在Instant Source窗口中編輯該網頁的源代碼了。編輯完成後，點擊「應用」，Instant Source會自動保存該網頁並在IE中實時顯示。這一功能，對於那些習慣於使用源代碼編輯網頁的朋友，無疑是一大福音。

四、保存外部對象

在IE中打開「新浪網」首面，在Instant Source工具欄上點擊「對象」，打開「頁面對象」對話框，你看到了什麼？沒錯，「新浪網」首頁中鏈接到的所有外部對象，包括圖像、Flash電影、js腳本、樣式表以及鏈接到的其它網頁文件都一覽無余
選定一個對象，點擊對話框上的「查看」，可以在默認的瀏覽器中打開該對象；點擊「保存」，可以在本地保存該對象，當然了，點擊「保存全部」，可以保存所有對象；點擊「復制URL」，可以把選定對象的絕對地址復制到剪貼板。不是有很多朋友老問我，怎樣才能保存網頁上的Flash動畫嗎，今天把這個軟體介紹給你，希望再不要問我這樣的問題。

在Instant Source的窗口中，我們可以復制選定的源代碼，也可以點擊工具欄上的「查找」，在網頁源代碼中查找你需要的內容。總之，Instant Source是一款對網頁製作愛好者非常實用的工具，對於其它網民，你也可以利用它查找並保存網頁上的資源

呵呵

D. 求一段網頁源代碼，誰能幫幫我

最偷懶製作網頁的方法，到用www點guanlian8點com去下載《巨龍效果圖自動切片生成Div+Css工具》吧，
你的問題也能解決哦，智能地自動切片並生成標準的可兼容性的DIV+CSS只需要導入效果圖，拉框線就可
以，高級版本還能智動生成後台，帶資料庫。是網頁製作，網頁切片的最佳工具。

E. 求網頁製作的代碼，要有一個首頁，二個二次頁面，題材不限，謝謝大家，幫我一下

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者.
回答者：陳董事長 - 副總裁 十一級 3-30 10:23

怎樣製作網頁？先說說目前網頁製作流行的三類作法：
一、使用像Dreamweaver、Fontpage一樣的所見即所得的網頁編輯軟體。Fontpage較容易些，會操作Word就會使用它。專業人士一般用Dreamweaver來做網頁，用flash、firework等來美化網頁，有興趣的可以下載網頁三劍客Dreamweaver、flash、firework來試試。
二、使用記事本修改網頁Html代碼，不推薦使用Fontpage等網頁編輯軟體修改的原因是：很多網頁格式如果用網頁編輯軟體打開就會變形，所以直接使用記事本修改網頁Html代碼是最簡潔有效的方法。當然可以去下載強化的HTML工具更好，例如： UltraEdit。
三、其實很多現成網頁模版、網站系統已經做好了，而我們不必再次證明「牛頓定律」浪費我們的寶貴時間。就像php論壇程序現在別人做的挺好的（例如Discuz!，PHPwind），我們何苦再去編寫一個論壇程序呢？簡直是費力不討好，並且Bug特別多。當然學習資料庫編程開發的人例外。
怎麼做網站呢？首先我們需要了解一下網站的頁面組成，網站一般包括以下幾部分：
首頁：網站的門面，如同公司的形象，特別注重設計和規劃。
次頁：網站的主要導航結構頁面，講究風格的一致性，並於首頁呼應。
普通頁：網站主要的承載信息的頁面，設計要求不高，但要求鏈接准確、文字無誤、圖文並茂，並沿襲網頁的風格。
彈出頁：一般用於廣告、新聞、消息、到其他網站的鏈接等等，一般用的很少。
通過上面的分析，我們可以看出：
從功能上來看，首頁主要承擔著樹立企業形象（當然不僅僅是首頁）的作用，次頁在導航方面起著重要的作用，比如各欄目內部主要內容的介紹，都可以在次頁中體現再進入普通頁，讓瀏覽者能夠迅速了解網站各欄目的主要內容，擇其需要而瀏覽，而普通頁則是主要的信息頁面，也是網站的最終頁面，對於大型網站，這種結構非常重要，而對於中小型企業，網站規模較小、頁面數量不多，有時次頁就起著普通頁的作用，至於彈出頁，建議您不是必要，最好不要用。下面詳細介紹各頁面的設計技巧：
一、首頁設計技巧
網站首頁是企業網上的虛擬門面，在此，提醒上網的企業注意自己門面的設計，決不能敷衍了事、馬馬虎虎。我們會經常看到印刷精美的產品目錄或廣告，當您屢屢看到那些印有產品目錄或廣告的精美印刷製品的時候，相信您或多或少會對有關的產品形成一種好感，即使您不會購買，也必然對這些產品形成一定程度的認同。而對於設計毛糙的宣傳品，您肯定會懷疑其內容的真實性，從而對其產品或服務產生質疑。好，現在說說網站的設計，相信您會同意這種說法：網站的頁面就好比是「無紙的印刷品」。既然如此，我們會因此而得出一個結論：精良和專業網站的設計，如同製作精美的印刷品，會大大刺激消費者（訪問者）的購買慾望，反之，您公司所提供的產品或服務將不會給消費者（訪問者）留下較好的印象。值得一提的是，除非您的企業有專業的網站規劃、設計人員，否則您最好找專業公司或專業人員為您設計製作，一個優秀的專業設計人員會很快明白您的意圖，並根據您的建站目的提出建設性的意見。
一般來說，網站首頁的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術造型和設計布局，利用一系列與公司形象和產品、服務有關的圖像、文字信息，組成一幅生動的畫面，向瀏覽者展示一種形象、一個氛圍，從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力，能夠努力挖掘企業深層的內涵，展示企業文化。這種類型的首頁在設計過程中一定要明確要以設計為主導，通過色彩、布局給訪問者留下深刻的印象，當然，我們不能為了設計而設計，我們的目的是營銷，在設計過程中一定要牢記這一點！
另一種是信息羅列型，一般的大、中型企業網站和門戶網站常用的方式，即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等，這種風格比較適合網站信息量大，內容豐富的網站，因為是以展示信息為主，這是的設計就要在細微之處體現企業形象，建議設計人員最好仔細閱讀企業的CI手冊，熟悉企業標志、吉祥物、字體及用色標准，在網站的局部體現出來，往往平淡之中一個優美的符合企業特點的曲線就能夠給人以深刻的印象，從而將企業形象印在瀏覽者的腦海里。設計人員在設計過程中要注意使用這些語言符號來表達一種獨特的企業信息。
網頁設計時注意事項：
1.不要花里胡哨。
2.要有風格，要突出行業的特點。比如娛樂業熱烈活潑些，政府網站則要莊重些；收藏書畫業要古樸典雅，策劃時裝業則要前衛些。
3.一張網頁一般兩屏到三屏就可以了，不要太長，會影響你的網頁打開的速度。如果內容實在太多，應該分作幾個頁面，或者分為幾個二級欄目。
對初次建站的用戶來說，製作網頁是件頭疼的事情；對於由別人幫助建站的用戶來說，網站的後期更新維護可能更令人頭疼。缺乏專業人才及專業知識，讓大家對建站望而生畏。推薦您選購『自助建站專賣店』自助網站系統，由於不需要專業人員製作網站程序，且SOHO個人工作室不像公司那樣牽扯分享利益的人多而成本高，我們所提供的網站建設價格在市場上具有很強的競爭力。我們更懂得每一個網站的製作質量都是下一個網站的廣告。三大承諾，放心選擇：「免費試用滿意後再付款」「主機空間正式付款7天內無條件退款承諾」「100%網站及域名所有權」。為進一步免除您的後顧之憂，近期還計劃安裝支付寶等第三方網上支付手段，讓大家放心購買。用戶進入網站後台後，自己就可以在現有模板上對網站內容進行更新，不用再為如何製作網頁擔心，『自助建站專賣店』銷售數十種正版品牌建站軟體，享受自動升級服務和相關的技術服務(定製模版+內容更新)
。
視頻教程:手把手教你學Dreamweaver MX 200
參考資料：考資料： (摘選）

F. 怎麼用代碼製作一個網站

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新

G. 跪求，網頁製作成品，用HTML和CSS製作的，要有源代碼，只為交作業，十萬火急！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>新疆行知書</title>
<link href="20.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="banner"><img src="banner.jpg"></div>
<div id="globallink">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新疆簡介</a></li>
<li><a href="#">風土人情</a></li>
<li><a href="#">吃在新疆</a></li>
<li><a href="#">路線選擇</a></li>
<li><a href="#">自助行</a></li>
<li><a href="#">攝影攝像</a></li>
<li><a href="#">游記精選</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">雁過留聲</a></li>
</ul>
<br>
</div>
<div id="left">
<div id="weather">
<h3><span>天氣查詢</span></h3>
<ul>
<li>烏魯木齊雷陣雨 20℃-31℃</li>
<li>吐魯番多雲轉陰 20℃-28℃</li>
<li>喀什陣雨轉多雲 25℃-32℃</li>
<li>庫爾勒陣雨轉陰 21℃-28℃</li>
<li>克拉馬依雷陣雨 26℃-30℃</li>
</ul>
<br>
</div>
<div id="today">
<h3><span>今日推薦</span></h3>
<ul>
<li><a href="#"><img src="tuijian1.jpg"></a></li>
<li><a href="#">喀納斯河</a></li>
<li><a href="#"><img src="tuijian2.jpg"></a></li>
<li><a href="#">布爾津</a></li>
<li><a href="#"><img src="tuijian3.jpg"></a></li>
<li><a href="#">天山之路</a></li>
</ul>
<br>
</div>
</div>
<div id="middle">
<div id="ghost"><a href="#" title="魔鬼城探秘"><img src="ghost.jpg" border="0"></a></div>
<div id="beauty">
<h3><span>美景尋蹤</span></h3>
<ul>
<li><a href="#"><img src="beauty1.jpg"></a></li>
<li><a href="#"><img src="beauty2.jpg"></a></li>
<li><a href="#"><img src="beauty3.jpg"></a></li>
<li><a href="#"><img src="beauty4.jpg"></a></li>
</ul>
<br>
</div>
<div id="route">
<h3><span>線路精選</span></h3>
<ul>
<li><a href="#">吐魯番——庫爾勒——庫車——塔中——和田——喀什</a></li>
<li><a href="#">烏魯木齊——天池——克拉馬依——烏倫古湖——喀納斯</a></li>
<li><a href="#">烏魯木齊——奎屯——喬爾瑪——那拉提——巴音布魯克</a></li>
<li><a href="#">烏魯木齊——五彩城——將軍隔壁——吉木薩爾</a></li>
</ul>
<br>
</div>
</div>
<div id="right">
<div id="map">
<h3><span>新疆風光</span></h3>
<p><a href="#" title="點擊看大圖"><img src="map1.jpg"></a></p>
<p><a href="#" title="點擊看大圖"><img src="map2.jpg"></a></p>
</div>
<div id="food">
<h3><span>小吃推薦</span></h3>
<ul>
<li><a href="#">17號抓飯</a></li>
<li><a href="#">大盤雞</a></li>
<li><a href="#">五一夜市</a></li>
<li><a href="#">水果</a></li>
</ul>
<br>
</div>
<div id="life">
<h3><span>賓館酒店</span></h3>
<ul>
<li><a href="#">美麗華大飯店</a></li>
<li><a href="#">海德大飯店</a></li>
<li><a href="#">銀都大飯店</a></li>
<li><a href="#">鴻福大飯店</a></li>
<li><a href="#">友好大酒店</a></li>
<li><a href="#">棉麻賓館</a></li>
<li><a href="#">電信賓館</a></li>
</ul>
<br>
</div>
</div>
<div id="footer">
<p>艾薩克 &;版權所有 <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</body>
</html>
css為：
body{
background-color:#2286c6;
margin: 0px;
padding:0px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#container{
position:relative;
margin:0px auto 0px auto;
width:780px;
text-align:left;
}
div br{
display:none;
}
#globallink{
margin:0px; padding:0px;
}
#globallink ul{
list-style:none;
padding:0px; margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px;
background:url(button1.jpg) no-repeat;
margin:0px;
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}

#left{
float:left;
width:200px;
background-color:#FFFFFF;
margin:0px;
padding:0px 0px 5px 0px;
color:#d8ecff;
}
#left div{
background-color:#5ea6eb;
margin:0px 5px 0px 5px;
}
#weather{
background:url(weather.jpg) no-repeat -5px 0px;
margin:0px 5px 0px 5px;
background-color:#5ea6eb;
}
div#left #weather h3{
font-size:12px;
padding:24px 0px 0px 74px;
color:#FFFFFF;
background:none;
margin:0px;
}
div#weather ul{
margin:8px 5px 0px 5px;
padding:10px 0px 8px 5px;
list-style:none;
}
#weather ul li{
background:url(icon1.gif) no-repeat 0px 6px;
padding:1px 0px 0px 10px;
}
#left div h3{
font-size:12px;
padding:4px 0px 2px 15px;
color:#003973;
margin:0px 0px 5px 0px;
background:#bbddff url(icon2.gif) no-repeat 5px 7px;
}
#today{
padding:0px 0px 10px 0px;
}
#today ul{
list-style:none;
margin:-5px 0px 0px 0px;
padding:0px;
}
#today ul li{
text-align:center;
}
#today ul li img{
border:1px solid #FFFFFF;
margin:8px 0px 0px 0px;
}
#today ul li a:link, #today ul li a:visited{
color:#d8ecff;
text-decoration:none;
}
#today ul li a:hover{
color:#FFFF00;
text-decoration:underline;
}

#middle{
background-color:#FFFFFF;
margin:0px 0px 0px 2px;
padding:5px 0px 0px 0px;
width:400px; float:left;
}
#middle div{
margin-left:5px;
margin-right:5px;
position:relative;
}
#middle h3{
margin:0px; padding:0px;
height:41px;
}
#middle h3 span{
display:none; /* 文字去掉，換成圖片 */
}
#beauty{
margin:15px 0px 0px 0px;
padding:0px;
}
#beauty h3{
background:url(picture_h1.gif) no-repeat;
}
#beauty ul, #route ul{
list-style:none;
margin:8px 1px 0px 1px;
padding:0px;
}
#beauty ul li{
float:left;
width:97px;
text-align:center;
}
#beauty ul li img{
border:1px solid #4ab0ff;
}
#route{
clear:both; margin:0px;
padding:5px 0px 15px 0px;
}
#route h3{
background:url(route_h1.gif) no-repeat;
}
#route ul li{
padding:3px 0px 0px 30px;
background:url(icon1.gif) no-repeat 20px 7px;
}
#route ul li a:link, #route ul li a:visited{
color:#004e8a;
text-decoration:none;
}
#route ul li a:hover{
color:#000000;
text-decoration:underline;
}

#right{
float:left;
margin:0px 0px 1px 2px;
width:176px;
background-color:#FFFFFF;
color:#d8ecff;
}
#right div{
position:relative;
margin-left:5px;
margin-right:5px;
background-color:#5ea6eb;
}
#right div h3{
font-size:12px;
padding:4px 0px 2px 15px;
color:#003973;
margin:0px 0px 5px 0px;
background:#bbddff url(icon2.gif) no-repeat 5px 7px;
}
#map{
margin-top:5px;
}
#map p{
text-align:center;
margin:0px;
padding:2px 0px 5px 0px;
}
#map p img{
border:1px solid #FFFFFF;
}
#food{
padding-top:10px;
}
#food ul, #life ul{
list-style:none;
padding:0px 0px 10px 0px;
margin:10px 10px 0px 10px;
}
#food ul li, #life ul li{
background:url(icon1.gif) no-repeat 3px 9px;
padding:3px 0px 3px 12px;
border-bottom:1px dashed #EEEEEE;
}
#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{
color:#d8ecff;
text-decoration:none;
}
#food ul li a:hover, #life ul li a:hover{
color:#000000;
text-decoration:none;
}
#life{
padding-top:10px;
padding-bottom:5px;
margin-bottom:5px;
}

#footer{
background-color:#FFFFFF;
margin:1px 0px 0px 0px;
clear:both;
position:relative;
padding:1px 0px 1px 0px;
}
#footer p{
text-align:center;
padding:0px;
margin:4px 5px 4px 5px;
background-color:#5ea6eb;
}
#footer p a{
color:#FFFFFF;
text-decoration:none;
}

H. 如何製作網頁

網頁製做入門 (1)
網頁製做入門

我們天天與網頁打交道，那些或界面精美，或內容豐富，或構思獨特、風格各異的網頁，不知道吸引了多少人的眼球了，它們的運行方式，製做方法，你說你說一點都不好奇，一點都不想知道，那肯定是假的，嘿嘿，我也一樣，而且我的好奇心有時還不小～～～，可我的好奇心有是有了，因為網頁製做沒有真正當成吃飯的傢伙，所以，，，當初的熱度也只有三分鍾，在這里，把以前的一些經驗介紹給大家，強烈希望廣大高手介入，來個你說，我說，大家說，集眾人的智慧於此。因為大多數地方，是跟據我自己的做法，我自己的理解說的，難免有說錯的地方，也請大家指正了。

第一講 網頁基本常識

我們平時常見的網頁，基本可以分為兩類，靜態網頁(htm,html等)和動態網頁(asp、cgi、php等)。靜態網頁交互性不強，只是單純的傳輸信息給客戶瀏覽器，而動態的一般有很強的交互性，很多都在一定程度上結合了資料庫，能進行資料的搜索等功能，常用於論壇，留言本，網上訂單等。常用的網頁腳本語言VBScript 、 JScript ，也是一種編程語言。下面這幾點是在別的地方抄來的，就當看小說一樣看下吧，只需大概知道下就行了。

一、什麼是HTML？
網頁的學名稱作HTML文件，是一種可以在www網上傳輸，並被瀏覽器認識和翻譯成頁面顯示出來的文件。www是「world wide web"的縮寫；HTML的意思則是"Hypertext Markup Language",中文翻譯為「超文本標記語言」。「超文本」就是指頁面內可以包含圖片，聯接，甚至音樂，程序等非文字的元素。
網頁就是由HTML語言編寫出來的。
HTML語言只是一種排版語言，語法就類似於這樣："頁高8寬5，(1,2)處插入高1寬1的圖片A..."
HTML語言發展很快，已經歷經HTML1.0,HTML2.0和HTML3.0,html4.0多個版本，現在html5.0正在測試同時DHTML (動態)，VHTML(虛擬)，SHTML等也飛速發展。我們現在一般只要掌握HTML4.0就可以了。

二、什麼是動態 HTML(DHTML) ？
動態HTML是一組技術，是一種新的思想方法，它被設計用來創造和顯示更多的交互性網頁，包括動態樣式，動態內容，2D布局，數據捆梆和多媒體效果等等。
動態HTML (DHTML) 是一門令人興奮的新技術，它完全克服了傳統 HTML 的不足，極具發展前景。DHTML使用一個文件對象模型 (DOM) 來擴充 HTML 語言，使得 WEB 頁面的所有元素及其屬性都可以實時存取， 從而允許你使用腳本動態地修改頁面元素，而這些都不需要 WEB 伺服器的干預。使用 DHTML 完全能夠設計出復雜的，動態的，互動式的 WEB 頁面，使我們的WEB 頁面將因此而變得更為生動和精彩。DHTML目前正在發展中，尚沒有形成一個標准。Microsoft 和 Netscape 兩大公司對 DHTML 各有自己的看法，盡管兩大公司都使用了很多相同的技術術語，並引用相同的已發表和提議的標准集合，但在具體實現中，兩者不能統一。Netscape 是增加一些新的標記(主要是Layer, Ilayer等)，而 Microsoft 是對現有的標記增加一些新的屬性。由此引起的問題是在Internet Explorer上正常運行的動態網頁，在 Netscape 上可能會不正確運行；反之亦然。W3C 目前正在努力開發一種標准使它能與所有的平台和瀏覽器兼容。

三、什麼是HTTP？
Hypertext Transfer Protocol, WWW服務程序所用的協議。我們在用瀏覽器瀏覽網頁時，使用的就是這個協議，所以在地址欄中都要輸入http://……。

四、什麼是FTP？
FTP是File Transfer Protocol（文件傳輸協議）的縮寫。它是一種在UNIX類操作系統上使用的協議，現在已經被納入TCP/IP協議中，被廣泛的應用在Internet上。它的傳輸方式一般分為ASCII和BIN（二進制）兩種。我們在說到Internet上的FTP時，通常是指一些使用FTP協議的站點和FTP的傳輸方式。

五、上傳主頁有哪幾種方式？E-Mail方式維護主頁是什麼意思？
通常我們上傳主頁的方式是由提供主頁空間的ICP來決定了。一般的上傳方式有FTP、HTTP、和E-Mail三種。FTP是文件傳輸協議的英文縮寫，光看字面意思，我們就應該知道傳輸文件是它的拿手好戲。好戲。HTTP方式是利用瀏覽器與伺服器鏈接，向伺服器端發送文件。E-Mail方式是指在維護主頁的時候將要更新的內容用壓縮軟體壓縮打包，用E-Mail發給主頁空間所在網站的WebMaster。再由WebMaster將主頁內容解壓打開，完成更新工作。這三種上傳的方式中，FTP以它的快速和良好的交互性，得到了大家的公認和推崇，現在已經是最流行的上傳和下載方式了。而E-Mail上傳方式的優點是安全性極高，不易被黑客乘虛而入。但是由於交互性和靈活性太差，已經很少使用了。

六、什麼是CGI？
CGI 意思為 Common Gateway Interface，公共網關介面，一種基於瀏覽器的輸入、在Web伺服器上運行的程序方法。 CGI腳本 使你的瀏覽器與用戶能交互，為了在資料庫中尋找一個名詞, 提供你寫入的評論，或者從一個表單中選擇幾個條目並且能得到一個明確的回答. 如果你曾經遇到過在web上填表或進行搜索, 你就是用的CGI腳本。你那時也許沒有意識到，因為大部分工作是在伺服器上運行的，你看到的只是結果。作為一個網頁設計者，你創建客戶端的 CGI腳本，伺服器端的程序用來處理用戶輸入，結果返回給用戶。

七、什麼是ASP？
Microsoft Active Server Pages 即我們所稱的 ASP ，其實是一套微軟開發的伺服器端腳本環境， ASP 內含於 IIS 3.0 和 4.0 之中 , 通過 ASP 我們可以結合 HTML 網頁、 ASP 指令和 ActiveX 元件建立動態、交互且高效的 WEB 伺服器應用程序。有了 ASP 你就不必擔心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在伺服器端執行，包括所有嵌在普通 HTML 中的腳本程序。當程序執行完畢後，伺服器僅將執行的結果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨具的一些特點：
1. 使用 VBScript 、 JScript 等簡單易懂的腳本語言，結合 HTML 代碼，即可快速地完成網站的應用程序。
2. 無須 compile 編譯，容易編寫，可在伺服器端直接執行。
3. 使用普通的文本編輯器，如 Windows 的記事本，即可進行編輯設計。
4. 與瀏覽器無關 (Browser Independence), 用戶端只要使用可執行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設計的網頁內容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 伺服器端執行，用戶端的瀏覽器不需要能夠執行這些腳本語言。
5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設計外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。
6.Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。
7. 可使用伺服器端的腳本來產生客戶端的腳本。
8. 物件導向（ Object-oriented ）。
9.ActiveX Server Components(ActiveX 伺服器元件) 具有無限可擴充性。可以使用Visual Basic 、 java、Visual C++ 、COBOL等編程語言來編寫你所需要的 ActiveX Server Component 。

八、JavaScript是什麼？Java和JavaScript是一樣的嗎？
JavaScript是一種新的描述語言，此一語言可以被嵌入HTML的文件之中。透過JavaScript可以做到回應使用者的需求事件(如form的輸入)而不用任何的網路來回傳輸資料。所以當一位使用者輸入一項資料時，它不用經過傳給伺服器端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應用程序所處理，你也可以想像成有一個可執行程式在你的客端上執行一樣。javascript雖然效果不錯，但它在網路上的效果奇慢。
在JavaScript上，JavaScript和Java 很類似，但到底並不一樣。Java是一種比JavaScript更復雜許多的程序語言。而JavaScript則是相當容易了解的語言，JavaScript創作者可以不那麼注重程序技巧。所以許多Java的特性在JavaScript中並不支持。

九、常用的WEB圖像格式有哪些？
1、PNG（Portable Network Graphic）
PNG格式是WEB圖像中最通用的格式。它是一種無損壓縮格式，但是如果沒有插件支持，有的瀏覽器可能不支持這種格式。PNG格式最多可以支持32位顏色，但是不支持動畫圖。
2、GIF（Graphics Interchange Format）
GIF是Web上最常用的圖像格式，它可以用來存儲各種圖像文件。特別適用於存儲線條、圖標和電腦生成的圖像、卡通和其它有大色塊的圖像。GIF文件非常小，它形成的是一種壓縮的8點陣圖像文件，所以最多隻支持256種不同的顏色。Gif支持動態圖、透明圖和交織圖。
3、BMP（Windows Bitmap）
BMP格式使用的是索引色彩，它的圖像具有極其豐富的色彩，可以使用16M色彩渲染圖像。此格式一般用在多媒體演示和視頻輸出等情況下。
4、TIFF（Tag Inage File Format）
TIFF格式是對色彩通道圖像來說最有用的格式，支持24個通道，能存儲多於4個通道。TIFF格式的結果要比其它格式更大、更復雜，它非常適合於印刷和輸出。
5、JPEG（Joint Photographic Experts Group）
JPEG是Web上僅次於GIF的常用圖像格式。JPEG是一種壓縮得非常緊湊的格式，專門用於不含大色塊的圖像。JPEG的圖像有一定的失真度，但是在正常的損失下肉眼分辨不出JPEG和GIF圖像的差別。，而JPEG文件只有GIF文件的1/4大小。JPEG對圖標之類的含大色塊的圖像不很有效，不支持透明圖和動態圖。
6、TGA（Targa）
TGA格式與TIFF格式相同，都可以用來處理高質量的色彩通道圖形。
另外，PDD、PSD格式也是存儲包括通道的RGB圖像的最常見的文件格式。

十、域名
由於IP地址全是些的數字，為了便於用戶記憶，Internet上引進了域名服務系統DNS（Domain Name System）。當您鍵入某個域名的時候，這個信息首先到達提供此域名解析的伺服器上，再將此域名解析為相應網站的IP地址。完成這一任務的過程就稱為域名解析。
以機構區分的最高域名原來有7個：com（商業機構）、net（網路服務機構）、gov（政府機構）、mil（軍事機構）、org（非盈利性組織）、e（教育部門）、int（國際機構）。1997年又新增7個最高級標准域名：firm（企業和公司）、store（商業企業）、web（從事與WEB相關業務的實體）、arts（從事文化娛樂的實體）、REC（從事休閑娛樂業的實體）、info（從事信息服務業的實體）、nom（從事個人活動的個體、發布個人信息）。這些域名的注冊服務 由多家機構承擔， CNNIC也有幸成為注冊機構 之一； 按照ISO－3166標准制定的國家域名，一般 由各國的NIC(Network Information Center， 網路信息中心 )負責運行。
以地域區分的最高域名有：AQ（南極洲）、AR（阿根廷）、AT（奧地利）、AU（澳大利亞）、BE（比利時）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中國）、DE（德國）、DK（丹麥）、ES（西班牙）、FI（芬蘭）、FR（法國）、GR（希臘）、IE（、愛爾蘭）、IL（以色列）、IN（印度）、IS（冰島）、IT（義大利）、JP（日本）、KR（韓國）、MY（馬來西亞）、NL（荷蘭）、NO（挪威）、NZ（紐西蘭）、PT（葡萄牙）、RU（俄羅斯）、SE（瑞典）、SG（新加坡）、TH（泰國）、TW（中國台灣）、UK或GB（英國）、US（美國）（一般可省略）等。
從域名的結構上來看，域名可分為一級域名、二級域名、三級域名等。以電腦報網站為例www.cpcw.com是個一級域名，在一級域名的下一級bbs.cpcw.com就是一個二級域名，如果要在bbs.cpcw.com下面設立xxx.bbs.cpcw.com則是三級域名了。我們見到的免費域名通常是二級域名。

網頁製做入門 (2)
作者：

第二講 初識代碼

我的網頁之路是從洪恩網站里的DW教程開始的，從零到現在這個半調子水平。那裡的很多教程都是從最基礎的開始，很合適廣大初學者，所以建議大家也從那裡開始了。洪恩網站的學習網址：http://www.hongen.com/pc/homepage/index.htm

在這里，基本上不講軟體的具體使用，只講總結性的東西，要注意的技巧吧，在最後，也會寫一兩個用DW做的簡單特效實例。

隨便打開一個網頁，點擊查看，再點源代碼，一般都可以看到這個網頁的代碼，做網頁說白了，也就是把文字、圖象等多媒體效果有機的結合在一起，DW和FP等只是書寫代碼的利器，只要你知道代碼，用記事本也一樣能做出精美的網頁（真正的高手據說就是用記事本做網頁），但對我們初學者來說，沒有必要去記代碼，只需知道利用DW或FP，能實現哪些操作，就象用WORD一樣，畫一條線就有一條線，畫一個表格就有一個表格，在軟體的演示窗口裡，有著同WORD一樣所見即所得的最後效果察看。因此，可以說，做網頁入門很簡單！可後面還有半句話：做好網頁不簡單！因為，一個好的網頁，不單單是代碼書寫，更重要的是美工設計，內容的充實。雖然很多代碼不需要一一手工書寫，可有些代碼的基本組織結構了解一些，還是對做網頁大有幫助的。我們可以這樣學習、研究代碼：在用DW或FP中做了某一個操作，把效果與上面的代碼窗口比較一下，就可以知道什麼代碼是實現什麼效果的，還可以通過查看別人的網頁的源代碼分析學習。想學ASP網頁的朋友們，有些基本代碼是非記不可的。

現在很多做網頁的人，都是用借雞生蛋的辦法做的網頁，做法是從網上下載現成的網頁模板，對模板稍加更改，替換下內容成了。當然，這也是新手們做網頁速成的一種好辦法。模板在很多有提供空間的網站都有下載。很多以前收錄的網址，現在打開都沒有用了，在這里，能提供給大家的，只有這些了。
1.源代碼下載：要下載ASP源代碼的可以到「中國站長站」去，網址：http://www.chinaz.com/download/，這是個比較權威的源代碼下載點，在這里下到動網源碼，說不定可以下到動網7.0 for SQL Server版本（excelhome的論壇就是用這個版本）。
2.網頁圖片及音樂等素材：http://www.dabaoku.com/sucai/shejilei/bj/
3.網頁特效代碼：推建一個小工具：「水晶情緣網頁特效專家」，有1M，本來想發上來，太大了，算了，要的話，留下郵箱，我發過去。如，下雪的效果，滑鼠滑動效果等，這里都有。

下面我把一些常用的寫下來，以供大家參考：

DREAMWEAVER常用標記：（都是以前記的一些筆記了）
標記一般成對出現，一個表示特定代碼部分的開始，另一個表示特定代碼部分的結束(表示結束的前面帶"/"符號)，但也不是絕對的，比如，<br>標記。基本的HTML標記：html、head和body必不可少。

1. <head>和</head>標記中僅包含網頁標題(如<title>我的網頁</title>)和程序腳本。

2. <body></body>標記中包含網頁的全部內容。是網頁的主體部分。

3. <center>和</center>：是中間內容居中標記；

4. <h2>和</h2>：從h1~h6，將文本標注為標題，通常要比正文粗大，h1最大；

5. <p>和</p>：段落標記，在行與行之間添加額外的空白行；

6. <br>：強行換行標記，插入單行，不需要封閉標記

7. 圖象標記：<img src="aaa\\bbb.gif" width="500" height="198" align="center">

align水平對齊(left、right或center)，valign垂直對齊(top，bottom或middle)，border邊框寬度

alt="滑鼠放在圖片上時出現的提示文字"

8. <p><font size="3"><b>本行字元將以粗體顯示</b></font></p>

9. <p><font size="3"><i>本行字元將以斜體顯示</i></font></p> (<i>等效於<em>)

10.<p><font size="3" face="宋體" color="#RRGGBB">本行字元將宋體顯示</font></p>

11. <a href="test.htm">點擊此處文字打開鏈接的網頁</a> ：該處文字有下劃線標示

12. <HR>顯示一長灰色細線，分割網頁為上下兩部分。可以只用單邊。完整的如下：

<HR align=center width="100%" SIZE=1>顯示一灰色矩形，SIZE為1時，寬為1(很細，可看作一直線)

13.<LI>在文字前出現一個圓點的項目符號</LI>，可單個使用，也可結合<br>使用

14.<OL type=2 start=1><li>標記</li><li>區段</li></ol>：控制項目序號及顯示方式，如1,2,3

15.<UL>使該段文字首行和下面都縮進約兩個字元</UL>

16.<BLOCKQUOTE>使該段文字整體都縮進約兩個字元，可以多重使用<BLOCKQUOTE>

17.<SUP>這是上標字</SUP>，<SUB>這是下標字</SUB>，<U>這是加下劃線字</U>

18.<TT>這是Windows的等寬字</TT>

19.<FONT SIZE=+1>字體放大一級</FONT>

20.<DL><DT>語言<DD>基礎要素</DL>:「語言」顯示為列表標題，「基礎要素」顯示為列表內容，自動縮進。

21.<DIV Align="Right">這是右對齊的段落一<P>這是右對齊的段落二<P></DIV>默認為左對齊方式。

表格及其標志：Align:水平，Valign:垂直。Align或Valign寫在<TR >中時表該行的幾個列都用同一方式。

22<BLINK>閃爍</BLINK>:標記中的文字實現閃爍效果，但並不適用於所有的瀏覽器。

23.<TABLE BORDER=1> <TR><TD>第一列第一欄</TD><TD>第一列第二欄</TD></TR>

<TR BgColor="yellow"><TD >第二列的第一欄</TD><TD>第二列的第二欄</TD></TR>

<TR><TD Align="Left" Valign="Center">水平:左對齊<br>垂直:居中</TD></TR></TABLE>

BgColor可寫在<TABLE>、<TR>、<TD>中，分別為整個表格、整行、單一單元格的背景顏色設置。

以上是我以前筆記中收錄的一些常用的標記，今天看到lfspecter大蝦也發了一些關於網頁的帖子，可以兩邊對照著看，側重點各有不同，也許更有利於初學者的理解，鏈接如下：http://club.excelhome.net/dispbbs.asp?boardID=100&;ID=78021&page=1

技巧篇：
1. 在<BODY>標簽中可以規定整個文檔的一些基本屬性：
"bgcolor":指定html文檔的背景色。
"text":指定html文檔中文字的顏色。
"link":指定html文檔中待連接超鏈接對象的顏色。
"alink":指定html文檔中連接中超鏈接對象顏色。
"vlink":指定html文檔中以連接超鏈接對象顏色。
"background":指定html文檔的背景文件。 有兩種方式表示顏色對象： <body bgcolor="green">或<body bgcolor="#00FF00">。文檔主體部分可用顏色列表：black 黑色 Red 紅色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 銀白色 Navy 海軍藍 Olive 橄欖綠 Purple 紫色 Yellow 黃色Aqua 淺綠色 Blue 藍色 Green 綠色 Fuchsia 紫紅色 White 白色 Teal 暗藍綠

2. 瀏覽器的狀態列提示文字控制
(1).滑鼠經過:<a href="tpage.htm" onMouseOver="window.status=\'相關提示\'; return true">頁面上滑鼠經過的文字<a>
(2).改變狀態欄提示文字：打開"Behaviors"行為編輯窗，單擊"＋"按鈕，選擇"Set Text Set"下的"Text Of Status Bar"選項，然後在方框中輸入自己的文字，例如"歡迎來到我的主頁"等，單擊"確定"即可。

3.鏈接控制：
a. 返回前頁：使用OnClick="history.go(-1)"
返回主頁：使用OnClick=\'top.location.href="../index.html"\'
b. 鏈接提示:在鏈接語句中增加,如：去哪兒？ (在點擊鏈接前注意看狀態行顯示的變化)
OnMouseOver="window.status=\'這里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true"
c. 鏈接的不同方式:
在幀里顯示：在鏈接處加target="main"語句，其中main為幀名
整頁顯示：在鏈接處加target="_top"語句
開新窗口：在鏈接處加target="resource window"語句，如<A HREF="index.htm" TARGET="resource window"></A>
d. 強制主頁每次都不進行緩存，而從伺服器上重讀
在Head部分加<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
e. 自動刷新
定時刷新：<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
幻燈片效果：語句類似上面，但在頁面1中URL指向頁面2，而頁面2指向頁面3 ... 頁面n指回頁面1，即可實現循環顯示頁面的效果。
f. 在某一個時間內自動鏈接到其他主頁，這只需在〈title〉######〈/title〉之後加入下面這一行即可：
〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉（"20"代表二十秒後連到另一個主頁）
h. 在打開指定網頁的同時打開另一指定網頁\'next.htm，只需在指定網頁的body中加入指令onload：
<html><body onload="parent.banner.location.href=\'next.htm\'">指定打開的一個網頁內容</body>

4. 設置"添加到收藏夾"鏈接：
選中"添加到收藏夾"文字，在屬性面板中的鏈接（Link）中輸入："javascript :window.external.AddFavorite (\'http://www.excelhome.net\',\'學習之家\')"。點擊此鏈接時會彈出對話框，可以將你的主頁地址加到收藏夾中。

5.文字移動動態效果：
1) 文字從右移到左邊：<marquee><b>大家好</b>歡迎您經常光臨！</marquee>
2) 讓文字在固定的區域內出現從下到上的滾動效果：
例1:<table height=542 cellspacing=0 cellpadding=0 width=800 border=0>
<tr><td valign=center align=middle width=316 height=405>
<marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403><center>謹以此網站送給xxx
<font color=#ff0000></font></center><br>此處為長篇大論!</marquee></td></tr></table>
例2:<body><div align="center"><p><marquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100
hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1>
<font color="#FF0000" size="5" face="方正大黑簡體">望 岳</font><br> <br>
<font color="#FF0000">岱宗夫如何，齊魯青未了。<br>造化鍾神秀，陰陽割昏曉。<br>湯胸生層雲，決眥入歸鳥，<br>會當凌絕頂，一覽眾山小。<br></font></marquee></p></div></body></html>
3) 在指定寬度內移來移去的文字代碼：<TD height=20><P align=center><MARQUEE scrollDelay=120 direction=right
behavior=alternate width=150 height=12>產品導航</MARQUEE></P></TD>

6.E-mail鏈接：
選中字或圖片，在屬性中設置Alt為"給我來信"，鏈接為"mailt [email protected]"，在瀏覽器中單擊此圖，就會啟動發送郵件窗口。在鏈接地址前加"#"符號，可以在網頁中不打開實際鏈接。

7.動畫背景為透明：
選中Flash(gif)，在源代碼</object></p>前加入代碼：<param name="wmode" value="transparent">。或文件屬性欄里 "參數"輸入wmode,value="transparent"。

8.浮動背景圖象(主頁內容向下滾動而背景圖象不動的效果)：
(1).<body backgroud="image.jpg" bgproperties="fixed">
(2).在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中選擇Body，然後在Background中的Attachment里選fixed

9.滾動條換顏色：
默認的網頁滾動條是灰色，在網頁代碼<head></head>里插入一對<style></style>標簽，標簽里寫入下面的代碼：
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動條強陰影的顏色)
後面的16位顏色值你可以隨意更改，括弧內是解釋說明，在輸入時請不要插入。

10.背景音樂:
body中加入以下任一個代碼（建議為midi格式的）：
顯示操作面板：在相應地方加:
<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不顯示操作面板：在頁中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
<bgsound src=音樂路徑 loop=次數>－1為無數次
<embed src=音樂路徑 width=0 height=0>

11.在Dreamweaver中輕松設置行間距：
用層疊樣式表（CSS）來實現，在Dreamweaver中編輯層疊樣式表不用編寫代碼，具體操作方法如下：
（1）在快速啟動欄中點擊層疊樣式表按鈕（"show css styles"按鈕），在彈出的CSS Styles面板上雙擊（none）；
（2）此時，可看到彈出的Edit Style Sheet 面板，在該面板上按New按鈕；
（3）再在彈出的New Style 面板上點取Redefine HTML Tag（重新定義HTML標記），再在Tag中選擇"body"標記後按OK按鈕；
（4）這時可看到彈出的Style dehinition for body 的對話框，在此對話框中可以設置"body"標記的許多屬性，可以按你的意願設置，但我們這里主要是要設置行距，所以在line屬性輸入框中填上行距的像素點數，現在流行的九號字，行距一般用12，按OK按鈕返回到Edit Style Sheet 面板，此時已把"body"的行距設置好了；
（5）由於"body"中定義的行距對表格不起作用，所以再在Edit Style Sheet 面板上再按New按鈕；
（6）再在彈出的New Style

I. 製作網頁的所有代碼和代碼意思

這個最全 http://ke..com/view/692.htm [編輯本段]HTML規范 一、 HTML 頭： 1、針對日文環境： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 2、針對中文環境： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 我們建議的編碼格式是utf-8，它支持多語種，並且可以避免出現亂碼的情況。 二、html中javascript的書寫： <head>….. <script type="text/javascript"> <!—…..--> </script> </head> 當然我們不希望你是這樣內嵌教本，而是從一個外部文件進行引用，並且只把它放在文檔的頭部。 <script src="path/to/script.js" language="javascript" type="text/javascript"></script> 三、html中元素的書寫： 1、 元素屬性值必須包含在雙引號中； <font color=」#000000」 size=」3」 face=」Arial」> 2、 form 中必須加action屬性，並且不能為空。 <form action=」/r/add.cgi」 method=」post」> 如果不需要使用action屬性，也必須定義： <form action=」no」 > 3、 img的alt屬性不可以缺少； <img src="/q/img/btn_style.gif" border="0" alt="Select」> 4、 head與</head>之間必須有title； <head> …… <title>your title </title> …… </head> 5、 tr、td必須定義在table之間； 6、 button按鈕必須定義在form之間，否則netscape不支持； <form action=」……」 method=」post」> <input type=」button」 name=」but」 value=」back」> </form> 7、 在javascript中的字元串中出現的「/」前要用轉義符「\」： <script type=」text/javascript」> <!— function check(str) { var str=」\/r\/add.cgi」; …… } --> </script> 8、 onclick 屬性必須和 onkeypress 成對寫( onmousedown + onkeydown、onmouseup + onkeyup) mm 9、 用URL傳值時直接寫&是不可以的，可用&替換： 四、縮近規則： 中,等必須保持嚴格的縮近規則，以"Tab"鍵為准： 五、為了檢驗您的HTML代碼是否合法，您可以到W3的HTML Validator工具中進行檢驗，支持URI輸入，上傳文件和直接輸入代碼三種方式進行檢驗 http://validator.w3.org/ [編輯本段]HTML元素參考手冊 （HTML Elements Referencea） 表示超鏈接的起始或目的位置。 acronym 表示取首字母的縮寫詞。 address 表示特定信息，如地址、簽名、作者、文檔信息。 applet 在頁面上放置可執行內容。 area 定義一個客戶端圖像映射中一個超級鏈接區域的形狀、坐標和關聯 URL。 b 指定文本應以粗體顯示。（不建議使用） base 指定一個顯式 URL 用於解析對於外部源的鏈接和引用，如圖像和樣式表。 basefont 設置顯示文本時作為默認字體的基礎字體值。（不建議使用） bdo 允許作者為選定文本片斷禁用雙向法則。 bgsound 使頁面能夠帶有背景聲音或配音。 big 指定所含文本要以比當前字體稍大的字體顯示。 blockquote 表示文本中的一段引用語。 body 指明文檔主體的開始和結束。 br 插入一個換行符。 button 指定一個容器，其中所含的 HTML 會被顯示為一個按鈕。 caption 表格的標題，對表格的簡單描述。 center 將指定文本和圖像居中顯示。（不建議使用） cite 用斜體顯示標明引文。（不建議使用） code 表示代碼範例。 col 說明基於列的表格預設屬性。 colgroup 說明表格中一列或一組列的預設屬性。 comment 表示不可見的注釋。防止所包含的文本或者HTML源代碼被瀏覽器解析和顯示。 dd 在定義列表中表示定義。定義通常在定義列表中縮進顯示。 del 表示文本已經從文檔中刪除。 dfn 表示術語的定義。（不建議使用） dir 表示目錄列表。（不建議使用） div 表示一塊可顯示 HTML 的區域 dl 表示定義列表。 dt 在定義列表中表示定義術語。 em 強調文本，通常以斜體顯示。 embed 允許嵌入任何類型的文檔。 fieldset 在欄位集包含的文本和其它元素外面畫一個方框。 font 用於說明所包含文本的新字體、大小和顏色。 form 說明所包含的控制項是某個表單的組成部分。 frame 在FRAMESET 元素內表示單個框架。 frameset 表示一個框架集，用於組織多個框架和嵌套框架集。 head 提供了關於文檔的無序信息集合。 h1-h6 這實際上是6個標簽，他們以標題樣式顯示文本，h1最大，h6最小。 hr 水平線。 html 表明文檔包含 HTML 元素。 i 指定文本應以斜體顯示。（不建議使用） iframe 創建內嵌漂浮框架。 img 在文檔中嵌入圖像或視頻片斷。 input 創建各種表單輸入控制項。 input type=button 創建按鈕控制項。 input type=checkbox 創建復選框控制項。 input type=file 創建文件上載控制項，該控制項帶有一個文本框和一個瀏覽按鈕。 input type=hidden 傳輸關於客戶/伺服器交互的狀態信息。 input type=image 創建一個圖像控制項，該控制項被點擊後將導致表單立即被提交。 input type=password 創建與 INPUT type=text 控制項類似的單行文本輸入控制項，不過並不顯示用戶輸入的內容。 input type=radio 創建單選鈕控制項。 input type=reset 創建一個按鈕，點擊該按鈕後，將重置表單控制項回其初始值。 input type=submit 創建一個按鈕，點擊該按鈕後，即提交表單。 input type=text 創建一個單行的文本輸入控制項。 ins 表示插入到文檔中的文本。 isindex 使瀏覽器顯示一個對話框，提示用戶輸入單行文本。（不建議使用） kbd 以定寬字體顯示文本。（不建議使用） label 為頁面上的其它元素指定標簽。 legend 在fieldSet 對象繪制的方框內插入一個標題。 li 表示列表中的一個項目。 link 允許當前文檔和外部文檔建立連接。 listing 以固定寬度的字體顯示文本。 map 包含客戶端圖像映射的坐標數據。 marqueee 創建一個滾動的文本字幕。（不建議使用） menu 創建一個無序列表。 meta 向伺服器和客戶端傳達關於文檔的隱藏信息。 nobr 不換行顯示文本。 noframes 包含對於那些不支持 FRAMESET 元素的瀏覽器使用的 HTML。 noscript 指定在不支持腳本的瀏覽器中顯示的 HTML。 object 在HTML 頁面中插入對象。 ol 編制排序列表。 optgroup 允許作者對 select 元素中的選項進行邏輯分組。 option 表示SELECT 元素中的一個選項。 p 表示一段。 param 設置APPLET、EMBED 或 OBJECT 元素的屬性初始值。 pre 以固定寬度字體顯示文本。 q 分離文本中的引語。 s 帶刪除線方式顯示文本。（不建議使用） samp 表示代碼範例。 script 指定由腳本引擎解釋的頁面中的腳本。 select 表示一個列表框或者一個下拉框。 small 指定內含文本要以比當前字體稍小的字體顯示。 span 指定內嵌文本容器。 strike 帶刪除線顯示文本。（不建議使用） strong 以粗體顯示文本。 style 指定頁面的樣式表。 sub 說明內含文本要以下標的形式顯示，比當前字體稍小。 sup 說明內含文本要以上標的形式顯示，比當前字體稍小。 table 說明所含內容組織成含有行和列的表格形式。 tbody 指明哪些行作為表格的主體。 td 指定表格中的單元格。 textarea 多行文本輸入控制項。 tfoot 指明哪些行作為表尾。 th 指定標題列。標題列將在單元格中居中並以粗體顯示。 thead 指定哪些行作為表頭。 title 文檔的標題。 tr 指定表格中的一行。 tt 以固定寬度字體顯示文本。（不建議使用） u 帶下劃線顯示文本。（不建議使用） ul 表示不排序的項目列表。 var 定義程序變數，通常以斜體顯示。 wbr 向一塊 NOBR 文本中插入軟換行。

J. 能製作一個簡單的網頁製作作業，有源代碼的。不需太復雜的網頁製作作業！

我自己做的。
<HTML><HEAD>
<META name=GENERATOR content="MSHTML 9.00.8112.16441"></HEAD>
<BODY bgColor=#ffffff>
<DIV style="BORDER-BOTTOM: #f08080 6pt double; BORDER-LEFT: #f08080 6pt double; BORDER-TOP: #f08080 6pt double; BORDER-RIGHT: #f08080 6pt double">
<DIV style="BACKGROUND-COLOR: #ffff00; WIDTH: 100%; HEIGHT: 100%">
<P align=center><SPAN style="FONT-SIZE: large"><SPAN style="LINE-HEIGHT: 80px"><SPAN style="FONT-SIZE: 55px"><FONT color=#0000ff><STRONG>機電科信息顯示屏</STRONG></FONT> </SPAN></P>
<P>
<TABLE style="WIDTH: 724px; HEIGHT: 72px" border=1 width=724 align=center>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><SPAN style="FONT-SIZE: 40px"><FONT color=#ff0000 face=幼圓>值班<br>科長</FONT></SPAN></STRONG></P></TD>
<TD><STRONG><SPAN style="FONT-SIZE: 40px">
<P align=center><FONT color=#ff0000><STRONG><FONT face=幼圓>值班</FONT></STRONG><STRONG><FONT face=幼圓>技術員</FONT></STRONG></FONT></SPAN></STRONG></P></TD>
<TD><STRONG><SPAN style="FONT-SIZE: 40px">
<P align=center><STRONG><FONT color=#ff0000 face=幼圓>值班組長</FONT></STRONG></SPAN></STRONG></P></TD>
<TD>
<P align=center><STRONG><FONT face=幼圓><FONT color=#ff0000><SPAN style="FONT-SIZE: 40px">值班調度員</SPAN></FONT></FONT></STRONG></P></TD>

</TR>
<TR>
<TD><SPAN style="FONT-SIZE: 30px"><FONT face=隸書><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隸書><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隸書><SPAN style="BACKGROUND-COLOR: #ffcc99"><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隸書><SPAN style="BACKGROUND-COLOR: #ffcc99">
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><SPAN style="FONT-SIZE: 30px"><FONT style="BACKGROUND-COLOR: #ffff00" face=隸書></FONT></SPAN></P></SPAN></FONT></SPAN></SPAN></FONT></SPAN></SPAN></FONT></SPAN></FONT></SPAN></TD>
<TD>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><FONT face=隸書><SPAN style="FONT-SIZE: 30px"></SPAN></FONT></P></TD>
<TD>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><SPAN style="FONT-SIZE: 30px"><FONT face=隸書></FONT></SPAN></P></TD>
<TD>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=center><FONT face=隸書><SPAN style="FONT-SIZE: 30px"></SPAN></FONT></P></TD>

</TR></TBODY></TABLE></P>
</SPAN></SPAN><SPAN style="FONT-SIZE: 60px"><FONT color=#ff0000></FONT></SPAN><SPAN style="FONT-SIZE: 60px"><FONT face=隸書><FONT color=#ff0000>☆盯崗信息☆</FONT><FONT color=#ff0000></FONT> </SPAN>

<MARQUEE><SPAN style="FONT-SIZE: 50px"><FONT face=隸書><FONT color=#006600>盯崗信息</FONT></SPAN></MARQUEE>
</SPAN></SPAN><SPAN style="FONT-SIZE: 60px"><FONT color=#ff0000></FONT></SPAN><SPAN style="FONT-SIZE: 60px"><FONT face=隸書><FONT color=#ff0000>※重要通知※</FONT><FONT color=#ff0000></FONT> </SPAN>

<MARQUEE><SPAN style="FONT-SIZE: 50px"><FONT face=隸書><FONT color=#990066>暫無信息</FONT></SPAN></MARQUEE></P></DIV></DIV></BODY></HTML>