推薦一個網頁保存工具，保存成素材和html格式，包含javascript和css 最好附地址~謝謝

你可以用iE瀏覽器或opera瀏覽器直接另存為一個mht格式的文檔 還有就是網上好多網站整站下載工具可以將js和css圖片了都保存下來 可以在本地瀏覽 Teleport Pro 這個軟件挺不錯 你可以試下

創新互聯致力于網站建設、網站設計,成都網站設計,集團網站建設等服務標準化，推過標準化降低中小企業的建站的成本，并持續提升建站的定制化服務水平進行質量交付，讓企業網站從市場競爭中脫穎而出。 選擇創新互聯，就選擇了安全、穩定、美觀的網站建設服務！

如何制作網頁？

網頁制做入門 (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（非盈利性組織）、edu（教育部門）、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（美國）（一般可省略）等。

從域名的結構上來看，域名可分為一級域名、二級域名、三級域名等。以電腦報網站為例是個一級域名，在一級域名的下一級bbs.cpcw.com就是一個二級域名，如果要在bbs.cpcw.com下面設立xxx.bbs.cpcw.com則是三級域名了。我們見到的免費域名通常是二級域名。

網頁制做入門 (2)

作者：

第二講 初識代碼

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

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

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

現在很多做網頁的人，都是用借雞生蛋的辦法做的網頁，做法是從網上下載現成的網頁模板，對模板稍加更改，替換下內容成了。當然，這也是新手們做網頁速成的一種好辦法。模板在很多有提供空間的網站都有下載。很多以前收錄的網址，現在打開都沒有用了，在這里，能提供給大家的，只有這些了。

1.源代碼下載：要下載ASP源代碼的可以到“中國站長站”去，網址：，這是個比較權威的源代碼下載點，在這里下到動網源碼，說不定可以下到動網7.0 for SQL Server版本（excelhome的論壇就是用這個版本）。

2.網頁圖片及音樂等素材：

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. pfont size="3"b本行字符將以粗體顯示/b/font/p

9. pfont size="3"i本行字符將以斜體顯示/i/font/p (i等效于em)

10.pfont 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=1li標記/lili區段/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.DLDT語言DD基礎要素/DL:“語言”顯示為列表標題，“基礎要素”顯示為列表內容，自動縮進。

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

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

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

23.TABLE BORDER=1 TRTD第一列第一欄/TDTD第一列第二欄/TD/TR

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

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

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

以上是我以前筆記中收錄的一些常用的標記，今天看到lfspecter大蝦也發了一些關于網頁的帖子，可以兩邊對照著看，側重點各有不同，也許更有利于初學者的理解，鏈接如下：;;ID=78021page=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：

htmlbody onload="parent.banner.location.href=\'next.htm\'"指定打開的一個網頁內容/body

4. 設置"添加到收藏夾"鏈接：

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

5.文字移動動態效果：

1) 文字從右移到左邊：marqueeb大家好/b歡迎您經常光臨！/marquee

2) 讓文字在固定的區域內出現從下到上的滾動效果：

例1:table height=542 cellspacing=0 cellpadding=0 width=800 border=0

trtd valign=center align=middle width=316 height=405

marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403center謹以此網站送給xxx

font color=#ff0000/font/centerbr此處為長篇大論!/marquee/td/tr/table

例2:bodydiv align="center"pmarquee 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="方正大黑簡體"望 岳/fontbr br

font color="#FF0000"岱宗夫如何，齊魯青未了。br造化鐘神秀，陰陽割昏曉。br湯胸生層云，決眥入歸鳥，br會當凌絕頂，一覽眾山小。br/font/marquee/p/div/body/html

3) 在指定寬度內移來移去的文字代碼：TD height=20P align=centerMARQUEE scrollDelay=120 direction=right

behavior=alternate width=150 height=12產品導航/MARQUEE/P/TD

6.E-mail鏈接：

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

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

網頁與素材的關聯問題

要領一：確定網站主題

做網站，首先必須要解決的就是網站內容問題，即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材：第1類：網上求職；第2類：網上聊天/即時信息/ICQ；第3類：網上社區/討論/郵件列表；第4類：計算機技術；第5類：網頁/網站開發；第6類：娛樂網站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參看上面的分類，繼續細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網站時不會覺得無聊或者力不從心。興趣是制作網站的動力，沒有創作熱情，很難設計制作出優秀的作品。

對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。記住：在互聯網上只有第一，沒有第二！

要領二：選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，所有前期工作就將全部落空。

