導航:首頁 > 萬維百科 > 進行網頁設計的dw

進行網頁設計的dw

 發布時間：2021-03-21 18:57:40

1、Html網頁製作，用dw做坐等代碼。

<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代碼
</title>
<style>
*{
margin:0;
outline:none;
}
.wrap{
margin:auto;
width:500px;
height:450px;
background-color:white;
border:1px solid gray;
border-radius:5px;
}
table{
width:100%;
border-collapse:collapse;
font:normal 13px '微軟雅黑';
}
caption{
font-size:20px;
color:rgb(158, 99, 99);
padding:12px;
}
td input[type=text]{
border:1px solid rgb(46, 128, 216);
border-radius:5px;
width:80%;
height:25px;
}
tr{
line-height:50px;
}
td textarea{
resize:none;
width:80%;
height:100px;
border:1px solid rgb(46, 128, 216);
border-radius:5px;
}
tr td:first-child{
text-align:right;
}
td input[type=submit],
td input[type=reset]{
background-color:rgb(52, 114, 143);
color:white;
border:0;
width:75px;
height:25px;
border-radius:5px;
cursor:pointer;
margin:10px;
}
</style>
<script>
var ck = function(form){
var reg = /^s+|s+$/g;
if(form.zt.value.replace(reg, "") == ""){
alert("請輸入主題");
form.zt.focus();
return false;
}else if(form.xq.value.replace(reg, "") == ""){
alert("請輸入詳細需求");
form.xq.focus();
return false;
}else if(form.sqr.value.replace(reg, "") == ""){
alert("輸入申請人");
form.sqr.focus();
return false;
}else if(!/^1([38]d|4[57]|5[0-35-9]|7[06-8])d{8}$/.test(form.tel.value.replace(reg, ""))){
alert("聯系電話不符規格");
form.tel.focus();
form.tel.select();
return false;
}else if(form.num.value.replace(reg, "") == ""){
alert("輸入QQ/微信號");
form.num.focus();
return false;
}
return true;
}
</script>
  </head>
<body>
<form class="wrap" onsubmit="return ck(this)">
<table>
<caption>
定製申請
</caption>
<tr>
<td>
*主題:
</td>
<td>
<input type="text" name="zt" />
</td>
</tr>
<tr>
<td style="vertical-align:top;">
*詳細需求:
</td>
<td>
<textarea name="xq"></textarea>
</td>
</tr>
<tr>
<td>
*申請人:
</td>
<td>
<input type="text" name="sqr" />
</td>
</tr>
<tr>
<td>
*聯系電話:
</td>
<td>
<input type="text" name="tel" />
</td>
</tr>
<tr>
<td>
*QQ/微信號:
</td>
<td>
<input type="text" name="num" />
</td>
</tr>
<tr>
<td colspan=2 style="text-align:center;"> 
<input type="submit" value="提交" />
<input type="reset" value="重填" />
</td>
</tr>
</table>
</form>
  </body>
</html>

2、網頁設計期末作業 用DW

我有以前做的dreamweaver的網頁作業。
有20份作業的源文件。任你挑選。
郵箱我就不單獨發了，為了方便大家下載參考。
我把網頁作業源文件打包上傳到我的百度網盤。可以直接下載，不需要注冊，也不需要積分。
網頁作業的下載地址 公布於本人的百度空間的文章中。
找不到或者有什麼問題的可以私信我

3、怎麼用dreamweaver網頁設計

1、新建一個ASP網頁並且保存；
2、連接好資料庫；
3、 在網頁中插入模板的內容，並添加好各個超鏈接；
4、頁面設計好後把網頁另存為模板。
5、接著在需要編輯的部分插入「可編輯區域」；
6、保存後，我們就可以在網站根目錄下的「Templates」文件夾下看見我們剛剛新建的模板了。以後要修改模板的內容就可以直接打開編輯了。
這個需要一定的dw知識，不是隨便可以操作的。

4、如何用DW網頁設計代碼做出這個網頁，急急急

