網頁制做入門
我們天天與網頁打交道，那些或界面精美，或內容豐富，或構思獨特、風格各異的網頁，不知道吸引了多少人的眼球了，它們的運行方式，制做方法，妳說妳說壹點都不好奇，壹點都不想知道，那肯定是假的，嘿嘿，我也壹樣，而且我的好奇心有時還不小～～～，可我的好奇心有是有了，因為網頁制做沒有真正當成吃飯的家夥，所以，，，當初的熱度也只有三分鐘，在這裏，把以前的壹些經驗介紹給大家，強烈希望廣大高手介入，來個妳說，我說，大家說，集眾人的智慧於此。因為大多數地方，是跟據我自己的做法，我自己的理解說的，難免有說錯的地方，也請大家指正了。
第壹講 網頁基本常識
我們平時常見的網頁，基本可以分為兩類，靜態網頁(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服務程序所用的協議。我們在用瀏覽器瀏覽網頁時，使用的就是這個協議，所以在地址欄中都要輸入pile 編譯，容易編寫，可在服務器端直接執行。
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（美國）（壹般可省略）等。
從域名的結構上來看，域名可分為壹級域名、二級域名、三級域名等。以電腦報網站為例www.cpcw.com是個壹級域名，在壹級域名的下壹級bbs.cpcw.com就是壹個二級域名，如果要在bbs.cpcw.com下面設立xxx.bbs.cpcw.com則是三級域名了。我們見到的免費域名通常是二級域名。
網頁制做入門 (2)
作者：
第二講 初識代碼
我的網頁之路是從洪恩網站裏的DW教程開始的，從零到現在這個半調子水平。那裏的很多教程都是從最基礎的開始，很合適廣大初學者，所以建議大家也從那裏開始了。洪恩網站的學習網址：/pc/homepage/index.htm
在這裏，基本上不講軟件的具體使用，只講總結性的東西，要註意的技巧吧，在最後，也會寫壹兩個用DW做的簡單特效實例。
隨便打開壹個網頁，點擊查看，再點源代碼，壹般都可以看到這個網頁的代碼，做網頁說白了，也就是把文字、圖象等多媒體效果有機的結合在壹起，DW和FP等只是書寫代碼的利器，只要妳知道代碼，用記事本也壹樣能做出精美的網頁（真正的高手據說就是用記事本做網頁），但對我們初學者來說，沒有必要去記代碼，只需知道利用DW或FP，能實現哪些操作，就象用WORD壹樣，畫壹條線就有壹條線，畫壹個表格就有壹個表格，在軟件的演示窗口裏，有著同WORD壹樣所見即所得的最後效果察看。因此，可以說，做網頁入門很簡單！可後面還有半句話：做好網頁不簡單！因為，壹個好的網頁，不單單是代碼書寫，更重要的是美工設計，內容的充實。雖然很多代碼不需要壹壹手工書寫，可有些代碼的基本組織結構了解壹些，還是對做網頁大有幫助的。我們可以這樣學習、研究代碼：在用DW或FP中做了某壹個操作，把效果與上面的代碼窗口比較壹下，就可以知道什麽代碼是實現什麽效果的，還可以通過查看別人的網頁的源代碼分析學習。想學ASP網頁的朋友們，有些基本代碼是非記不可的。
現在很多做網頁的人，都是用借雞生蛋的辦法做的網頁，做法是從網上下載現成的網頁模板，對模板稍加更改，替換下內容成了。當然，這也是新手們做網頁速成的壹種好辦法。模板在很多有提供空間的網站都有下載。很多以前收錄的網址，現在打開都沒有用了，在這裏，能提供給大家的，只有這些了。
1.源代碼下載：要下載ASP源代碼的可以到“中國站長站”去，網址：/download/，這是個比較權威的源代碼下載點，在這裏下到動網源碼，說不定可以下到動網7.0 for SQL Server版本（excelhome的論壇就是用這個版本）。
2.網頁圖片及音樂等素材：/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大蝦也發了壹些關於網頁的帖子，可以兩邊對照著看，側重點各有不同，也許更有利於初學者的理解，鏈接如下："，在瀏覽器中單擊此圖，就會啟動發送郵件窗口。在鏈接地址前加"#"符號，可以在網頁中不打開實際鏈接。
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