目前，做個人網站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網易的虛擬域名服務，其實這對個人網站的推廣與發展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網站，而且也妨礙了網頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去注冊一個域名，獨立的域名就是個人網站的第一筆財富，要把域名起得形象、簡單、易記。

要領三：掌握建網工具

網絡技術的發展帶動了軟件業的發展，所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網頁制作器：

（1）HTML編輯器。雖然HTML代碼復雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果，仍受高級網頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復雜頁面創建及高級HTML規范，使用較為普遍的有Hotdog等專業HTML編輯器。

（2）所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕松編制網頁。而且，Frontpage還能解析網頁的HTML源代碼，并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁制作人員使用的工具軟件。

（3）現在非常流行的 Macromedia公司出品的Flash互動網頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網頁制作工具。能夠輕松輸出各種各樣的動畫網頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網頁文件比普通網頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態Web制作的工具。

另外，個人網站制作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FTP工具以及擁有相應的軟硬件和網絡知識也是必備的。

當然，互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費時間又浪費金錢，而且還需要強大的圖形、圖片制作技術。所以，為了省卻這些麻煩，網站制作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

要領四：確定網站界面

界面就是網站給瀏覽者的第一印象，往往決定著網站的可看性，在確定網站的界面時要注意以下三點：

①欄目與板塊編排

構建一個網站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網站建設初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規劃。從而導致網站結構不清晰，目錄龐雜混亂，板塊編排混亂等。結果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網站也相當困難。所以，我們在動手制作網頁前，一定要考慮好欄目和板塊的編排問題。

網站的題材確定后，就要將收集到的資料內容作一個合理的編排。比如，將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。在欄目編排時需要注意的是：

●盡可能刪除那些與主題無關的欄目；

●盡可能將網站內最有價值的內容列在欄目上；

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、個人信息等大可不必放在主欄目里，以免沖淡主題。

另外，板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些，每個板塊都有自己的欄目。舉個例子：ENET硅谷動力（）的站點分新聞、產品、游戲、學院等板塊，每個板塊下面又各有自己的主欄目。一般來說，個人站點內容較少，只要分個欄目也就夠了，不需要設置板塊。如果有必要設置板塊的，應該注意：

●各板塊要有相對獨立性；

●各板塊要有相互關聯；

●各板塊的內容要圍繞站點主題；

②目錄結構與鏈接結構

網站的目錄是指建立網站時創建的目錄。例如：在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題，大多數站長都是未經規劃，隨意創建子目錄。目錄結構的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的維護，以后內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排，比如：

●不要將所有文件都存放在根目錄下。有網站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯的文件，影響工作效率；上傳速度變慢，服務器一般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間也將越長。

●按欄目內容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：網站簡介、站長情況等可以合并放在一個統一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內容也最好放在一個目錄下，便于維護管理。

●在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。

其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般的，建立網站的鏈接結構有兩種基本方式：

●樹狀鏈接結構（一對一），這類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處”，但是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。

●星狀鏈接結構（一對多），類似網絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時可以到達自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內容。

因此，在實際的網站設計中，總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計，在實際的網頁制作中是非常重要一環，采用什么樣的鏈接結構直接影響到版面的布局。

③進行形象設計

網站的設計可以從以下幾點出發：

●設計網站標志(LOGO)。LOGO是指網站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如：網站內有代表性的人物、動物、植物，可以用它們作為設計的藍本，加以卡通化或者藝術化；專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。

●設計網站色彩。網站給人的第一印象來自視覺沖擊，不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。“標準色彩”是指能體現網站型象和延伸內涵的色彩，要用于網站的標志，標題，主菜單和主色塊。給人以整體統一的感覺。至于其它色彩也可以使用，但應當只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。

●設計網站字體。和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，可以根據需要選擇一些特別字體。制作者可以根據自己網站所表達的內涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，那么辛苦設計制作便可能付之東流了。

●設計網站宣傳語。也可以說是網站的精神、主題與中心，或者是網站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站，進行對外宣傳，可以收到比較好的結果。

要領五：確定網站風格

“風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素，網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網站獨有的，這就形成了網站的“風格”。

風格是有人性的，通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執著熱情的；是活潑易變的，還是墨守成規的。

總之，有風格的網站與普通網站的區別在于：在普通網站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風格的網站上你可以獲得除內容之外的更感性的認識，比如站點的品位，對瀏覽者的態度等。

在明確自己想給人以怎樣的印象后，要找出網站中最有特色的東西，就是最能體現網站風格的東西。并以它作為網站的特色加以重點強化、宣傳。總之，風格的形成不是一次定位的，你可以在實踐中不斷強化、調整、改進。

