網頁設計問題大搜集

Q： 怎麼才能讓層飄在Flash上面？
A： 在網頁裡把SWF檔案設定為背景透明即可，具體做法：
DW中，在SWF檔案的屬性面板中，點parameters，添加參數wmode，值選擇transparent；
或者直接修改網頁的代碼，在標誌SWF檔案屬性的代碼中添加：
＜param name="wmode" value="transparent"＞
注意，這種效果只有IE支援。

Q： 如何讓一個圖片或表格在頁面中始終保持橫向和縱向的置中？
A： 首先插入一個1行1列的表格，設定其寬度為100%、高度也為100%，邊框為0。
然後設定儲存格的屬性，設定其內容的水平對齊和垂直對齊均為置中。
最後在這個儲存格插入圖片或表格，就可以保持內容在頁面內橫向和縱向都置中顯示了。

Q： 表格內的文字不會自動換行，怎麼辦？
A： 有兩種可能的情況：
第一種，你用CSS把表格內文字的字型設定成了英文字型，這樣在DW裡表格內的文字不會自動換行，但這僅是DW裡的顯示效果，在IE裡其實是可以正常換行的。如果希望在DW的編輯狀態也能使文字自動換行，把表格內文字的字型設定為中文字型即可（例如“宋體”）。
第二種，你在表格中輸入了連串無空格的英文或數字，它們被IE識別為一個完整的單詞，所以不會自動換行，遇到這種情況，你可以通過CSS把文字強行打散，例如：
＜td style="word-break:break-all"＞……＜/td＞

Q： 背景音樂因為頁面的切換而無法連續播放，怎麼讓它連續播放？
A： 用分幀實現，把其中一個frame的顯示高度（或寬度）定義為0，在其中設定背景音樂，另外一個frame內的頁面切換不影響整個背景音樂的播放。
例子：
＜html＞
＜head＞
＜title＞架構頁＜/title＞
＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
＜/head＞

＜frameset rows="0,*" frameborder="NO" border="0" framespacing="0"＞
＜frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" ＞
＜frame name="mainFrame" src="main.htm"＞
＜/frameset＞
＜noframes＞
＜body bgcolor="#FFFFFF" text="#000000"＞
對不起，你的瀏覽器不支援架構的顯示。
＜/body＞
＜/noframes＞
＜/html＞

Q： 半透明的層怎麼做？
A： 先定義一個CSS樣式：
＜style type="text/css"＞
＜!--
.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)}
--＞
＜/style＞
然後應用在層標籤裡：
＜div class="halfalpha"＞

Q： 層在不同解析度下發生錯位，怎麼辦？
A：解決方案有二：
1、頁面居左顯示；
2、使用層的相對定位，關於相對定位你可以參考這篇文章：
http://www.windstudio.net/tech/show.asp?id=37

Q： 如何?“設為首頁”、“添加到收藏夾”？
A： 設定為首頁：
＜a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.windstudio.net');"＞設為首頁＜/a＞
加入收藏：
＜a href="javascript:window.external.AddFavorite('http://www.windstudio.net', '有風的日子·帶給你一陣清新的設計風')"＞加入收藏＜/a＞

Q： 如何製作細線表格？
A： 表格細線邊框的做法
方法1：把表格的cellspacing設定為1，cellpadding和border均為0，分別填充表格的背景色和儲存格的背景色。舉例如下：
＜table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666"＞
＜tr bgcolor="#FFFFFF"＞
＜td＞ ＜/td＞
＜/tr＞
＜tr bgcolor="#FFFFFF"＞
＜td＞ ＜/td＞
＜/tr＞
＜/table＞

方法2：把cellspacing、cellpadding、border均設定為1，分別設定表格的邊框色和內部儲存格的邊框色，注意使內部儲存格的邊框色和網頁背景色或表格背景色相同，這樣內部的邊框看上去就和背景融為一體了。舉例如下：
＜table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666"＞
＜tr bordercolor="#FFFFFF"＞
＜td＞ ＜/td＞
＜/tr＞
＜tr bordercolor="#FFFFFF"＞
＜td＞ ＜/td＞
＜/tr＞
＜/table＞

方法3：用CSS定義表格的邊框寬度為1個像素。先設定CSS類table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px}，然後在＜table＞標籤裡添加class="table1"。

方法4：做一個和表格等大的圖片作為表格的背景，尤其當你想使表格邊線有倒角時。

