Q: 怎么才能讓層飄在Flash上面?
A: 在網(wǎng)頁(yè)里把SWF文件設(shè)置為背景透明即可,具體做法:
DW中,在SWF文件的屬性面板中,點(diǎn)parameters,添加參數(shù)wmode,值選擇transparent;
或者直接修改網(wǎng)頁(yè)的代碼,在標(biāo)志SWF文件屬性的代碼中添加:
<param name="wmode" value="transparent">
注意,這種效果只有IE支持。
Q: 如何讓一個(gè)圖片或表格在頁(yè)面中始終保持橫向和縱向的居中?
A: 首先插入一個(gè)1行1列的表格,設(shè)置其寬度為100%、高度也為100%,邊框?yàn)?。
然后設(shè)置單元格的屬性,設(shè)置其內(nèi)容的水平對(duì)齊方式和垂直對(duì)齊方式均為居中。
最后在這個(gè)單元格插入圖片或表格,就可以保持內(nèi)容在頁(yè)面內(nèi)橫向和縱向都居中顯示了。
Q: 表格內(nèi)的文字不會(huì)自動(dòng)換行,怎么辦?
A: 有兩種可能的情況:
第一種,你用CSS把表格內(nèi)文字的字體設(shè)置成了英文字體,這樣在DW里表格內(nèi)的文字不會(huì)自動(dòng)換行,但這僅是DW里的顯示效果,在IE里其實(shí)是可以正常換行的。如果希望在DW的編輯狀態(tài)也能使文字自動(dòng)換行,把表格內(nèi)文字的字體設(shè)置為中文字體即可(例如“宋體”)。
第二種,你在表格中輸入了連串無空格的英文或數(shù)字,它們被IE識(shí)別為一個(gè)完整的單詞,所以不會(huì)自動(dòng)換行,遇到這種情況,你可以通過CSS把文字強(qiáng)行打散,例如:
<td style="word-break:break-all">……</td>
Q: 背景音樂因?yàn)轫?yè)面的切換而無法連續(xù)播放,怎么讓它連續(xù)播放?
A: 用分幀實(shí)現(xiàn),把其中一個(gè)frame的顯示高度(或?qū)挾龋┒x為0,在其中設(shè)置背景音樂,另外一個(gè)frame內(nèi)的頁(yè)面切換不影響整個(gè)背景音樂的播放。
例子:
<html>
<head>
<title>框架頁(yè)</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">
對(duì)不起,你的瀏覽器不支持框架的顯示。
</body>
</noframes>
</html>
Q: 半透明的層怎么做?
A: 先定義一個(gè)CSS樣式:
<style type="text/css">
<!--
.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)}
-->
</style>
然后應(yīng)用在層標(biāo)簽里:
<div class="halfalpha">
Q: 層在不同分辨率下發(fā)生錯(cuò)位,怎么辦?
A:解決方法有二:
1、頁(yè)面居左顯示;
2、使用層的相對(duì)定位,關(guān)于相對(duì)定位你可以參考這篇文章:
http://www.windstudio.net/tech/show.asp?id=37
Q: 如何實(shí)現(xiàn)“設(shè)為首頁(yè)”、“添加到收藏夾”?
A: 設(shè)置為首頁(yè):
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.windstudio.net');">設(shè)為首頁(yè)</a>
加入收藏:
<a href="javascript:window.external.AddFavorite('http://www.windstudio.net', '有風(fēng)的日子·帶給你一陣清新的設(shè)計(jì)風(fēng)')">加入收藏</a>
Q: 如何制作細(xì)線表格?
A: 表格細(xì)線邊框的做法
方法1:把表格的cellspacing設(shè)置為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均設(shè)置為1,分別設(shè)定表格的邊框色和內(nèi)部單元格的邊框色,注意使內(nèi)部單元格的邊框色和網(wǎng)頁(yè)背景色或表格背景色相同,這樣內(nèi)部的邊框看上去就和背景融為一體了。舉例如下:
<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定義表格的邊框?qū)挾葹?個(gè)像素。先設(shè)置CSS類table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px},然后在<table>標(biāo)簽里添加class="table1"。
方法4:做一個(gè)和表格等大的圖片作為表格的背景,尤其當(dāng)你想使表格邊線有倒角時(shí)。
Q: 如何安裝和使用.mxp格式的DW插件?
A: 要求裝有插件管理器,DW4已經(jīng)將插件管理器整合其中,無須另外安裝。DW3需要另外安裝,您可以從本站的酷軟下載欄目中下載。
安裝完插件管理器后,雙擊.mxp格式的文件,一路選擇YES,插件就會(huì)自動(dòng)安裝到DW中,這樣你就可以在DW的菜單中找到該插件了。
要注意不同類型的插件會(huì)在DW不同的菜單或面板里找到,插件管理器會(huì)告訴你該插件的類型(object、command、behavior或其他)、功能和用法。
Q: 怎樣打開一個(gè)全屏的IE窗口?
A: 用JavaScript來實(shí)現(xiàn):
定義過程:
<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>
調(diào)用函數(shù):
<a href="javascript:;" onClick="MachakFull('index.htm','')">點(diǎn)這里打開一個(gè)全屏窗口</a>
Q: 怎么做無邊的IE彈出窗口?
A: 這種窗口叫Chromeless Window,用一個(gè)DW插件就可以實(shí)現(xiàn)這種效果。
插件名稱:Chromeless Window 完美修正版
下載地址:http://www.windstudio.net/
Q: 如何去除瀏覽器的“滾動(dòng)條”?
A: <body scroll=no>
去掉水平滾動(dòng)條:
<body style="overflow-x: hidden">
去掉豎直滾動(dòng)條:
<body style="overflow-y: hidden">
Q: 怎么讓下拉列表的鏈接在新窗口中顯示?
A: <select name="designlink" onChange="window.open(this.options(this.selectedIndex).value);">
<o(jì)ption selected>設(shè)計(jì)站點(diǎn)鏈接</option>
<o(jì)ption value=http://www.pcicp.com>蔫老虎網(wǎng)站</option>
<o(jì)ption value=http://bbs.pcicp.com>蔫老虎論壇</option>
<o(jì)ption value="</select>
Q: 如何實(shí)現(xiàn)兩種不同的鏈接效果?
A: 在CSS中設(shè)置不同的類(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}
不同的鏈接調(diào)用不同的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、同樣方法再建立一個(gè)鏈接樣式a.w1(名稱可任意):link 和a.w1:hover
4、第二步所建立的樣式會(huì)以默認(rèn)值自動(dòng)寫入文檔,當(dāng)需要使用第二種樣式時(shí),選中鏈接文字,在右鍵快捷菜單中選擇新樣式(第三步建立的樣式,這里為w1),搞定。
Q: 怎樣用CSS改變鼠標(biāo)指針樣式?
A: <span style="cursor:X"></span>
這里選擇cursor(文本)作為對(duì)象,還可以自己改為其他的,如link等。
x可以等于=hand(手形)、crosshair(十字)、text(文本光標(biāo))、wait(顧名思義啦)、default(默認(rèn)效果)、help(問號(hào))、e-size(向右箭頭)、ne-resize(向右上的箭頭)、nw-resize(向左上的箭頭)、w-resize(向左的箭頭)、sw-resize(左下箭頭)、s-resize(向下箭頭)、se-resize(向右下箭頭)、auto(系統(tǒng)自動(dòng)給出效果)
Q: 如何解決DW4不能使用五筆輸入法的問題?
A: 選擇菜單Edit→Preferences,在Category列表中選擇General,取消復(fù)選框Enable Double-Byte Inline Input既可。取消復(fù)選框Enable Double-Byte Inline Input后,所有的中文輸入法(包括五筆字型輸入法V4.5)均恢復(fù)正常!
Q: 怎么樣讓在800*600分辨率下生成的網(wǎng)頁(yè)在1024*768下居中顯示?
A: 把頁(yè)面內(nèi)容放在一個(gè)寬為778的大表格中,把大表格設(shè)置為水平方向居中。寬度定為778是為了在800*600下窗口不出現(xiàn)水平滾動(dòng)條,你也可以根據(jù)需要進(jìn)行調(diào)整。
如果要加快關(guān)鍵內(nèi)容的顯示,也可以把內(nèi)容拆開放在幾個(gè)豎向相連的大表格中~~
除了使用表格之外,你也可以把要居中的部分用<div align=center>和</div>標(biāo)簽包圍起來。
Q: 怎么實(shí)現(xiàn)在不同頁(yè)面間通過鏈接跳轉(zhuǎn)時(shí),IE地址欄的顯示地址不變?
A: 用分幀實(shí)現(xiàn),把其中一個(gè)frame的顯示高度(或?qū)挾龋┒x為0,這樣另外一部分通過鏈接跳轉(zhuǎn)的時(shí)候就是在分幀內(nèi)部跳轉(zhuǎn)了,如果要跳出這個(gè)分幀,設(shè)置鏈接的target="_top"即可~~
例子:
<html>
<head>
<title>框架頁(yè)</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">
對(duì)不起,你的瀏覽器不支持框架的顯示。
</body>
</noframes>
</html>
Q: 絕對(duì)地址與相對(duì)地址?絕對(duì)定位與相對(duì)定位?
A: 絕對(duì)地址:形如http://www.windstudio.net/index.htm 或file://d:/homepage/index.htm 這樣的地址,就是文件在網(wǎng)絡(luò)或本地的絕對(duì)位置;
相對(duì)地址:就是被鏈接文件相對(duì)與當(dāng)前頁(yè)面的地址,比如說,鏈接和當(dāng)前頁(yè)面同級(jí)的文件地址只要用“文件名”即可;鏈接當(dāng)前頁(yè)面下級(jí)子目錄下的文件用“目錄名/文件名”;鏈接當(dāng)前頁(yè)面上一級(jí)目錄下的文件用“../文件名”;鏈接同級(jí)但在另外一個(gè)子目錄中的文件用“../目錄名/文件名”;鏈接根目錄(你的網(wǎng)站的根目錄,并非硬盤根目錄)下的文件可以用“./文件名”的形式。
其實(shí)絕對(duì)和相對(duì)很容易理解的,相對(duì)就是有參照物的,絕對(duì)則是固定的。
為什么我們提倡使用相對(duì)地址呢?打個(gè)比方說吧,如果你有一個(gè)index.htm,里面引用了images目錄的一些圖片,如果使用了相對(duì)地址,搬家的時(shí)候只需把原來這套東西全部上傳到新的空間就行了,因?yàn)槲募舜酥g的相對(duì)位置關(guān)系沒有改變,所以這些地址仍然是有效的。但如果插入圖片的時(shí)候使用了絕對(duì)地址,那空間地址一變,引用處的圖片路徑也要隨之改變。當(dāng)然,有時(shí)也會(huì)用到絕對(duì)地址,例如友情鏈接別人的主頁(yè)等等。
相對(duì)定位也是一樣,如果是相對(duì)于一個(gè)單元格定位的層,單元格挪動(dòng)到哪兒,層也就會(huì)到哪兒,結(jié)合這篇《關(guān)于層的相對(duì)于絕對(duì)定位》,就可以解決層很難適應(yīng)多種分辨率的問題:
http://www.windstudio.net/tech/show.asp?id=37
用辯證的觀點(diǎn)來看,其實(shí)絕對(duì)定位也是相對(duì)的,它和我們所說的相對(duì)定位的區(qū)別就在于,層的絕對(duì)定位是相對(duì)于瀏覽器的左邊界和上邊界而言,而層的相對(duì)定位是層相對(duì)于它的載體(表格或另外的層)而言~~
Q: 如何取消鏈接的下劃線?
A: 用CSS來實(shí)現(xiàn):
<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 表示鼠標(biāo)經(jīng)過時(shí)的鏈接樣式。text-decoration: none 表示無下劃線,text-decoration: underline 表示有下劃線。
如果三種鏈接狀態(tài)的樣式相同,也可以簡(jiǎn)化為:
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
Q: 為什么在DW中把單元格高度設(shè)置為1沒有效果?
A: DW生成表格時(shí)會(huì)自動(dòng)在每個(gè)單元格里填充一個(gè) 代碼,就是空格代碼,如果有這個(gè)代碼的存在,你把該單元格寬度或高度設(shè)置為1都沒有效果,實(shí)際預(yù)覽時(shí)該單元格會(huì)占據(jù)10px左右的寬度。
如果把 代碼去掉,再把單元格寬度或高度設(shè)置為1,就可以在IE中看到預(yù)期的效果。但是在NS(Netscape)中該單元格不會(huì)顯示,就好象表格中缺了一塊。在單元格內(nèi)放一個(gè)透明的GIF圖,然后把它的寬度和高度都設(shè)置為1,這樣就可以同時(shí)兼容IE和NS了。
Q: 為什么在DW中給單元格設(shè)置了背景圖有時(shí)在IE里看不到?
A: 如果背景圖的設(shè)置出現(xiàn)在<tr>里,在實(shí)際預(yù)覽時(shí)是看不到效果的,我覺得這應(yīng)該算做DW的一個(gè)BUG,手工把<tr>中的背景圖相關(guān)設(shè)置代碼轉(zhuǎn)移到<td>中就好了。
Q: 如何使表格背景色在鼠標(biāo)經(jīng)過時(shí)改變?
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>
