制作網(wǎng)頁頁面

提問

問題
列表

如何讓網(wǎng)頁自適應(yīng)所有屏幕寬度

查看答案>>
如何制作網(wǎng)頁登陸界面？

查看答案>>
如何做HTML頁面表單提交后直接發(fā)送到指定的郵箱？

查看答案>>
如何使用Dreamweaver制作一個網(wǎng)頁

查看答案>>
網(wǎng)頁制作中常見的頁面尺寸是多少？

查看答案>>
怎么制作一個固定大小的html頁面

查看答案>>
靜態(tài)網(wǎng)頁制作步驟

查看答案>>
如何制作網(wǎng)頁登陸界面？

查看答案>>
一般做網(wǎng)頁設(shè)計背景尺寸定多大？

查看答案>>
網(wǎng)頁制作---怎么制作一個彈出網(wǎng)頁窗口

查看答案>>

如何讓網(wǎng)頁自適應(yīng)所有屏幕寬度

在1024*768或者800*600的分辨率下可以自動調(diào)整成適用于該客戶端分辨率的大小。　　第一種方法：做一個網(wǎng)頁解決問題（長了點）　　如果只是因為瀏覽者改變了瀏覽器的設(shè)置，或者因為瀏覽器不兼容，使自己精心制作的網(wǎng)頁變得"面目全非"，那多令人沮喪！下面我們以網(wǎng)頁愛好者的常用工具Dreamweaver（以下簡稱DW）為例，列出幾個網(wǎng)頁制作初學(xué)者較常見的網(wǎng)頁布局問題以及解決方法，希望對初學(xué)者們有所幫助。　　一、消除任意縮放瀏覽器窗口對網(wǎng)頁的影響　　一番辛苦做出來的網(wǎng)頁，在全屏狀態(tài)下瀏覽一切正常。但在改變?yōu)g覽窗口大小之后，網(wǎng)頁就變得"不堪入目"了，這是個很值得注意的問題。　　問題的根源還得從網(wǎng)頁的布局說起，在DW中，網(wǎng)頁內(nèi)容的定位一般是通過表格來實現(xiàn)的，解決表格的問題也就成功了大半。　　大家應(yīng)該注意到，在DW中表格屬性面板的高寬設(shè)定選擇上提供了兩種不同類型：百分比和像素值。百分比的使用將會產(chǎn)生前面說到的那個毛病。這里所說的百分比是指表格的高或?qū)捲O(shè)置為上層標(biāo)記所占區(qū)域高或?qū)挼陌俜直龋缭谝粋€表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當(dāng)時窗口的寬度的。IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內(nèi)容也隨之錯位、變形，就是因為表格的百分比也要隨著窗口的大小而改變成相應(yīng)的百分比寬度。　　自然，解決這個問題的辦法就是將表格寬度設(shè)置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設(shè)置，內(nèi)層表格也可以適當(dāng)使用百分比設(shè)置。清楚這個原則以后，如果出現(xiàn)類似的問題大家也知道怎么解決。　　二、讓網(wǎng)頁居中　　說到了窗口大小就會順著路子想到分辨率的問題，在800×600分辨率下制作的網(wǎng)頁在1024×768分辨率的機器上打開，整個網(wǎng)頁就會跑到左邊；1024×768分辨率的網(wǎng)頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費時，看起來也費勁。怎么辦呢？　　現(xiàn)在大多數(shù)網(wǎng)民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網(wǎng)頁在1024*768時居中，只要在網(wǎng)頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個就是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設(shè)的是百分比，那么使用大于800×600的像素時，網(wǎng)頁就會拉寬，這樣網(wǎng)頁可能會變形。在<body>中加入leftmargin=0，即<body leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現(xiàn)滾動條。還有一點要注意的是不能用DW中的層來定位。　　<html> 　　<head></head> 　　<body topmargin=0 leftmargin=0> 　　<center> 　　　　<table cellspacing cellpadding width=760><tr><td></td></tr></table> 　　</center> 　　</body> 　　</html> 　三、定義固定大小的文字　　大家都知道,在IE瀏覽器的功能設(shè)置中，有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的設(shè)置習(xí)慣不同，呈現(xiàn)在他們面前的網(wǎng)頁有時也會不不相同。比如你可能本來設(shè)計時用的是2號字體，結(jié)果由于用戶對瀏覽器的額外設(shè)定，變的更大了，這時你的網(wǎng)頁也可能變得"不堪入目"。雖然不是你的錯，但客戶是上帝。　　如果使用了網(wǎng)頁中的CSS樣式表技術(shù)，就不會出現(xiàn)上述情況了。使用快捷鍵"Shift+F11"打開樣式表"CSS style"編輯器，在窗口中單擊鼠標(biāo)右鍵執(zhí)行"New CSS style..."命令新建一個樣式表，然后在給出的列表中選擇"類型"選項，定義文字屬性參數(shù)（一般文字的大小選擇12px較為適宜）。完成后選擇網(wǎng)頁編輯窗中的文本，單擊新的樣式表名稱，可以看到選中的文本發(fā)生了變化。預(yù)覽時試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變。　　四、讓網(wǎng)頁適應(yīng)不同的瀏覽器　　瀏覽器的格局現(xiàn)在是兩分天下，一分是IE，另一分是NetScape，在國內(nèi)Ie有絕對的占有率，在這種情況下我們設(shè)計的網(wǎng)頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老。　　雖然沒有辦法做出讓所有瀏覽器都兼容的網(wǎng)站，但只要注意以下幾點，做出來的網(wǎng)頁在各個瀏覽器都中能達(dá)到比較好的顯示效果：　　不要混合使用層和表格排版，如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi)。　　內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式。　　有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。　　對于只有幾個像素寬度或高度的層，改用圖片來實現(xiàn)。　　避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。　　第二種方法：做兩個適合不同分辨率的頁面，一個是800×600，一個是1024×768，在800×600的頁面中加入一下代碼就可以實現(xiàn)跳轉(zhuǎn)了：　　　解決分辨率問題在Dreamweaver中沒有此項功能，我們只能手動加入一段Javascript代碼。首先在change－ie.html或change－nc.html頁面代碼中的< head>和< /head>中加入以下代碼：　　 < script language=JavaScript> 　　 < !－－　　 function redirectPage(){ 　　 var url800x600=〃index－ie.html〃; //定義兩個頁面，此處假設(shè)index－ex.html和1024－ie.html同change－ie.html在同一個目錄下　　 var url1024x768=〃1024－ie.html〃; 　　 if ((screen.width==800) ＆＆ (screen.height==600))　//在此處添加screen.width、screen.height的值可以檢測的分辨率　　 window.location.href= url800x600; 　　 else if ((screen.width==1024) ＆＆ (screen.height==768)) 　　 window.location.href=url1024x768; 　　 else window.location.href=url800x600; 　　 } 　　 // －－> 　　 < /script>　　然后再在< body…>內(nèi)加入onLoad=〃redirectPage()〃　　最后，同樣地，在< body>和< /body>之間加入以下代碼來顯示網(wǎng)頁的工作信息：　　 < script language=JavaScript> 　　 < !－－　　 var w=screen.width 　　 var h=screen.height 　　 document.write(〃系統(tǒng)已檢測到您的分辨率為:〃); 　　 document.write(〃< font size=3 color=red>〃); 　　 document.write(w＋〃×〃＋h); 　　 document.write(〃< /font>〃); 　　 document.write(〃正在進(jìn)入頁面轉(zhuǎn)換,請稍候…〃); 　　 // －－> 　　 < /script> 判斷讀者瀏覽器類型和屏幕分辨率，自動調(diào)用不同CSS我們在設(shè)計網(wǎng)頁的時候一個比較頭痛的問題是究竟我們的瀏覽者的分辨率是多少？如果使我們的瀏覽者能夠更好的去瀏覽到我的網(wǎng)頁，這個是我們設(shè)計前必須思考的問題。所以Leying在設(shè)計網(wǎng)頁的時候第一個想的是兼容現(xiàn)在大多數(shù)瀏覽者的屏幕分辨率，這里頭有幾種最常用的方法： 1、硬行把網(wǎng)頁先用表格框起來，框的分辨率應(yīng)該是在760－780象素，其余的空間可以給一個背景圖或者空白. 2、用自動縮放的方法也可以實現(xiàn)，這種方法比較古老，而且很簡單，這個不多說了； 3、用自動判斷的方法。今天，就第三種方法來說說，如何來判斷出瀏覽者的屏幕分辨率，根據(jù)不同的分辨率給予讀者不同的瀏覽內(nèi)容：

0 有幫助？展開

如何制作網(wǎng)頁登陸界面？

<html><head></head><body><form>2文本框（用戶名+密碼）提交按鈕提交態(tài)頁（asp\aspx\php\jsp）做判斷</form></body></html> 請問能不能詳細(xì)一點？舉個例子 <form action="a.php" method="post"><input type="text" name="username" ID="username"> //用戶名<input type="password" name="password" ID="password">//密碼<input type="submit" name="dosubmit" value="登錄">//登錄按鈕</form>通過POST把用戶名、密碼傳給a.phpPHP的寫法就是取出$_POST['username'] $_POST['password']然后和數(shù)據(jù)庫里的值對比，正確的話，可以去數(shù)據(jù)庫里取出名字（不是用戶名）然后彈出框顯示出來，否則提示登錄失敗本人是非常菜的菜鳥……sorry，請問POST是什么東西？或者請把完整代碼給我！sorry…… html的代碼（action="a.php" 這句根據(jù)實際情況看你POST給哪個頁如果是ASP的就是action="a.asp",因為method="post" 所以直接就是POST的方法傳值給PHP或者ASP文件了）<html><head></head><body><form action="a.php" method="post"><input type="text" name="username" ID="username"> //用戶名<input type="password" name="password" ID="password">//密碼<input type="submit" name="dosubmit" value="登錄">//登錄按鈕</form></body></html>如果是PHP則a.php的代碼$username=$_POST['username'] ;$password=$_POST['password'] ;然后去對接收的用戶名和密碼去和數(shù)據(jù)對比。如果是ASP則a.asp的代碼username=request.FORM("username")password=request.FORM("password")然后去對接收的用戶名和密碼去和數(shù)據(jù)對比。具體的對數(shù)據(jù)庫操作的代碼自己來吧。。。。。。

0 有幫助？展開

如何做HTML頁面表單提交后直接發(fā)送到指定的郵箱？

前后加上<form action="mailto:你的郵箱"></form>不過這種做法不推薦，因為它會調(diào)用用戶的本地郵箱軟件比如outlook很多用戶沒有使用郵箱軟件要復(fù)雜一點，需要自己做個服務(wù)器，搞一個發(fā)送郵件的程序

0 有幫助？展開

如何使用Dreamweaver制作一個網(wǎng)頁

1、新建一個ASP網(wǎng)頁并且保存；2、連接好數(shù)據(jù)庫；3、在網(wǎng)頁中插入模板的內(nèi)容，并添加好各個超鏈接；4、頁面設(shè)計好后把網(wǎng)頁另存為模板。5、接著在需要編輯的部分插入“可編輯區(qū)域”；6、保存后，我們就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。這個需要一定的dw知識，不是隨便可以操作的。

0 有幫助？展開

網(wǎng)頁制作中常見的頁面尺寸是多少？

對于一個設(shè)計人員來說，沒有什么固定的東西。就是一種習(xí)慣，好的習(xí)慣。現(xiàn)在的顯示器分辨率都在1024*768以上了。800*600基本全部被淘汰掉了。1024*768下。全屏下采用1003px寬就好了。面對現(xiàn)在的顯示分辨率大部分是960px寬的，當(dāng)然還有很多是采用800px寬的，一個網(wǎng)頁的寬度。根據(jù)實際要做的頁面而定。不要局限在一個標(biāo)準(zhǔn)內(nèi)。

0 有幫助？展開

怎么制作一個固定大小的html頁面

<html><body style="width:500px; height:400px; overflow: hidden;">內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容<script type="text/javascript">if (window.screen) { //判斷瀏覽器是否支持window.screen判斷瀏覽器是否支持screenvar myw = 500; //定義一個myw，接受到當(dāng)前全屏的寬var myh = 400; //定義一個myw，接受到當(dāng)前全屏的高window.moveTo(0, 0); //把window放在左上腳window.resizeTo(myw, myh); //把當(dāng)前窗體的長寬跳轉(zhuǎn)為myw和myhwindow.onresize = function () {window.resizeTo(myw, myh);}}</script></body></html>

0 有幫助？展開

靜態(tài)網(wǎng)頁制作步驟

以下流程適合于為靜態(tài)網(wǎng)頁初學(xué)者 1，軟件介紹，建立管理站點網(wǎng)頁網(wǎng)站介紹，網(wǎng)站取名，設(shè)計風(fēng)格，色彩運用，定位方向（理論）素材收集，軟件啟用，功能性菜單工具介紹，頁面屬性設(shè)定，預(yù)覽網(wǎng)頁 2，創(chuàng)建新文件，設(shè)定文本圖片動畫格式文本屬性，涉及到HTML樣式，圖片屬性，圖文超連接，圖文混排。段落和行，有序無序列表，水平線，日期，特殊字符圖片輪顯，導(dǎo)航菜單，插入Flash（.swf）字體樣式的學(xué)習(xí) 3，創(chuàng)建超級連接 a，文本連接：到網(wǎng)絡(luò)，到站內(nèi)；b，圖片連接：整圖，熱點區(qū)域； c，郵件地址連接； d，下載打開對話框連接解釋； e，書簽錨點連接：到同頁到不同頁。要求對絕對路徑和相對路徑的熟練掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格表格的建立，格式化表格（顏色采用規(guī)則）表格數(shù)據(jù)，排序表格行和列的選取，行和列的填加刪除矩形多單元格塊的相關(guān)操作標(biāo)準(zhǔn)視圖和布局視圖，自動伸展表格表格在網(wǎng)頁中的應(yīng)用~！其他花樣表格介紹。 5，幀-框架頁面框架的建立，保存，連接--個人站點的起步以及iframe的運用。 6，層以及時間線的運用鼠標(biāo)移到圖片時顯示隱含圖層 & 拖動圖層的應(yīng)用 http://www.pconline.com.cn/pcedu/sj/wz/Dreamweaver/10111/14968.html 點擊按鈕出現(xiàn)隱含圖層 & 下拉菜單的實現(xiàn) http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14982.html 如何賦予文字圖層特效 & Timeline 的基本應(yīng)用 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html 一個比較復(fù)雜的Timeline例子 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html 7，F(xiàn)ORM表單相關(guān) 8，CSS樣式表 9，Head頭部屬性以下所有代碼全是在...之間，具體內(nèi)容有： a，標(biāo)題元素，幫助用戶更好識別文件，有且只有一個。當(dāng)作為首頁或收藏時做文件名。 b， …顯示本文檔和其它文檔之間的關(guān)系 c，可以在文檔中包含風(fēng)格頁。文檔本身的內(nèi)部樣式。 d， …為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的 e，用于包含腳本（一系列腳本語言寫的命令）可以是 JavaScript 或 VBScript。 f， 10，動態(tài)HTML應(yīng)用，行為樣式 11，模板和庫 12，發(fā)布設(shè)置上傳求采納

0 有幫助？展開

如何制作網(wǎng)頁登陸界面？

0 有幫助？展開

一般做網(wǎng)頁設(shè)計背景尺寸定多大？

網(wǎng)頁的背景多大要看對網(wǎng)頁的要求的，網(wǎng)頁設(shè)計標(biāo)準(zhǔn)尺寸:1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏每個標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 希望幫到你~~

0 有幫助？展開

網(wǎng)頁制作---怎么制作一個彈出網(wǎng)頁窗口

一、在打開網(wǎng)頁時彈出一個頁面(不推薦使用,只作了解) 只要在網(wǎng)頁代碼最后加入這句： <script>window.open("URL","a","width=420,height=330")</script> 這里的URL表示頁面的地址,可以是相對路徑,也可以是http的絕對路徑,第二個屬性"a",表示窗口的名字,它的意義在于,當(dāng)你刷新原始的這頁全窗口的時候,彈出窗口就會刷新一次;而如果把名字省略,改為"",那么當(dāng)刷新這頁的時候,就會新增加一個彈出窗口。width表示彈出窗口的寬度,height表示高度。二、點擊超鏈接彈出一個窗口(帶地址欄和工具欄或不帶地址欄和工具欄) 它的代碼如： <a style="cursor:hand" onclick='window.open("URL","","width=420,height=330")'>超鏈接描述文字</a> 帶滾動欄的例子,因為只有它對我們來說是有真正意義的,它的代碼如： <a style="cursor:hand" onclick='window.open("URL","a","width=430,height=330,scrollbars=1")'>超鏈接描述文字</a> 詳細(xì)參數(shù)如：toolbar表示工具欄,menubar表示菜單欄,scrollbars表示滾動欄,resizabl表示是否允許改變窗口大小,location表示是否顯示地址欄,status表示是否顯示狀態(tài)欄內(nèi)。默認(rèn)情況下,都是否,值選為1或yes,表示是。

0 有幫助？展開