Q： 如何安裝和使用.mxp格式的DW外掛程式？
A： 要求裝有外掛程式管理器，DW4已經將外掛程式管理器整合其中，無須另外安裝。DW3需要另外安裝，您可以從本站的酷軟下載欄目中下載。
安裝完外掛程式管理器後，雙擊.mxp格式的檔案，一路選擇YES，外掛程式就會自動安裝到DW中，這樣你就可以在DW的菜單中找到該外掛程式了。
要注意不同類型的外掛程式會在DW不同的菜單或面板裡找到，外掛程式管理器會告訴你該外掛程式的類型（object、command、behavior或其他）、功能和用法。

Q： 怎樣開啟一個全屏的IE視窗？
A： 用JavaScript來實現：
定義過程：
＜script language="JavaScript"＞
＜!--
function MachakFull(Ie,other){
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target ＞= 4){
if (navigator.appName=="Netscape"){
var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
MachakFull.moveTo(0,0);
MachakFull.resizeTo(x,y);}
if (navigator.appName=="Microsoft Internet Explorer")
window.open(Ie,"MachakFull","fullscreen=yes");
}
else window.open(other,"sub",'scrollbars=yes');
}
//--＞
＜/script＞

調用函數：
＜a href="javascript:;" onClick="MachakFull('index.htm','')"＞點這裡開啟一個全屏視窗＜/a＞

Q： 怎麼做無邊的IE快顯視窗？
A： 這種視窗叫Chromeless Window，用一個DW外掛程式就可以實現這種效果。
外掛程式名稱：Chromeless Window 完美修正版
：http://www.windstudio.net/

Q： 如何去除瀏覽器的“捲軸”？
A： ＜body scroll=no＞
去掉水平捲軸：
＜body style="overflow-x: hidden"＞
去掉豎直捲軸：
＜body style="overflow-y: hidden"＞

Q： 怎麼讓下拉式清單的連結在新視窗中顯示？
A： ＜select name="designlink" onChange="window.open(this.options(this.selectedIndex).value);"＞
＜option selected＞設計站台連結＜/option＞
＜option value=http://www.pcicp.com＞蔫老虎網站＜/option＞
＜option value=http://bbs.pcicp.com＞蔫老虎論壇＜/option＞
＜option value="http://www.colorbird.com"＞技術性文章＜/option＞
＜/select＞

