如何用制作網(wǎng)頁
提問問題
列表
-
Dreamweaver中用表單制作了留言板,如何將內(nèi)容提交后發(fā)到指定郵箱?
查看答案>>
-
用dreamweaver制作網(wǎng)頁 寬度如何設(shè)置自動鋪滿屏幕,長度如何設(shè)置一屏長度?
查看答案>>
-
用dreamweaver制作網(wǎng)頁 寬度如何設(shè)置自動鋪滿屏幕,長度如何設(shè)置一屏長度?
查看答案>>
-
css手機版頁面制作時如何讓背景圖片適應(yīng)div的高度和寬度
查看答案>>
-
怎么在dreamweaver做一個登錄頁面?
查看答案>>
-
css手機版頁面制作時如何讓背景圖片適應(yīng)div的高度和寬度
查看答案>>
-
如何用js做翻頁效果
查看答案>>
Dreamweaver中用表單制作了留言板,如何將內(nèi)容提交后發(fā)到指定郵箱?
解決思路: 關(guān)鍵點是設(shè)置表單的action屬性為”mailto:”+email地址。 具體步驟: 1.設(shè)置表單的action屬性為接收郵件的email地址,并設(shè)置表單的MIME編碼。 <form action="mailto:yourname@domain.com" enctype="text/plain"> </form> 2.設(shè)置郵件主題和正文的輸入框 主題:<input name="subject" type="text"><br> 正文:<textarea name="body"></textarea><br> <input name="subject" type="text"> 3.設(shè)置抄送和密碼地址輸入框 抄送:<input name="cc" type="text"><br> 密送:<input name="bcc" type="text"><br> 4.完整代碼 <form action="mailto:yourname@domain.com" enctype="text/plain"> 主題:<input name="subject" type="text"><br> 抄送:<input name="cc" type="text"><br> 密送:<input name="bcc" type="text"><br> 正文:<textarea name="body"></textarea><br> <input type="submit"> </form> 注意: 表單的action值的格式必須為"mailto:目標(biāo)Email地址",這個跟做Email鏈接時類似。 enctype(MIME編碼)必須設(shè)置為"text/plain"(文本),否則收到的郵件是亂碼。 表單的method屬性不能設(shè)置為post,必須為get(默認(rèn)不設(shè)置時為get),否則郵件的格式跟用戶輸入的不符合。 技巧:如果要直接做成鏈接,可以把這些參數(shù)值寫到鏈接里,例如: <a href="mailto:youname@domain.com?subject=title&cc=name1@domain.com,name2@domain.com&bcc=bccname@domain.com&body=hello world!">mailto</a> 填寫表單后單擊提交按鈕,將彈出一個確認(rèn)框,單擊【確定】按鈕,將自動調(diào)用用戶的默認(rèn)郵件收發(fā)軟件來編輯郵件。 也就是說需要用戶計算機里的郵件收發(fā)軟件來發(fā)送,而且用戶必須先要設(shè)置好郵件收發(fā)軟件。 如果要程序自動發(fā)送,則必須要服務(wù)器端程序支持,如asp,php等。asp程序接收到你提交的內(nèi)容后經(jīng)過處理,然后再調(diào)用CDONTS或Jmail組件來發(fā)送,而且服務(wù)器端也需要一個可用SMTP服務(wù)器來完成發(fā)送。
用dreamweaver制作網(wǎng)頁 寬度如何設(shè)置自動鋪滿屏幕,長度如何設(shè)置一屏長度?
1:Meta 標(biāo)簽為了適應(yīng)屏幕,不少移動瀏覽器都會把HTML頁面置于較大視口寬度(一般會大于屏幕寬度),你可以使用viewport meta標(biāo)簽來設(shè)定。以下viewport meta標(biāo)簽告訴瀏覽器視口寬度等于設(shè)備屏幕寬度,且不進行初始縮放:<meta name="viewport" content="width=device-width, initial-scale=1.0">2: Media QueriesCSS3 media query是自適應(yīng)網(wǎng)頁設(shè)計的關(guān)鍵,他就像高級語言里的if條件語句,告訴瀏覽器根據(jù)不同的視口寬度(這里等于瀏覽器寬度)來渲染網(wǎng)頁。如果視口寬度小于等于980px,下面規(guī)則生效。這里將容器像素寬度該用百分比,頁面排版更加靈活。<style type="text/css"> @media screen and (max-width:980px){ #t1{width:100%} .t2{width:60%} } </style> 注意:要將px改成百分比 #代表id的樣式引用 .代表class的樣式引用
用dreamweaver制作網(wǎng)頁 寬度如何設(shè)置自動鋪滿屏幕,長度如何設(shè)置一屏長度?
1:Meta 標(biāo)簽為了適應(yīng)屏幕,不少移動瀏覽器都會把HTML頁面置于較大視口寬度(一般會大于屏幕寬度),你可以使用viewport meta標(biāo)簽來設(shè)定。以下viewport meta標(biāo)簽告訴瀏覽器視口寬度等于設(shè)備屏幕寬度,且不進行初始縮放:<meta name="viewport" content="width=device-width, initial-scale=1.0">2: Media QueriesCSS3 media query是自適應(yīng)網(wǎng)頁設(shè)計的關(guān)鍵,他就像高級語言里的if條件語句,告訴瀏覽器根據(jù)不同的視口寬度(這里等于瀏覽器寬度)來渲染網(wǎng)頁。如果視口寬度小于等于980px,下面規(guī)則生效。這里將容器像素寬度該用百分比,頁面排版更加靈活。<style type="text/css"> @media screen and (max-width:980px){ #t1{width:100%} .t2{width:60%} } </style> 注意:要將px改成百分比 #代表id的樣式引用 .代表class的樣式引用
css手機版頁面制作時如何讓背景圖片適應(yīng)div的高度和寬度
可以使用background-size: cover來適應(yīng)DIV元素的高度和亮度。代碼如下:<style>
div{background:url(圖片地址) no-repeat;width:100%;height:auto;background-size:cover;}
</style>
<div>這里是內(nèi)容</div>background-size 屬性規(guī)定背景圖像的尺寸,IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 屬性。
怎么在dreamweaver做一個登錄頁面?
①先新建一個html頁面取名為index.html這個為首頁,在BODY里面寫上<a href="Login.html"/>登陸</a>(一般網(wǎng)站上的登陸按鈕不是button而是a標(biāo)簽,只是加一些樣式就可以和button按鈕一樣了,href就是你想點擊后跳轉(zhuǎn)到得頁面地址)。②再建立一個HTML頁面取名為Login.html這個是登陸的界面在body里寫上 <label>用戶名</label> <input type="text" /><br /> <label>密碼</label> <input type="password" /><a href="這里寫第三個頁面的地址">注冊</a>上面就是登陸頁面讓你輸入用戶名和密碼。③建立一個html作為注冊頁面,在body里面寫上 <label>用戶名</label> <input type="text" /><br /> <label>密碼</label> <input type="text" /><br /> <label>確認(rèn)密碼</label> <input type="password" /> <input type="button" value="注冊"/>以上就是在網(wǎng)站中常看到的點擊登陸彈出頁面,點擊注冊彈出頁面的代碼了。但是這只是html代碼,如果要想驗證那么就要涉及的數(shù)據(jù)庫的知識了。希望可以幫到你,希望采納!
css手機版頁面制作時如何讓背景圖片適應(yīng)div的高度和寬度
可以使用background-size: cover來適應(yīng)DIV元素的高度和亮度。代碼如下:<style>
div{background:url(圖片地址) no-repeat;width:100%;height:auto;background-size:cover;}
</style>
<div>這里是內(nèi)容</div>background-size 屬性規(guī)定背景圖像的尺寸,IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 屬性。
如何用js做翻頁效果
參考代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript" language="javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$("#right").click(function() {
var roll = $("<div></div>", { css: { position: "absolute", border: "solid 1px #999", left: "806px", top: "10px", height: "494px", width: "1px", background: "#fff"}}).appendTo($("#book").parent());
$(roll).animate({
left: "10px",
width: "398px"
}, 1000, function() {
$("#left").css({"background":"#fff"});
$(roll).fadeOut(300, function() {
$(roll).remove();
})
});
});
});
</script>
</head>
<body style="padding:5px;margin:0;">
<div id="book" style="width:797px;height:494px;background:#ccc;border:solid 6px #ccc;">
<div id="left" style="width:398px;height:494px;float:left;background:url(http://www.codefans.net/jscss/demoimg/201011/PLh.png) no-repeat top left;cursor:pointer;"></div>
<div id="right" style="width:398px;height:494px;float:left;background:#fff;cursor:pointer;margin-left:1px;text-align:right;"><p style="margin-top:470px;font-size:12px;color:#999;">點這翻頁 </p></div>
</div>
</body>
</html>
熱門問答
- 模版還是模板
- 免費建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些