制作网页页面
提问问题
列表
-
如何让网页自适应所有屏幕宽度
查看答案>>
-
如何制作网页登陆界面？
查看答案>>
-
如何做HTML页面表单提交后直接发送到指定的邮箱？
查看答案>>
-
如何使用Dreamweaver制作一个网页
查看答案>>
-
网页制作中常见的页面尺寸是多少？
查看答案>>
-
怎么制作一个固定大小的html页面
查看答案>>
-
静态网页制作步骤
查看答案>>
-
如何制作网页登陆界面？
查看答案>>
-
一般做网页设计背景尺寸定多大？
查看答案>>
-
网页制作---怎么制作一个弹出网页窗口
查看答案>>
如何让网页自适应所有屏幕宽度
在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。 第一种方法：做一个网页解决问题（长了点） 如果只是因为浏览者改变了浏览器的设置，或者因为浏览器不兼容，使自己精心制作的网页变得"面目全非"，那多令人沮丧！下面我们以网页爱好者的常用工具Dreamweaver（以下简称DW）为例，列出几个网页制作初学者较常见的网页布局问题以及解决方法，希望对初学者们有所帮助。 一、消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页，在全屏状态下浏览一切正常。但在改变浏览窗口大小之后，网页就变得"不堪入目"了，这是个很值得注意的问题。 问题的根源还得从网页的布局说起，在DW中，网页内容的定位一般是通过表格来实现的，解决表格的问题也就成功了大半。 大家应该注意到，在DW中表格属性面板的高宽设定选择上提供了两种不同类型：百分比和像素值。百分比的使用将会产生前面说到的那个毛病。这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比，如在一个表格单元的宽度是600，在它里面嵌入了另外一个表格，表格宽度占表格单元的50%，则这个表格的宽度为300，依此类推，如果在一个表格不是嵌于另一个表格单元中，则其百分比是相对于当时窗口的宽度的。IE浏览器中，随便改动主页窗口的大小时，表格的内容也随之错位、变形，就是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。 自然，解决这个问题的办法就是将表格宽度设置成固定宽度（也就是像素值）。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。 二、让网页居中 说到了窗口大小就会顺着路子想到分辨率的问题，在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧？做起来费时，看起来也费劲。怎么办呢？ 现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主，要想让网页在1024*768时居中，只要在网页原代码的<body>后紧加一句<center>，</body>前加一句</center>就OK了。不过有几个问题这是要注意一下，第一个就是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果你的表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。 <html> <head></head> <body topmargin=0 leftmargin=0> <center> <table cellspacing cellpadding width=760><tr><td></td></tr></table> </center> </body> </html> 三、定义固定大小的文字 大家都知道,在IE浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的设置习惯不同，呈现在他们面前的网页有时也会不不相同。比如你可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时你的网页也可能变得"不堪入目"。虽然不是你的错，但客户是上帝。 如果使用了网页中的CSS样式表技术，就不会出现上述情况了。使用快捷键"Shift+F11"打开样式表"CSS style"编辑器，在窗口中单击鼠标右键执行"New CSS style..."命令新建一个样式表，然后在给出的列表中选择"类型"选项，定义文字属性参数（一般文字的大小选择12px较为适宜）。完成后选择网页编辑窗中的文本，单击新的样式表名称，可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。 四、让网页适应不同的浏览器 浏览器的格局现在是两分天下，一分是IE，另一分是NetScape，在国内Ie有绝对的占有率，在这种情况下我们设计的网页只要兼容它就行了，但NetScape在国外还是有很多人使用，毕竟它是浏览器的元老。 虽然没有办法做出让所有浏览器都兼容的网站，但只要注意以下几点，做出来的网页在各个浏览器都中能达到比较好的显示效果： 不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内。 内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式。 有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。 对于只有几个像素宽度或高度的层，改用图片来实现。 避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。 第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了： 解决分辨率问题在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(〃系统已检测到您的分辨率为:〃); document.write(〃< font size=3 color=red>〃); document.write(w＋〃×〃＋h); document.write(〃< /font>〃); document.write(〃正在进入页面转换,请稍候…〃); // －－> < /script> 判断读者浏览器类型和屏幕分辨率，自动调用不同CSS我们在设计网页的时候一个比较头痛的问题是究竟我们的浏览者的分辨率是多少？如果使我们的浏览者能够更好的去浏览到我的网页，这个是我们设计前必须思考的问题。所以Leying在设计网页的时候第一个想的是兼容现在大多数浏览者的屏幕分辨率，这里头有几种最常用的方法： 1、硬行把网页先用表格框起来，框的分辨率应该是在760－780象素，其余的空间可以给一个背景图或者空白. 2、用自动缩放的方法也可以实现，这种方法比较古老，而且很简单，这个不多说了； 3、用自动判断的方法。 今天，就第三种方法来说说，如何来判断出浏览者的屏幕分辨率，根据不同的分辨率给予读者不同的浏览内容：
如何制作网页登陆界面？
<html><head></head><body><form>2文本框（用户名+密码）提交按钮 提交态页（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']然后和数据库里的值对比，正确的话，可以去数据库里取出名字（不是用户名）然后弹出框显示出来，否则提示登录失败
本人是非常菜的菜鸟……sorry，请问POST是什么东西？或者请把完整代码给我！sorry……
html的代码 （action="a.php" 这句根据实际情况看你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'] ;然后去对接收的用户名和密码去和数据对比。如果是ASP则a.asp的代码username=request.FORM("username")password=request.FORM("password")然后去对接收的用户名和密码去和数据对比。具体的对数据库操作的代码自己来吧。。。。。。
如何做HTML页面表单提交后直接发送到指定的邮箱？
前后加上<form action="mailto:你的邮箱"></form>不过这种做法不推荐，因为它会调用用户的本地邮箱软件比如outlook很多用户没有使用邮箱软件要复杂一点，需要自己做个服务器，搞一个发送邮件的程序
如何使用Dreamweaver制作一个网页
1、新建一个ASP网页并且保存；2、连接好数据库；3、 在网页中插入模板的内容，并添加好各个超链接；4、页面设计好后把网页另存为模板。5、接着在需要编辑的部分插入“可编辑区域”；6、保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。这个需要一定的dw知识，不是随便可以操作的。
网页制作中常见的页面尺寸是多少？
对于一个设计人员来说，没有什么固定的东西。就是一种习惯，好的习惯。现在的显示器分辨率都在1024*768以上了。800*600基本全部被淘汰掉了。1024*768下。全屏下采用1003px宽就好了。面对现在的显示分辨率大部分是960px宽的，当然还有很多是采用800px宽的，一个网页的宽度。根据实际要做的页面而定。不要局限在一个标准内。
怎么制作一个固定大小的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>
静态网页制作步骤
以下流程适合于为静态网页初学者 1，软件介绍，建立管理站点 网页网站介绍，网站取名，设计风格，色彩运用，定位方向（理论） 素材收集，软件启用，功能性菜单工具介绍，页面属性设定，预览网页 2，创建新文件，设定文本图片动画格式 文本属性，涉及到HTML样式，图片属性，图文超连接，图文混排。 段落和行，有序无序列表，水平线，日期，特殊字符 图片轮显，导航菜单，插入Flash（.swf） 字体样式的学习 3，创建超级连接 a，文本连接：到网络，到站内；b，图片连接：整图，热点区域； c，邮件地址连接； d，下载打开对话框连接解释； e，书签锚点连接：到同页到不同页。 要求对绝对路径和相对路径的熟练掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（颜色采用规则） 表格数据，排序表格 行和列的选取，行和列的填加删除 矩形多单元格块的相关操作 标准视图和布局视图，自动伸展表格 表格在网页中的应用~！ 其他花样表格介绍。 5，帧-框架页面 框架的建立，保存，连接--个人站点的起步 以及iframe的运用。 6，层以及时间线的运用 鼠标移到图片时显示隐含图层 & 拖动图层的应用 http://www.pconline.com.cn/pcedu/sj/wz/Dreamweaver/10111/14968.html 点击按钮出现隐含图层 & 下拉菜单的实现 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，FORM表单相关 8，CSS样式表 9，Head头部属性 以下所有代码全是在...之间，具体内容有： a，标题元素，帮助用户更好识别文件，有且只有一个。 当作为首页或收藏时做文件名。 b， …显示本文档和其它文档之间的关系 c， 可以在文档中包含风格页。 文档本身的内部样式。 d， …为相对路径定义绝对路径url，读者下载你的文档后，也可知道从哪下的 e， 用于包含脚本（一系列脚本语言写的命令）可以是 JavaScript 或 VBScript。 f， 10，动态HTML应用，行为样式 11，模板和库 12，发布设置上传求采纳
如何制作网页登陆界面？
<html><head></head><body><form>2文本框（用户名+密码）提交按钮 提交态页（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']然后和数据库里的值对比，正确的话，可以去数据库里取出名字（不是用户名）然后弹出框显示出来，否则提示登录失败
本人是非常菜的菜鸟……sorry，请问POST是什么东西？或者请把完整代码给我！sorry……
html的代码 （action="a.php" 这句根据实际情况看你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'] ;然后去对接收的用户名和密码去和数据对比。如果是ASP则a.asp的代码username=request.FORM("username")password=request.FORM("password")然后去对接收的用户名和密码去和数据对比。具体的对数据库操作的代码自己来吧。。。。。。
一般做网页设计背景尺寸定多大？
网页的背景多大要看对网页的要求的，网页设计标准尺寸:1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过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> 详细参数如：toolbar表示工具栏,menubar表示菜单栏,scrollbars表示滚动栏,resizabl表示是否允许改变窗口大小,location表示是否显示地址栏,status表示是否显示状态栏内。默认情况下,都是否,值选为1或yes,表示是。
