網(wǎng)站制作、網(wǎng)站建設(shè)過程中技巧
一、樣式表的使用
我們在設(shè)計(jì)過程中,沒有考慮到css樣式表的整體安排。網(wǎng)站是三個(gè)人制作的,每個(gè)人負(fù)責(zé)一部分網(wǎng)頁,都定義了各自的樣式表。等我們把網(wǎng)頁整合到一起時(shí),發(fā)現(xiàn)樣式全亂了。兩個(gè)人定義的樣式表混亂在一起。我們只好重新進(jìn)行樣式定義,增加了很多的工作量。
所以,下面我就總結(jié)一下樣式表的使用。
CSS樣式使用,有以下四種方法:使用<link ...>鏈接到外部樣式表,使用@import引入外部樣式表(這種方法會(huì)將樣式表復(fù)制到當(dāng)前位置,這樣浪費(fèi)資源,所以我們暫時(shí)不考慮),直接用<style>...</style>嵌入樣式表,內(nèi)聯(lián)樣式表。這幾種方法該怎么使用呢?
我們使用外部調(diào)用法,好處不言而喻,只需修改.css文件就能改變頁面的樣式。如果所有頁面網(wǎng)站制作網(wǎng)站設(shè)計(jì) 都調(diào)用同一個(gè)樣式表文件,那么改一個(gè)樣式表文件,可以改變所有文件的樣式。除此之外,會(huì)使用戶的瀏覽速度加快。因?yàn)楫?dāng)用戶第一次打開鏈接了樣式表的頁面后,樣式表會(huì)自動(dòng)下載到本地緩存當(dāng)中。當(dāng)用戶再打開另一個(gè)頁面,而這個(gè)頁面如果也鏈接了同樣的樣式表的時(shí)候,會(huì)從緩存中讀取相關(guān)的文件,這樣就會(huì)加快瀏覽的速度。
但是碰到網(wǎng)絡(luò)不順暢的情況,頁面打開以后,鏈接的樣式表沒有加載成功。這種情況造成的后果,不僅僅是頁面文字的顏色、大小等等樣式無法顯示,更麻煩的是很可能造成整個(gè)頁面的布局亂了套!
所以個(gè)人認(rèn)為:首頁完全采用嵌入的方法,其他頁面均采用鏈接的方式。因?yàn)槭醉撌且粋(gè)網(wǎng)站流覽量最大的頁面,必須保證高的可靠性,這樣可以保證首頁在網(wǎng)絡(luò)狀況不好的情況下仍然能夠正確顯示,同時(shí)也能保證修改比較方便。
此外,還有一種補(bǔ)充方案,就是對于各個(gè)頁面都會(huì)用到的樣式:采用鏈接。對于只有這一個(gè)頁面會(huì)用到,但會(huì)用到很多次的樣式:采用嵌入。而對于只有這一個(gè)頁面會(huì)用到且只使用一次的樣式可以采用內(nèi)聯(lián)樣式。
網(wǎng)站建設(shè)
二、網(wǎng)站中插入視頻
我們有兩種方案,一種是彈出式,需要建構(gòu)流媒體服務(wù)器并且需要絕對IP地址;另一種是采用嵌入式,只需相對位置?紤]到穩(wěn)定性和方便性,我們決定采用嵌入式,具體代碼如下:
<table width="328" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="328"><object width="320" height="250" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" ="ImageWindow">
<param name="CONSOLE" ="Video">
<param name="CENTER" ="TRUE">
<param name="MAINTAINSPECT" ="TRUE">
</object></td>
</tr>
<tr>
<td><object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" ="StatusBar">
<param name="CONSOLE" ="Video">
</object></td>
</tr>
<tr>
<td><object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" ="ControlPanel">
<param name="CONSOLE" ="Video">
<param name="SRC" ="/being_movie/J9.rm">
<param name="AUTOSTART" ="TRUE">
<param name="PREFETCH" ="0">
<param name="LOOP" ="0">
<param name="NUMLOOP" ="0">
</object></td>
</tr>
</table>
三 、頁面不留空隙
只要在</head>前面插入下面代碼就可。
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
|