『壹』 如何製作網頁
網頁製做入門 (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
『貳』 誰能給我一個詳細的文件擴展名大全!
GIF是Graphics Interchange Format的縮寫,即為圖形交換格式,以這種格式存在的文件擴展名為.gif
JPEG 一種圖像格式,支持高程度的壓縮
BMP是bitmap的縮寫,即為點陣圖圖片。點陣圖圖片是用一種稱作「像素」的單位存貯圖像信息的。這些「像素」其實就是一些整齊排列的彩色(或黑白)點,如果這些點被慢慢放大,您就會看到一個個的「像素」中添充著自己的顏色,這些「像素」整齊地排列起來,就成為了一幅BMP圖片,並以.bmp(.rle,.dib等)為擴展名。
文件後綴名大全(新手必看)
什麼是文件名後綴 說起來Windows工作界面下的文件名簡直是隨心所欲,比如:某編輯部的2000年工作計劃。文件名即可用中文直接表達,而且長度最長可達256個字元,讓人看起來真是一目瞭然。然而在Windows環境中,安裝的軟體中卻大量存在著類似CALENDAR.EXE、GAMES.GRP等等的文件名,這又是為什麼呢?原來這些文件名都是根據DOS環境的文件名命名規則而定的。 DOS環境下的文件名 在DOS下,文件名採用8+3結構,即:最長8位的文件名,由小數點分隔後再跟上最長3位的後綴名,如:READ.ME、SETUP.EXE,一般情況下文件名不允許使用漢字,只能由字母、數字和一些符號組成。如READ.ME用中文理解就是「讀我」,即提示用戶在使用軟體前先看看這個文件的內容,以獲取更多的提示信息。而更重要的是,DOS下規定用後綴名來區分各種不同的文件。 在DOS下最容易遇到的首先是可執行文件,後綴名有兩類:*.exe、*.com(此處的*表示文件名任意),它們是由匯編語言或其它高級語言編出的程序經過編譯後直接在DOS下運行的文件。有時由於軟體功能多、內存偏小,不能一次性全部調入內存還可能有同文件名的ovl文件,如ws.exe、ws.ovl。另外還有一種文件可以直接運行,*.bat,即批處理文件,其中有許多命令或可執行文件名,主要用於提高工作效率,其中最有用的是Autoexec.bat,這個文件在開機時會被自動執行(自動執行在英文中就是Automatically execute)。而另外一種可以載入但不能直接運行的文件即是系統擴展管理文件*.sys(sys即系統system),它主要提供某些非標准設備如滑鼠、擴充內存等的驅動程序,如mouse.sys、himem.sys。為了統一管理還專門規定了一個config.sys的文本文件來一次性地在開機時自動調入這些必需的設備驅動程序,這些文件一旦被誤刪或換名或被病毒侵襲則將直接導致系統工作不正常。 DOS下字處理產生的文件原本是可以不用後綴的,但人們常用*.txt表示(txt即文本text)。被所有的平台和所有應用程序支持。而為了管理方便,人們也可以用自己的名字做後綴來表示是自己建的文本文件,如我輸入的很多文章即為*.mcj,為了便於用戶在意外刪掉原文件的情況下能盡快恢復原文件,許多字處理系統都提供了一種自動備份的功能,如我第二次編輯JIHUA.MCJ時(JIHUA:計劃的漢語拼音),系統會先拷貝一份原文件為JIHUA.BAK。使用具有特殊格式功能的字處理軟體,如求伯君先生早年推出的WPS,就會規定其後綴為.wps,用以標識是用WPS生成的文本文件。當使用字處理軟體編輯高級語言程序時,後綴通常為相應語言的前三個字母(如:*.BAS即BASIC語言源程序,*.PAS為PASCAL語言程序,*.FOR為Fortran語言程序,*.C即為C語言,*.ASM即為匯編語言程序)。 伴隨著可執行文件常附有以下幾類文件:*.HLP即幫助文件(help)、*.CFG即配置文件(config)、*.DAT即數據文件(data)、*.LOG即日誌文件(log)、*.TMP為臨時文件(temporal)。
二 圖像文件: bmp Windows or OS/2 Bitmap clp Windows Clipboard cup Dr. Halo dib Windows or OS/2 DIB emf Windows Enhanced meta file eps Encapsulated Postscript fpx Flash Pix gif Compuserver iff Amiga img GEM Paint jpg JPEG - JFIF Compliant lbm Deluxe Paint mac Mac Paint msp Macrosoft Paint pbm Potable Bitmap pct Macintosh Pict pcx Zsoft Paintbrush pic PC Paint png Portable Network Graphics ppm Portable Pixelmap psd Photoshop psp Paint Shop Pro Image ras Sun Raster Image raw Eaw File format rle Windows or CompuServer RLE sct SciTex Continuous Tone tga Truevision Targa tif Tagged Image file format wmf Windows meta File wpg WordPefect Bitmap 擴展名 文件類型 打開方式 .aiff 聲音文件 Windows media Player .!!! Netants 暫存文件 Netants .ani 動畫滑鼠 .arj 壓縮文件 ARJ .avi 電影文件 Windows media Player .awd 傳真文檔 .bak 備份文件 .bas Basic 語言 Basic .bat DOS批處理文件 .bin MAC 二進制碼文件 Stuffit Expander .bmp 圖象文件 畫圖/看圖軟體 .cab 壓縮文件 Winzip .cdr Corel圖畫文件 Corel Draw .chk Scandisk檢察後製作的文件 可以刪掉 .com DOS命令文件 自執行 .cpx Cryptapix加密圖片文件 Cryptapix .cur 靜態滑鼠 .dbf 資料庫文件 dBase, FoxBase, Access .dll 應用程序擴展 .doc 文檔文件 Word .dwg AutoCAD文件 AutoCAD .eps Illustrator 圖畫文件 Adobe Illustrator .exe 執行文件 自執行 .fon 字體文件 .gb 國標碼文件 南極星文字處理 .get Getright 暫存文件 .gif 256色圖象文件 畫圖/看圖軟體 .gz 可供UNIX或LINUX使用的壓縮文件 Winzip .hqx Macintosh 文件 Stuffit Expander .htm 網頁 瀏覽器 .html 網頁 瀏覽器 .ico 圖標 .ini 配置設置 筆記本或WordPad .ipx IPX演示文件 瀏覽器加裝IPX 插件 .jiff 圖象文件 畫圖/看圖軟體 .jpeg 壓縮過的圖象文件 畫圖/看圖軟體 .jpg 壓縮過的圖象文件 畫圖/看圖軟體 .js javascript .lnk 快捷方式連接文件 連接文件的相應程序 .m3u Winamp播放列表 Winamp .mid 聲音文件 Windows media Player .mov Quicktime影像文件 Quick Time .mp3 壓縮音樂文件 Winamp .mpeg 影像 Windows media Player .mpg 影像 Windows media Player .njx 南極星文檔 南極星文字處理 .pcb 電子電路圖設計文件 Protel PCB .pdf 攜帶型文檔格式,內含圖片文字等等 Adobe Acrobat, Adobe Acrobat Reader .pm5 PageMaker 5 排版文件 Page Maker .ppt Power Point 文件 Microsoft Power Point .ps Ghostscript .psd Photoshop文件 Adobe Photoshop .pub Publisher排版文件 Microsoft Publisher .qt Quicktime影像文件 Quick Time .ra Real Audio聲音文件 Real Audio .ram Real Audio影像文件 Real Audio .rar 壓縮文件 Winrar .rsf Richwin 字體文件 .sch 電子原理圖設計文件 Protel Schematic .scr 屏保文件 .sea Macintosh 啟動文件 .sit 壓縮 Stuffit Expander .swf Flash動畫文件 瀏覽器加裝Macromedia flash 插件 .sys 系統文件 .tar UNIX壓縮文件 Winzip .tif 高質量圖象文件 畫圖/看圖軟體 .tiff 高質量圖象文件 畫圖/看圖軟體 .tmp 暫存文件 可以刪掉 .ttf 字體文件 .txt 純文本文件 筆記本或全部文字處理系統 .vbs Visual Basic 編程文件 Microsoft Viasual Basic .viv VIVO影像文件 瀏覽器加裝VIVO 插件 .vqf 壓縮聲音文件 Yamaha SoundVQ Player .wav 未壓縮的聲音文件 Windows media Player .wk1 Lotus 123 試算軟體文件 Lotus 123, Excel .wq1 Q-Pro 試算軟體文件 Q-Pro, Excel .wri Write文字文檔 Word .xls Excel 試算軟體文件 Microsoft Excel .Z UNIX壓縮文件 Winzip .zip 壓縮文件 Winzip C1iIvbe
資料庫類文件的後綴名 onfcFJ18E4 uYLYBiJVuyK 在Dbase、FoxBase、Foxpro系列軟體的環境下有以下幾類後綴: onfcFJ18E4.dbf 資料庫文件(databasefile) .prg 命令文件(即程序Program) onfcFJ18E4.fxp 編譯後的程序 .scx和.sct 屏幕文件 onfcFJ18E4.fpt 備注欄位文件 .frx和.frt 報表文件 onfcFJ18E4.cbx和.pjt 標簽文件 .mnx 和.mnt 菜單文件 onfcFJ18E4.pjx和.pjt 工程文件 .app 應用文件 onfcFJ18E4.cdx和.idx 索引文件 .qpr和.qpx SQL查詢文件 onfcFJ18E4.fp 配置文件 .ap 生成應用 onfcFJ18E4.err 編譯錯誤文件 .men 內存應用 onfcFJ18E4.fky 鍵宏文件 .win 窗口文件 onfcFJ18E4.pcb 庫文件 .tmp 臨時文件 onfcFJ18E4.tbk 臨時資料庫文件 uYLYBiJVuyK動畫文件的後綴名 NufVBITae dy48s2nVEj 動畫文件格式用於保存包含動畫框架中的圖形信息。主要有:Autodesk FLIC(.FLC):即.FLI,Autodesk Animator和AnimatorPro的動畫文件格式。支持256色,最大的圖像像素是64000×64000,支持壓縮。廣泛用於動畫圖形中的動畫序列、計算機輔助設計和計算機游戲應用程序。不大適合製作真實世界圖像動畫。 NufVBITae MacPICTS(.PCS,.PIC):Macromedia開發的動畫文件格式,為Macintosh應用程序使用。支持256色,支持壓縮,用於保存動畫數據,是Quick Time的前身。 NufVBITae Microsoft資源互換文件格式,TIFF(.AVD):Microsoft公司開發的動畫文件格式,被Windows、Windows NT平台和OS/2多媒體應用程序所支持,支持256色和壓縮,用於在多媒體應用程序中保存音頻、視頻和圖形信息。 NufVBITae MPEG(.MPEG):國際標准化組織的運動圖像專家小組開發的動畫文件格式。被所有平台和Xing Technologies MPEG播放器及其它應用程序所支持,支持壓縮,最大圖像像素是4095×4094×30幀/每秒。用於編碼音頻、視頻、文本和圖形數據。 NufVBITae Quick Time(.QTM):Apple計算機公司開發的動畫文件格式。被Apple Macintosh和Microsoft Windows平台所支持,支持25位顏色,最大圖像像素是64000×64000,支持壓縮,用於保存音頻和運動視頻信息。 dy48s2nVEj聲音文件的後綴名 NufVBITae dy48s2nVEj 聲音文件格式是用於保存數字音頻信息的。它們主要有: NufVBITae AIFF(.AIF):這是Apple計算機公司開發的聲音文件格式,被Macintosh平台和應用程序所支持。支持壓縮。 NufVBITae Amiga聲音(.SVX):Commodore所開發的聲音文件格式,被Amiga平台和應用程序所支持,不支持壓縮。 NufVBITae MAC聲音(.SND):Apple計算機公司開發的聲音文件格式,被Macintosh平台和多種Macintosh應用程序所支持,支持某些壓縮。 NufVBITae MIDI(.MID):國際MIDI協會開發的聲音文件格式,被Windows平台和許多應用程序所支持,用於為樂器創建數字聲音。 NufVBITae 聲霸(.VOC):Creative Labs公司開發的聲音文件格式,被Windows和DOS平台所支持,支持壓縮。 NufVBITae WAVE(.WAV):微軟公司用作Windows平台上保存音頻信息的資源格式。 dy48s2nVEj Windows環境下的文件名 EpV7vGl1 2RJmsx 絕大多數DOS文件名後綴在Windows下繼續有效,但Windows本身也引出了許多種嶄新的後綴名,如:*.drv為設備驅動程序(Driver)、*.fon和*.fot都是字型檔文件、*.grp為分組文件(Group)、*.ini為初始化信息文件 (Initiation)、*.pif為DOS環境下的可執行文件在Windows下執行時所需要的文件格式、*.crd即卡片文件(Card)、*.rec即記錄器宏文件(Record)、*.wri即文本文件(Write),它是字處理write.exe生成的文件、*.doc和*.rtf也是文本文件(Document),它們是Word產生的文件、*.cal為日歷文件、*.clp是剪貼板中的文件格式、*.htm和 *.html即主頁文件、*.par為交換文件、*.pwl為口令文件(Password)等等。 EpV7vGl1 圖像文件名後綴進入多媒體世界後,大家會看到各種各樣精彩的圖片,會發現許多種後綴名。的確,由於各個公司在開發圖形有關的軟體時都自製標准,導致今日在圖形方面有太多的格式,以下就是常見的幾種格式: EpV7vGl1 首先是一種點陣圖文件格式,它是一組點(像素)組成的圖像,它們由圖像程序生成或在掃描圖像時創建。主要有Windows點陣圖(.BMP):由Microsoft公司開發,它被Windows和Windows NT平台及許多應用程序支持。支持32位顏色,用於為Windows界面創建圖標的資源文件格式,游標(.CUR、.DLL、.EXE):資源文件格式,用於創建Windows界面的游標。OS/2點陣圖(.BMP):Microsoft公司和IBM開發的點陣圖文件格式。它為各種操作系統和應用程序所支持。支持壓縮,最大的圖像像素為64000×64000。畫筆(.PCX):由Zsoft公司推出,它對圖像數據也進行了壓縮,可由PCX生成。用於Windows的畫筆。支持24位顏色,最大圖像像素是64000×64000。支持壓縮。圖形交換格式(.GIF): ( Graphics Interchage format):由Compu Serve創建,它能以任意大小支持圖畫,通過壓縮可節省存儲空間,還能將多幅圖畫存在一個文件中。支持256色,最大圖像像素是64000×64000。 EpV7vGl1 Kodak Photo CD(.PCD):Eastman Kodak所開發的點陣圖文件格式,被所有的平台所支持,PCD支持24位顏色,最大的圖像像素是2048×3072,用於在CD-ROM上保存照片。 EpV7vGl1 Adobe Photoshop(.PSD):Adobe Photoshop的點陣圖文件格式,被Macintosh和MS Windows平台所支持,最大的圖像像素是30000×30000,支持壓縮,廣泛用於商業藝術。 EpV7vGl1Macintosh繪畫(.MAC):Apple公司所開發的點陣圖文件格式。被Macintosh平台所支持,僅支持單色原圖,最大圖像像素是576×720。支持壓縮,主要用於在Macintosh圖形應用程序中保存黑白圖形和剪貼畫片。
壓縮文件的後綴名 gFLB0TK HA0ZG 為了提高存儲效率,許多公司都推出了壓縮數據的方法和相應的軟體,這類文件的使用主要通過壓包和解包軟體來進行,主要的後綴有:?arj、*.rar、*.lzh、*.jar。還有一些專用的壓縮文件,如:*.ex_、*.dl_、*.d3_、*.cab等。
『叄』 格式問題
xv格式是迅雷的視頻格式,存在版權保護,視頻轉換軟體都不直接支持,想在p4上播放視頻,建議你先使用xv視頻提取器,將xv格式生成flv視頻格式,再使用 MP4/RM轉換專家
這款軟體支持將幾乎所有視頻(包括flv、高清flv格式,也就是f4v格式)轉換成各種MP4機支持的官方MP4,AVI,FLV等視頻格式,參數可以任意選擇設置!
它的轉換速度是絕對最快的,視頻質量非常好,導出的視頻可以在電腦或p4上播放,你可以試試看!
軟體操作很簡潔,功能很齊全,使用很容易上手,多核CPU性能優化特別徹底!
不僅如此,軟體本身很友好,不會像其他軟體一樣捆綁大量廣告,這點我很喜歡!
網路搜索 MP4/RM轉換專家
參考資料:http://hi..com/surandaer/blog/item/f0ab95d17901ee08495403ba.html