導航:首頁 > 萬維百科 > dw網頁設計超鏈接

dw網頁設計超鏈接

發布時間:2021-03-13 04:02:05

1、如何用DW製作網頁的超鏈接,我知道給文字和圖片加鏈接了,

DW圖片加入超鏈接,給超鏈接加一個target屬性,並將值設置為【_blank】,即可新打開的超鏈接在新頁面打開。


代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在新頁面打開超鏈接</title>
</head>

<body>
<a href="#" target="_blank">
<img src="20150808141837.jpg">
</a>
</body>
</html>


具體程序看附件。target屬性說明如下圖:


2、dw小網頁怎麼實線變為超鏈接?

試試這個代碼,自己改改,應該是可以實現你說的效果

<style>
html,body{font-size:12px;margin:0px;height:100%;}
.mesWindow{border:#666 1px solid;background:#fff;}
.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}
.mesWindowContent{margin:4px;font-size:12px;}
.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}
</style>
<script>
var isIe=(document.all)?true:false;
//設置select的可見狀態
function setSelectState(state)
{
var objl=document.getElementsByTagName('select');
for(var i=0;i<objl.length;i++)
{
objl[i].style.visibility=state;
}
}
function mousePosition(ev)
{
if(ev.pageX || ev.pageY)
{
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
//彈出方法
function showMessageBox(wTitle,content,pos,wWidth)
{
closeWindow();
var bWidth=parseInt(document.documentElement.scrollWidth);
var bHeight=parseInt(document.documentElement.scrollHeight);
if(isIe){
setSelectState('hidden');}
var back=document.createElement("div");
back.id="back";
var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";
styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";
back.style.cssText=styleStr;
document.body.appendChild(back);
showBackground(back,50);
var mesW=document.createElement("div");
mesW.id="mesWindow";
mesW.className="mesWindow";
mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='關閉窗口' class='close' value='關閉' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>";

styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";
mesW.style.cssText=styleStr;
document.body.appendChild(mesW);
}
//讓背景漸漸變暗
function showBackground(obj,endInt)
{
if(isIe)
{
obj.filters.alpha.opacity+=1;
if(obj.filters.alpha.opacity<endInt)
{
setTimeout(function(){showBackground(obj,endInt)},5);
}
}else{
var al=parseFloat(obj.style.opacity);al+=0.01;
obj.style.opacity=al;
if(al<(endInt/100))
{setTimeout(function(){showBackground(obj,endInt)},5);}
}
}
//關閉窗口
function closeWindow()
{
if(document.getElementById('back')!=null)
{
document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
}
if(document.getElementById('mesWindow')!=null)
{
document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));
}

if(isIe){
setSelectState('');}
}
//測試彈出
function testMessageBox(ev)
{
var objPos = mousePosition(ev);
messContent="<div style='padding:20px 0 20px 0;text-align:center'>中國站長站</div>";
showMessageBox('窗口標題',messContent,objPos,350);
}
</script>
</head>
<body>
<div style="padding:20px">
<div style="text-align:left";><a href="#none" onclick="testMessageBox(event);"></a></div>
<div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>彈出窗口時會將其隱藏,關閉時會讓其顯示,目的是在IE中防止彈出的DIV擋不住下拉框</div>
<div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">彈出窗口</a></div>
<div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">彈出窗口</a></div>
</div>
</body>
</html>

3、dw設計主一個網頁四個小網頁,帶超鏈接 急!!!!求好心人962949197

要想復用Dreamweaver來製作網頁,首先要安裝制Dreamweaver網頁製作的工具,那是必備的哦,可以去官網裡面去下載即可。第一步是打開Dreamweaver工具;

然後在Dreamweaver選項的中,選擇新建一個Html文件,這個是製作網頁的前提哦;

在Dreamweaver代碼的主界面中,在代碼、拆分、設計這三個選項卡中,選擇拆分,因為這樣可以更好的看到代碼與相關設計的表格的調整的問題;

首先我們要了解Dreamweaver的整體框架,了解在哪裡編寫代碼;

找到設置超鏈接的選項,進行設置;

點超鏈接的設置後,會出現一個對話框,是對鏈接進行設置的;

相同的方法,再添加一個谷歌的跳轉鏈接,同理;

兩個鏈接都製作成功後,我們可以稍作小小的修改,是網頁更加好看一些,在兩個鏈接中添加換行的標簽;

代碼程序編寫好後,記得保存html文件,Ctrl+s就可以了;

網頁文件保存好後就可以預覽效果了,在Dreamweaver頁面中,按F12就可以預覽了;

4、用DW做網頁時,怎樣設置動態網頁超鏈接?

如果你沒有安裝IIS的話那就要安裝IIS之後才行的! 不然會那樣的 如果你是XP的話可以下載一個IIS5.1安裝包來安裝添加刪除程序里選擇添加刪除WINDOWS組件,然後選擇IIS 復制了一點

5、Dreamweaver8怎樣做超鏈接

要想用Dreamweaver來製作網頁,首先要安裝Dreamweaver網頁製作的工具,那是必備的哦,可以去官網裡面去下載即可。第一步是打開Dreamweaver工具;

然後在Dreamweaver選項的中,選擇新建一個Html文件,這個是製作網頁的前提

在Dreamweaver代碼的主界面中,在代碼、拆分、設計這三個選項卡中,選擇拆分,因為這樣可以更好的看到代碼與相關設計的表格的調整的問題

首先我們要了解Dreamweaver的整體框架,了解在哪裡編寫代碼

找到設置超鏈接的選項,進行設置

點超鏈接的設置後,會出現一個對話框,是對鏈接進行設置的

相同的方法,再添加一個谷歌的跳轉鏈接,同理

兩個鏈接都製作成功後,我們可以稍作小小的修改,是網頁更加好看一些,在兩個鏈接中添加換行的標簽

代碼程序編寫好後,記得保存html文件,Ctrl+s就可以了

網頁文件保存好後就可以預覽效果了,在Dreamweaver頁面中,按F12就可以預覽了

6、DW網頁設計超鏈接是怎麼用的啊,老是沒反應

選中某個東西或區域,下面超鏈加鏈接,

7、dw中怎麼讓超鏈接的網頁在新窗口中打開?

這個是超鏈接的target 屬性,具體寫法為: <a href="" target="_blank">XXX</a>
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯內示,如果容把鏈接的 target 屬性設置為 "_blank",該鏈接會在新窗口中打開。

8、如何使用Dreamweaver製作網頁超鏈接

一、首先需要打開Dreamweaver網頁製作軟體

二、然後在<body></body>之間填充需要的文字,如:<body>洋鑫</body>

三、將所填的文字全部選中

四、點擊該軟體上面導航的查看下面的符號,在文字選中的情況下

五、點擊那個符號後,會出現一個這樣的窗口,第一排是選中的文字,第二排就是需要添加鏈接的地方

這樣就可以完成超鏈接的製作

9、dw中怎麼做超鏈接/?

在DW軟體的HTML編輯頁面中可以做超鏈接,具體操作請參照以下步驟。

1、在電腦上打開DW軟體,進入主界面後點擊HTML來創建一個新的編輯頁面。

2、接著在設計的版面中按個人需求輸入超鏈接名字,這里演示輸入的是「百度主頁」。

3、然後用滑鼠選中剛剛輸入的文字內容「百度主頁」。

4、然後在界面下方的屬性框中,點擊HTML屬性,在其鏈接欄中輸入百度主頁的網址。

5、完成以上設置後,即可在DW軟體中創建超鏈接。

與dw網頁設計超鏈接相關的知識