要領六：有創意的內容選擇

好的內容選擇需要有好的創意，作為網頁設計制作者，最苦惱的就是沒有好的內容創意。網絡上的最多的創意即是來自于虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站，如果創意很好，卻對網站發展毫無意義，那么，網站設計制作者也應當放棄這個創意。另外，主頁內容是網站的根本之所在，如果內容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶。從根本上說，網站內容仍然左右著網站流量，內容為王（Content Is King）依然是個人網站成功的關鍵。

要領七：推廣自己的網站

網站的營銷推廣在個人網站的運行中也占著重要的地位，在推廣個人網站之前，請確保已經做好了以下內容：網站信息內容豐富、準確、及時；網站技術具有一定專業水準，網站的交互性能良好。一般來說，網站的推廣有以下幾種方式：

（1）搜索引擎注冊與搜索目錄登錄技巧

注冊著名的搜索引擎站點是在技術上推廣網站的第一步。注冊搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動收錄提交的網址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分搜索引擎不識別Frame，所以一定要提交有內容的Main頁面。

而像Yahoo、搜狐等搜索目錄網站采用手工方式收錄網址，以保證收錄網站的質量，在分類查詢時獲得的信息相關性比搜索引擎站點（靠Spider自動搜索的）更強。由于搜索目錄網站收錄網站的人為因素相對較多，因此在提交網站時要注意遵守規則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意：將網址提交到最合適的目錄下面，要認真詳細的介紹網站，千萬不要有虛假、夸張的成分。

（2）廣告交換技巧

很多個人站點在相互廣告交換時都提出了幾個條件：第一，訪問量相當；第二，首頁交換。顯而易見，這種做法是為了充分利用廣告交換。以很多個人網站的經驗，當與一個個人站點交換鏈接時，對方把網站的LOGO放到了友情連接一頁，而不是首頁時，很少有訪客會來自那里。通常在首頁，廣告交換才會有很好的效果。

（3）目標電子郵件推廣

使用電子郵件宣傳網址時，主要有如下技巧：可以使用免費郵件列表來進行，只要你申請了免費郵件列表服務，你就可以利用郵件列表來推廣你的網站；可以通過收集的特定郵件地址，來發送信息到特定的網絡群體，在特定網絡群體中推廣自己的網站；發送HTML格式的郵件，即使其內容與接收者關系不大，也不會被被當作垃圾信件馬上刪掉，人們至少會留意一下發送者的地址。不過，在進行郵件推廣的時候要注意網絡道德。

要領八：支撐網站日常運行

當個人網站做到某一程度，就必須把賺錢提到議事日程上來，通常來說，個人網站獲取資金通常有以下兩個渠道：

（1）銷售網站的廣告位

要銷售網站的廣告位，一般來說，每日的流量少于1萬人次的網站在目前是不會吸引廣告主的。網站的專業性及商用性，以往的廣告經驗，技術以及設計要求等也會影響到廣告的銷售。

一般來說，WEB廣告的收費有三種方式：

①CPM (Cost Per Million/Thousand)

放一個廣告，它按每1,000人次來訪問站點收費。這方法對網站經營者最為合適，只要有人瀏覽該網頁，就得錢，不管訪問者對廣告有無反應——是否會看或點擊該廣告。

②點透（Click-through）

通過Banner廣告點到了廣告商的站點，這才算數，廣告商青睞這個，他只為對自己廣告感興趣的人“套錢“。網站經營者就不合適了，據一些調查資料表明，只有3%的訪問者會去“CLICK”廣告。

③提成 (Commission)

根據訪問者點擊位于你站點上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對于網站的經營者來說，比上面兩個都更加冒險。

通常的，個人網站的廣告收費方法往往是第一、第二種方法的結合，站點和廣告商都可少冒點險。

（2）與大型網站合作

另外，通過與大型網站合作，獲取經費，也可以維持個人網站的日常運行。不過，個人網站很容易會成為商業網站的附屬品。

有時間和充沛的體力，再加上對新技術和技巧的學習和應用，你就能為自己在網上建一個家了。

用DW做網頁，用網上下載的導航條等素材（js、css）怎么用進自己的網頁中？

打開DW，直接把素材插入頁面再替換文本，設成自己需要的導航的文本就可以了。

名稱欄目：javascript素材,javascript模板
URL鏈接：http://vcdvsql.cn/article40/dsdieeo.html

成都網站建設公司_創新互聯，為您提供軟件開發、云服務器、網站導航、App開發、網站收錄、網站設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