參考
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代碼
</title>
<style>
*{
margin:0;
outline:none;
}
.wrap{
margin:auto;
width:500px;
height:450px;
background-color:white;
border:1px solid gray;
border-radius:5px;
}
table{
width:100%;
border-collapse:collapse;
font:normal 13px '微軟雅黑';
}
caption{
font-size:20px;
color:rgb(158, 99, 99);
padding:12px;
}
td input[type=text]{
border:1px solid rgb(46, 128, 216);
border-radius:5px;
width:80%;
height:25px;
}
tr{
line-height:50px;
}
td textarea{
resize:none;
width:80%;
height:100px;
border:1px solid rgb(46, 128, 216);
border-radius:5px;
}
tr td:first-child{
text-align:right;
}
td input[type=submit],
td input[type=reset]{
background-color:rgb(52, 114, 143);
color:white;
border:0;
width:75px;
height:25px;
border-radius:5px;
cursor:pointer;
margin:10px;
}
</style>
<script>
var ck = function(form){
var reg = /^\s+|\s+$/g;
if(form.zt.value.replace(reg, "") == ""){
alert("請輸入主題");
form.zt.focus();
return false;
}else if(form.xq.value.replace(reg, "") == ""){
alert("請輸入詳細需求");
form.xq.focus();
return false;
}else if(form.sqr.value.replace(reg, "") == ""){
alert("輸入申請人");
form.sqr.focus();
return false;
}else if(!/^1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8}$/.test(form.tel.value.replace(reg, ""))){
alert("聯系電話不符規格");
form.tel.focus();
form.tel.select();
return false;
}else if(form.num.value.replace(reg, "") == ""){
alert("輸入QQ/微信號");
form.num.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form class="wrap" onsubmit="return ck(this)">
<table>
<caption>
定製申請
</caption>
<tr>
<td>
*主題:
</td>
<td>
<input type="text" name="zt" />
</td>
</tr>
<tr>
<td style="vertical-align:top;">
*詳細需求:
</td>
<td>
<textarea name="xq"></textarea>
</td>
</tr>
<tr>
<td>
*申請人:
</td>
<td>
<input type="text" name="sqr" />
</td>
</tr>
<tr>
<td>
*聯系電話:
</td>
<td>
<input type="text" name="tel" />
</td>
</tr>
<tr>
<td>
*QQ/微信號:
</td>
<td>
<input type="text" name="num" />
</td>
</tr>
<tr>
<td colspan=2 style="text-align:center;">
<input type="submit" value="提交" />
<input type="reset" value="重填" />
</td>
</tr>
</table>
</form>
</body>
</html>

5、網頁設計 dw

css樣式:

hover的時候,把對應的class樣式後面加:hover

例:

.classOne:hover{
    backgroundColor:blue
}

選中的時候是active

.classOne:active{
    backgroundColor:#fff
}

或者寫click事件,用JQ或者js獲取DOM元素

然後通過DOM元素的.sytle.backgroundColor='你想要的顏色'

6、網頁設計DW

頁結構以及相同欄目下的導航條、各類圖標就顯得非常麻煩，不過我們可以藉助Dreamweaver MX 2004的模板功能來簡化操作。其實模板的功能就是把網頁布局和內容分離，在布局設計好之後將其存儲為模板，這樣相同布局的頁面可以通過模板創建，因此能夠極大提高工作效率。
一、製作模板
製作模板和製作一個普通的頁面完全相同，只是不需要把頁面的所有部分都製作完成，僅僅需要製作出導航條、標題欄等各個頁面的公有部分，而把中間區域用頁面的具體內容來填充。
第一步:先在Dreamweaver MX 2004中運行「File→New」命令，接著從圖1所示的窗口中依次選定「Template page→HTML template」選項，點擊「Create」按鈕之後即可創建一個模板文件。
第二步:在頁面設計視圖下插入網頁框架、導航條、Flash標題等所有頁面公有的元素(圖2)，然後運行「File→Save」命令將這個模板保存下來。
小提示:可以先下載一個中意的網頁，然後在Dreamweaver MX 2004中打開它，僅僅保留框架等元素之後通過「File→Save as Template」命令將其保存為模板，這樣能夠省去很多製作模板的時間。
為了避免編輯時候誤操作而導致模板中的元素變化，模板中的內容默認為不可編輯，只有把某個區域或者某段文本設置為可編輯狀態之後，在由該模板創建的文檔中才可以改變這個區域。先用滑鼠選取某個區域(也就是每個頁面不同內容的區域)，接著運行「Modify→Templates→New Editable Region」命令，並且在彈出的對話框中為這個區域設定一個名稱，這樣就完成了編輯區域的設置。

7、dw怎麼做這個網頁(用設計)

一個表格一張圖片幾個文字 最簡單了

8、網頁設計DW和HTML分別都是做什麼的？

DW可視化程度高，方便新手，但是一些效果細節還是要用代碼解決,HTML是最基本的網頁製作語言，僅靠HTML是做不了好的網頁的

9、DW是做網頁設計的嗎？

Adobe Dreamweaver，簡稱「DW」，copy中文名稱 "夢想編織者"，是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。

與進行網頁設計的dw相關的知識