網(wǎng)站制作、網(wǎng)站建設(shè)過程中技巧

一、樣式表的使用
我們在設(shè)計過程中，沒有考慮到css樣式表的整體安排。網(wǎng)站是三個人制作的，每個人負(fù)責(zé)一部分網(wǎng)頁，都定義了各自的樣式表。等我們把網(wǎng)頁整合到一起時，發(fā)現(xiàn)樣式全亂了。兩個人定義的樣式表混亂在一起。我們只好重新進(jìn)行樣式定義，增加了很多的工作量。

所以，下面我就總結(jié)一下樣式表的使用。

CSS樣式使用，有以下四種方法：使用<link ...>鏈接到外部樣式表，使用@import引入外部樣式表（這種方法會將樣式表復(fù)制到當(dāng)前位置，這樣浪費資源，所以我們暫時不考慮），直接用<style>...</style>嵌入樣式表，內(nèi)聯(lián)樣式表。這幾種方法該怎么使用呢？
我們使用外部調(diào)用法，好處不言而喻，只需修改.css文件就能改變頁面的樣式。如果所有頁面網(wǎng)站制作網(wǎng)站設(shè)計 都調(diào)用同一個樣式表文件，那么改一個樣式表文件，可以改變所有文件的樣式。除此之外，會使用戶的瀏覽速度加快。因為當(dāng)用戶第一次打開鏈接了樣式表的頁面后，樣式表會自動下載到本地緩存當(dāng)中。當(dāng)用戶再打開另一個頁面，而這個頁面如果也鏈接了同樣的樣式表的時候，會從緩存中讀取相關(guān)的文件，這樣就會加快瀏覽的速度。
但是碰到網(wǎng)絡(luò)不順暢的情況，頁面打開以后，鏈接的樣式表沒有加載成功。這種情況造成的后果，不僅僅是頁面文字的顏色、大小等等樣式無法顯示，更麻煩的是很可能造成整個頁面的布局亂了套！
所以個人認(rèn)為：首頁完全采用嵌入的方法，其他頁面均采用鏈接的方式。因為首頁是一個網(wǎng)站流覽量最大的頁面，必須保證高的可靠性，這樣可以保證首頁在網(wǎng)絡(luò)狀況不好的情況下仍然能夠正確顯示，同時也能保證修改比較方便。
此外，還有一種補(bǔ)充方案，就是對于各個頁面都會用到的樣式：采用鏈接。對于只有這一個頁面會用到，但會用到很多次的樣式：采用嵌入。而對于只有這一個頁面會用到且只使用一次的樣式可以采用內(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>