制作網頁頁面
提問問題
列表
-
如何讓網頁自適應所有屏幕寬度
查看答案>>
-
如何制作網頁登陸界面？
查看答案>>
-
如何做HTML頁面表單提交后直接發(fā)送到指定的郵箱？
查看答案>>
-
如何使用Dreamweaver制作一個網頁
查看答案>>
-
網頁制作中常見的頁面尺寸是多少？
查看答案>>
-
怎么制作一個固定大小的html頁面
查看答案>>
-
靜態(tài)網頁制作步驟
查看答案>>
-
如何制作網頁登陸界面？
查看答案>>
-
一般做網頁設計背景尺寸定多大？
查看答案>>
-
網頁制作---怎么制作一個彈出網頁窗口
查看答案>>
如何讓網頁自適應所有屏幕寬度
在1024*768或者800*600的分辨率下可以自動調整成適用于該客戶端分辨率的大小?！ 〉谝环N方法：做一個網頁解決問題（長了點） 如果只是因為瀏覽者改變了瀏覽器的設置，或者因為瀏覽器不兼容，使自己精心制作的網頁變得"面目全非"，那多令人沮喪！下面我們以網頁愛好者的常用工具Dreamweaver（以下簡稱DW）為例，列出幾個網頁制作初學者較常見的網頁布局問題以及解決方法，希望對初學者們有所幫助?！ ∫?、消除任意縮放瀏覽器窗口對網頁的影響 一番辛苦做出來的網頁，在全屏狀態(tài)下瀏覽一切正常。但在改變?yōu)g覽窗口大小之后，網頁就變得"不堪入目"了，這是個很值得注意的問題?！ 栴}的根源還得從網頁的布局說起，在DW中，網頁內容的定位一般是通過表格來實現(xiàn)的，解決表格的問題也就成功了大半?！ 〈蠹覒撟⒁獾?，在DW中表格屬性面板的高寬設定選擇上提供了兩種不同類型：百分比和像素值。百分比的使用將會產生前面說到的那個毛病。這里所說的百分比是指表格的高或寬設置為上層標記所占區(qū)域高或寬的百分比，如在一個表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當時窗口的寬度的。IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內容也隨之錯位、變形，就是因為表格的百分比也要隨著窗口的大小而改變成相應的百分比寬度?！ ∽匀?，解決這個問題的辦法就是將表格寬度設置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設置，內層表格也可以適當使用百分比設置。清楚這個原則以后，如果出現(xiàn)類似的問題大家也知道怎么解決。 二、讓網頁居中 說到了窗口大小就會順著路子想到分辨率的問題，在800×600分辨率下制作的網頁在1024×768分辨率的機器上打開，整個網頁就會跑到左邊；1024×768分辨率的網頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費時，看起來也費勁。怎么辦呢？ 現(xiàn)在大多數(shù)網民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網頁在1024*768時居中，只要在網頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個就是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設的是百分比，那么使用大于800×600的像素時，網頁就會拉寬，這樣網頁可能會變形。在<body>中加入leftmargin=0，即<body leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現(xiàn)滾動條。還有一點要注意的是不能用DW中的層來定位?！ ?lt;html> <head></head> <body topmargin=0 leftmargin=0> <center> <table cellspacing cellpadding width=760><tr><td></td></tr></table> </center> </body> </html> 三、定義固定大小的文字 大家都知道,在IE瀏覽器的功能設置中，有一個可以自由設置窗口內容字體大小的功能，這樣由于不同訪問者的設置習慣不同，呈現(xiàn)在他們面前的網頁有時也會不不相同。比如你可能本來設計時用的是2號字體，結果由于用戶對瀏覽器的額外設定，變的更大了，這時你的網頁也可能變得"不堪入目"。雖然不是你的錯，但客戶是上帝?！ ∪绻褂昧司W頁中的CSS樣式表技術，就不會出現(xiàn)上述情況了。使用快捷鍵"Shift+F11"打開樣式表"CSS style"編輯器，在窗口中單擊鼠標右鍵執(zhí)行"New CSS style..."命令新建一個樣式表，然后在給出的列表中選擇"類型"選項，定義文字屬性參數(shù)（一般文字的大小選擇12px較為適宜）。完成后選擇網頁編輯窗中的文本，單擊新的樣式表名稱，可以看到選中的文本發(fā)生了變化。預覽時試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變?！ ∷?、讓網頁適應不同的瀏覽器 瀏覽器的格局現(xiàn)在是兩分天下，一分是IE，另一分是NetScape，在國內Ie有絕對的占有率，在這種情況下我們設計的網頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老?！ ‰m然沒有辦法做出讓所有瀏覽器都兼容的網站，但只要注意以下幾點，做出來的網頁在各個瀏覽器都中能達到比較好的顯示效果： 不要混合使用層和表格排版，如果是父子關系，如層中表格，不在此原則范圍內?！ 嚷?lián)式的 CSS 在 Netscape Navigator 中經常會出現(xiàn)問題，使用鏈式或內嵌式。 有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果?！ τ谥挥袔讉€像素寬度或高度的層，改用圖片來實現(xiàn)?！ ”苊馐褂?W3C 組織不推薦的排版屬性，用 CSS 代替?！ 〉诙N方法：做兩個適合不同分辨率的頁面，一個是800×600，一個是1024×768，在800×600的頁面中加入一下代碼就可以實現(xiàn)跳轉了： 解決分辨率問題在Dreamweaver中沒有此項功能，我們只能手動加入一段Javascript代碼。首先在change－ie.html或change－nc.html頁面代碼中的< head>和< /head>中加入以下代碼： < script language=JavaScript> < !－－ function redirectPage(){ var url800x600=〃index－ie.html〃; //定義兩個頁面，此處假設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…>內加入onLoad=〃redirectPage()〃 最后，同樣地，在< body>和< /body>之間加入以下代碼來顯示網頁的工作信息： < 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(〃正在進入頁面轉換,請稍候…〃); // －－> < /script> 判斷讀者瀏覽器類型和屏幕分辨率，自動調用不同CSS我們在設計網頁的時候一個比較頭痛的問題是究竟我們的瀏覽者的分辨率是多少？如果使我們的瀏覽者能夠更好的去瀏覽到我的網頁，這個是我們設計前必須思考的問題。所以Leying在設計網頁的時候第一個想的是兼容現(xiàn)在大多數(shù)瀏覽者的屏幕分辨率，這里頭有幾種最常用的方法： 1、硬行把網頁先用表格框起來，框的分辨率應該是在760－780象素，其余的空間可以給一個背景圖或者空白. 2、用自動縮放的方法也可以實現(xiàn)，這種方法比較古老，而且很簡單，這個不多說了； 3、用自動判斷的方法。 今天，就第三種方法來說說，如何來判斷出瀏覽者的屏幕分辨率，根據(jù)不同的分辨率給予讀者不同的瀏覽內容：
如何制作網頁登陸界面？
<html><head></head><body><form>2文本框（用戶名+密碼）提交按鈕 提交態(tài)頁（asp\aspx\php\jsp）做判斷</form></body></html>
請問能不能詳細一點？
舉個例子 <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ù)庫操作的代碼自己來吧。。。。。。
如何做HTML頁面表單提交后直接發(fā)送到指定的郵箱？
前后加上<form action="mailto:你的郵箱"></form>不過這種做法不推薦，因為它會調用用戶的本地郵箱軟件比如outlook很多用戶沒有使用郵箱軟件要復雜一點，需要自己做個服務器，搞一個發(fā)送郵件的程序
如何使用Dreamweaver制作一個網頁
1、新建一個ASP網頁并且保存；2、連接好數(shù)據(jù)庫；3、 在網頁中插入模板的內容，并添加好各個超鏈接；4、頁面設計好后把網頁另存為模板。5、接著在需要編輯的部分插入“可編輯區(qū)域”；6、保存后，我們就可以在網站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內容就可以直接打開編輯了。這個需要一定的dw知識，不是隨便可以操作的。
網頁制作中常見的頁面尺寸是多少？
對于一個設計人員來說，沒有什么固定的東西。就是一種習慣，好的習慣?，F(xiàn)在的顯示器分辨率都在1024*768以上了。800*600基本全部被淘汰掉了。1024*768下。全屏下采用1003px寬就好了。面對現(xiàn)在的顯示分辨率大部分是960px寬的，當然還有很多是采用800px寬的，一個網頁的寬度。根據(jù)實際要做的頁面而定。不要局限在一個標準內。
怎么制作一個固定大小的html頁面
<html><body style="width:500px; height:400px; overflow: hidden;">內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容<script type="text/javascript">if (window.screen) { //判斷瀏覽器是否支持window.screen判斷瀏覽器是否支持screenvar myw = 500; //定義一個myw，接受到當前全屏的寬var myh = 400; //定義一個myw，接受到當前全屏的高window.moveTo(0, 0); //把window放在左上腳window.resizeTo(myw, myh); //把當前窗體的長寬跳轉為myw和myhwindow.onresize = function () {window.resizeTo(myw, myh);}}</script></body></html>
靜態(tài)網頁制作步驟
以下流程適合于為靜態(tài)網頁初學者 1，軟件介紹，建立管理站點 網頁網站介紹，網站取名，設計風格，色彩運用，定位方向（理論） 素材收集，軟件啟用，功能性菜單工具介紹，頁面屬性設定，預覽網頁 2，創(chuàng)建新文件，設定文本圖片動畫格式 文本屬性，涉及到HTML樣式，圖片屬性，圖文超連接，圖文混排。 段落和行，有序無序列表，水平線，日期，特殊字符 圖片輪顯，導航菜單，插入Flash（.swf） 字體樣式的學習 3，創(chuàng)建超級連接 a，文本連接：到網絡，到站內；b，圖片連接：整圖，熱點區(qū)域； c，郵件地址連接； d，下載打開對話框連接解釋； e，書簽錨點連接：到同頁到不同頁。 要求對絕對路徑和相對路徑的熟練掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（顏色采用規(guī)則） 表格數(shù)據(jù)，排序表格 行和列的選取，行和列的填加刪除 矩形多單元格塊的相關操作 標準視圖和布局視圖，自動伸展表格 表格在網頁中的應用~！ 其他花樣表格介紹。 5，幀-框架頁面 框架的建立，保存，連接--個人站點的起步 以及iframe的運用。 6，層以及時間線的運用 鼠標移到圖片時顯示隱含圖層 & 拖動圖層的應用 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 的基本應用 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html 一個比較復雜的Timeline例子 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html 7，F(xiàn)ORM表單相關 8，CSS樣式表 9，Head頭部屬性 以下所有代碼全是在...之間，具體內容有： a，標題元素，幫助用戶更好識別文件，有且只有一個。 當作為首頁或收藏時做文件名。 b， …顯示本文檔和其它文檔之間的關系 c， 可以在文檔中包含風格頁。 文檔本身的內部樣式。 d， …為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的 e， 用于包含腳本（一系列腳本語言寫的命令）可以是 JavaScript 或 VBScript。 f， 10，動態(tài)HTML應用，行為樣式 11，模板和庫 12，發(fā)布設置上傳求采納
如何制作網頁登陸界面？
<html><head></head><body><form>2文本框（用戶名+密碼）提交按鈕 提交態(tài)頁（asp\aspx\php\jsp）做判斷</form></body></html>
請問能不能詳細一點？
舉個例子 <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ù)庫操作的代碼自己來吧。。。。。。
一般做網頁設計背景尺寸定多大？
網頁的背景多大要看對網頁的要求的，網頁設計標準尺寸:1、800*600下，網頁寬度保持在778以內，就不會出現(xiàn)水平滾動條，高度則視版面和內容決定。 2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。 3、在ps里面做網頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右 4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象. 頁面標準按800*600分辨率制作，實際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏 每個標準頁面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標的標準尺寸 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 希望幫到你~~
網頁制作---怎么制作一個彈出網頁窗口
一、在打開網頁時彈出一個頁面(不推薦使用,只作了解) 只要在網頁代碼最后加入這句： <script>window.open("URL","a","width=420,height=330")</script> 這里的URL表示頁面的地址,可以是相對路徑,也可以是http的絕對路徑,第二個屬性"a",表示窗口的名字,它的意義在于,當你刷新原始的這頁全窗口的時候,彈出窗口就會刷新一次;而如果把名字省略,改為"",那么當刷新這頁的時候,就會新增加一個彈出窗口。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> 詳細參數(shù)如：toolbar表示工具欄,menubar表示菜單欄,scrollbars表示滾動欄,resizabl表示是否允許改變窗口大小,location表示是否顯示地址欄,status表示是否顯示狀態(tài)欄內。默認情況下,都是否,值選為1或yes,表示是。