Q： 如何?兩種不同的連結效果？
A： 在CSS中設定不同的類（CLASS），例如：
a.w1:link {text-decoration:none;color:#000066}
a.w1:visited {text-decoration:none;color:#333333}
a.w1:hover {color:#0000ff;text-decoration:underline}
a.w2:link {text-decoration:none;color:#000066; font-weight:bold}
a.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
a.w2: hover{color:#FF0000; font-weight:bold}

不同的連結調用不同的CSS類即可，例如：
＜a href="#" class="w1"＞123＜/a＞
＜a href="#" class="w2"＞456＜/a＞

也可以直接在DW中操作，例如：
1、開啟css style面版選擇use css selector
2、選擇a:link，定義樣式，接下來選擇a:hover再定義樣式
3、同樣方法再建立一個連結樣式a.w1（名稱可任意）:link 和a.w1:hover
4、第二步所建立的樣式會以預設值自動寫入文檔，當需要使用第二種樣式時，選中連結文字，在右鍵捷徑功能表中選擇新樣式（第三步建立的樣式，這裡為w1），搞定。

Q： 怎樣用CSS改變滑鼠指標樣式？
A： ＜span style="cursor:X"＞＜/span＞
這裡選擇cursor（文本）作為對象，還可以自己改為其他的，如link等。
x可以等於=hand（手形）、crosshair（十字）、text（文本游標）、wait（顧名思義啦）、default（預設效果）、help（問號）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw-resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統自動給出效果）

Q： 如何解決DW4不能使用五筆IME的問題？
A： 選擇菜單Edit→Preferences，在Category列表中選擇General，取消複選框Enable Double-Byte Inline Input既可。取消複選框Enable Double-Byte Inline Input後，所有的中文IME（包括五筆字型IMEV4.5）均恢複正常！

Q： 怎麼樣讓在800*600解析度下產生的網頁在1024*768下置中顯示？
A： 把頁面內容放在一個寬為778的大表格中，把大表格設定為水平方向置中。寬度定為778是為了在800*600下視窗不出現水平捲軸，你也可以根據需要進行調整。
如果要加快關鍵內容的顯示，也可以把內容拆開放在幾個豎向相連的大表格中~~
除了使用表格之外，你也可以把要置中的部分用＜div align=center＞和＜/div＞標籤包圍起來。

Q： 怎麼實現在不同頁面間通過連結跳轉時，IE地址欄的顯示地址不變？
A： 用分幀實現，把其中一個frame的顯示高度（或寬度）定義為0，這樣另外一部分通過連結跳轉的時候就是在分幀內部跳轉了，如果要跳出這個分幀，設定連結的target="_top"即可~~
例子：
＜html＞
＜head＞
＜title＞架構頁＜/title＞
＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
＜/head＞

＜frameset rows="0,*" frameborder="NO" border="0" framespacing="0"＞
＜frame name="topFrame" scrolling="NO" noresize src="blank.htm" ＞
＜frame name="mainFrame" src="main.htm"＞
＜/frameset＞
＜noframes＞
＜body bgcolor="#FFFFFF" text="#000000"＞
對不起，你的瀏覽器不支援架構的顯示。
＜/body＞
＜/noframes＞
＜/html＞

Q： 絕對位址與相對位址？絕對位置與相對定位？
A： 絕對位址：形如http://www.windstudio.net/index.htm 或file://d:/homepage/index.htm 這樣的地址，就是檔案在網路或本地的絕對位置；

相對位址：就是被連結檔案相對與當前頁面的地址，比如說，連結和當前頁面同級的檔案地址只要用“檔案名稱”即可；連結當前頁面下級子目錄下的檔案用“目錄名/檔案名稱”；連結當前頁面上一級目錄下的檔案用“../檔案名稱”；連結同級但在另外一個子目錄中的檔案用“../目錄名/檔案名稱”；連結根目錄（你的網站的根目錄，並非硬碟根目錄）下的檔案可以用“./檔案名稱”的形式。

其實絕對和相對很容易理解的，相對就是有參照物的，絕對則是固定的。

為什麼我們提倡使用相對位址呢？打個比方說吧，如果你有一個index.htm，裡面引用了images目錄的一些圖片，如果使用了相對位址，搬家的時候只需把原來這套東西全部上傳到新的空間就行了，因為檔案彼此之間的相對位置關係沒有改變，所以這些地址仍然是有效。但如果插入圖片的時候使用了絕對位址，那空間地址一變，引用處的圖片路徑也要隨之改變。當然，有時也會用到絕對位址，例如友情連結別人的首頁等等。

相對定位也是一樣，如果是相對於一個儲存格定位的層，儲存格挪動到哪兒，層也就會到哪兒，結合這篇《關於層的相對於絕對位置》，就可以解決層很難適應多種解析度的問題：
http://www.windstudio.net/tech/show.asp?id=37

用辯證的觀點來看，其實絕對位置也是相對的，它和我們所說的相對定位的區別就在於，層的絕對位置是相對於瀏覽器的左邊界和上邊界而言，而層的相對定位是層相對於它的載體（表格或另外的層）而言~~

Q： 如何取消連結的底線？
A： 用CSS來實現：
＜style type="text/css"＞
＜!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
--＞
＜/style＞
其中a:link 表示一般的連結樣式；a:visited 表示已訪問過的連結樣式；a:hover 表示滑鼠經過時的連結樣式。text-decoration: none 表示無底線，text-decoration: underline 表示有底線。

如果三種連結狀態的樣式相同，也可以簡化為：
＜style type="text/css"＞
＜!--
a { text-decoration: none}
--＞
＜/style＞

Q： 為什麼在DW中把儲存格高度設定為1沒有效果？
A： DW產生表格時會自動在每個儲存格裡填充一個 代碼，就是空格代碼，如果有這個代碼的存在，你把該儲存格寬度或高度設定為1都沒有效果，實際預覽時該儲存格會佔據10px左右的寬度。
如果把 代碼去掉，再把儲存格寬度或高度設定為1，就可以在IE中看到預期的效果。但是在NS（Netscape）中該儲存格不會顯示，就好象表格中缺了一塊。在儲存格內放一個透明的GIF圖，然後把它的寬度和高度都設定為1，這樣就可以同時相容IE和NS了。

Q： 為什麼在DW中給儲存格設定了背景圖有時在IE裡看不到？
A： 如果背景圖的設定出現在＜tr＞裡，在實際預覽時是看不到效果的，我覺得這應該算做DW的一個BUG，手工把＜tr＞中的背景圖相關設定代碼轉移到＜td＞中就好了。

Q： 如何使表格背景色在滑鼠經過時改變？
A： ＜table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"＞
＜tr＞
＜td onmouseover="style.backgroundColor='#CCCCCC'" onmouseout="style.backgroundColor='#FFFFFF'" align="center" bgcolor="#FFFFFF"＞背景色改變＜/td＞
＜/tr＞
＜/table＞