制作网站页面
如何让网页自适应分辨率?
在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()〃
如何制作输入用户名及密码才可以登陆的网页
使用JavaScript实现。<SCRIPT LANGUAGE="JavaScript"> function Login(form) { var username = lue; var password = lue; var server = lue; if (username && password && server) { var htsite = "http://" + username + ":" + password + "@" + server; window.location = htsite; } else { alert("请输入用户和密码."); } } </script> 把以上内容加到head部分；然后下面的内容放在body里就好了：<form name=login> <input type="hidden" name="server" value=" "> 用户名: <input type=text name=username size=20> 密 码: <input type=password name=password size=20> <input type=button value="登录" onClick="Login( rm)" name="button"> </form>
网页怎么做做一个简单网页
我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。2新建一个1920px*400px的文件3我们拉一个一个蓝色（#506dbb）到白色的一个渐变4效果图5然后我们保存这张图片为gif格式这时候我们新建一个1000*800的文件我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明6下一步我们使用切片工具。把页面进行切片。如下图所示注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片为了区分我这里加了背景。我们一会一定要记得去掉7我们再使用切片选择工具选择单个切片。然后右键8我们再逐个为切片添加链接9我们现在保存为web所用格式10我们把这里选择png—8保存保存完成后效果图保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观，且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中为了方便，这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。打开 Dreamweaver界面我们新建一个站点我们先要给网页居中。我们用Dreamweaver打开ps生成的html文件进入Dreamweaver的设计视图。注意看我们用鼠标点一下最外边的这根线。（把鼠标放在四个角上单击一下就可以选中）选中然后把下边的属性设置为居中。注意看这样网页就居中了。我们再添加一个背景我们先把鼠标在旁边空白地方单击一下，然后点击下面的页面属性把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了ps制作网页就是这么简单
制作一个动态网页的步骤？
1.想要制作动态网页，首先需要了解动态网页的特征，动态网页的第一个特征就是使用动态语言制作而成，例如PHP，ASP，JSP等，用它们制作而成的网页都会以相应的动态语言为后缀名，例如.php，.asp等，我们把这种动态语言制作的网页叫做动态网页。2.动态网页一般以数据库技术为基础，之所以网页有静动之分，就是因为看数据是否能够实时更新，而能够完成这项工作的就是数据库了，使用动态语言实现和数据库的交互，从而达到数据及时更新的目的，同时也大大降低了网站的维护工作。3.动态网页需要服务器作支持，平时见到的以html结尾的文件双击都能够正常的打开，即使没有服务器也不会对浏览页面造成影响，但是动态网页不同，需要服务器作支持，同时服务器还必须支持这种动态语言才能正常浏览。4.首先需要安装服务器，可以使用windows自带的IIS服务器，当然也可以使用比较流行的apache服务器，这需要根据自己的动态语言决定，asp就选择IIS，php就选择apache（当然并非绝对）。5.接着就是数据库的选择，同样需要根据自己的动态语言来选择，如果使用的是ASP动态语言，那么就可以选择ACCESS数据库，如果选择的是PHP，那么就可以选择MYSQL数据库，当然还有其他的数据库选择，根据情况自己决定。6.然后就是把动态语言和服务器数据库相结合了，不同的组合结合方式也是不同的。7.以上的过程又叫做搭配环境，是实现动态网页必须的步骤,可以使用集成环境，windows下可以安装wamp，linux下可以安装xampp。都是一键安装，没有任何难度。8.安装完成后，找到安装目录（以wamp为例子），双击之后会发现一个www目录，这就是网站的根目录，也是以后网页要存放的目录（当然可以更改），然后新建一个以php结尾的文件，打开进行编辑写入<?php echo'我的第一个动态网页';?>然后保存，在浏览器中输入localhost/刚才创建的文件名，如果出现刚才写入的字证明已经成功了.
如何制作网页或网站
简单制作网页的方法：工具、原料：电脑Dreamweaver CS5方法步骤：下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。下载好之后安装，安装后之后打开，会看到如下界面。会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.按F12.预览就会得到以下效果.
网页制作有哪些软件
首先1：需要对计算机硬件有一些了解,至少要懂得机器的硬件一般由哪些构成。2：要对网页设计常用软件很精通,一般常用的网页设计软件包括Photoshop,firework,flash,dreamweaver,当然了,还要精通HTML标记代码,他可是所有设计的根本。还有一些网页特效的使用,所以,您还需要学习有关CSS,JSP的有关知识. 3：有了以上这些,可以做出一个相当不错的网页了,但是要是做一个网站,或是可以进行交互式的网页,还需要了解有关ASP,还有ACCESS或者是SQL数据库方面的知识才可以 4：如果要发布到互联网上,还需要了解一些关于FTP方面的知识,以便于可以迅速的上传你的网页. 5：在本机调试网站时,我们一般会使用一些工具在本机进行调式,还需要学习有关WEB服务器架设方面的常识,常用的有MICROSOFT WINDOWS自带的IIS或是阿帕奇等. 6：为了推广网站,在各大搜索引擎进行登记也是必需的,所以,还需要有一些关于互联网使用方面的常识.
如何使用Dreamweaver制作一个网页
1、新建一个ASP网页并且保存；2、连接好数据库；3、 在网页中插入模板的内容，并添加好各个超链接；4、页面设计好后把网页另存为模板。5、接着在需要编辑的部分插入“可编辑区域”；6、保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。这个需要一定的dw知识，不是随便可以操作的。
如何制作网站专题页面
一、以下是网站专题页制作的基本功： 1、创意设计 说到创意，应该是设计师最擅长，但肯定也是最头疼的问题，如何评判一个创意的好坏，借用周董的一句话“哎呦，不错哦”。当别人看到你的页面的时候，能发出这种感慨，那基本上你的这个页面应该是做到位了。这里介绍5种小方法： 2、版式设计 版式设计应该算是最基本的设计原则，这个虽然阐述起来比较简单，如果要运用的好还是需要多下工夫。这里通过一个简单的例子来解释版式设计中的几个原则： 3、色彩设计 这里的色彩设计并不是对色彩理论的解释，也不是对色彩感觉的解释，因为本人是个色彩感觉一般的设计师。这里只说3个原则：色彩对比、色彩大小与形状、彩色位置。 4、趣味设计 趣味设计的是一种亲切感，并不是所有的页面都要求有，但是偶尔为之，会让页面添色不少。 5、关于页面加载 图片设计的时候注意大小，这个是关系到页面的加载时间。 二、以下是网站专题页制作的整体思路： 1、确定产品专题页面表现形式 电脑端网站上面目前主流的专题页面就是是长页面滚动条，还是多屏滚动切换的形式。如果是移动端的话可以使用H5做一个多屏滚动切换的效果来展现;表现形式本身并没有什么，个人建议是在电脑端如果是信息比较多的可以优先考虑长页面滚动条的形式，如果是针对产品某一个点展开讨论，内容相对比较少，可以优先考虑多屏滚动切换形式。 2、顺着用户心思架构楼层 不同的产品，不同的主题，不同的切入点，不同的人策划出来的专题页面布局都是不一样的，所以无法非常固定提供给大家一个类似公式的东西去嵌套，大家要确定好思路。 3、别忘了你要干什么 产品专题页面设计到最后的时候，不要忘了你的初衷：你想要通过这个专题页实现什么?如用户注册会员，点击咨询产品，点击下单，关注公众号，参与活动等等。 如果你前面的布局策划的非常好，完全牵着用户的想法在走，那么走到这一步，应该说离你的目标距离又近了一步，只差临门一脚了!甭管最后能不能实现目标，你要做的就是再添“一把火”，告诉用户的紧迫性，让用户自己着急。
web前端开发和网页制作有什么区别？详细点
web前端主要是通过div+css等技术来完成一个传统pc网页的静态页面制作，移动web前端是通过html5+css3等技术来完成一个手机端访问的网页的制作，一个是针对pc一个是针对手机，这个就是它们最大的区别了。国内像切图网等就是专门提供这样的服务的，只需要提供设计稿就可以了。
做一个网页需要多少钱？
首先要明确，网页的制作成本费用，是根据你对于网页的期望值以及对其功能需求不同来进行定价的。在开发行业里面，没有固定的网站制作的固定定价。网站的基本功能和费用构成1、网站最基础的结构应该是：域名、服务器、程序、数据库2、域名不多说了，价格网上有大把，以com和cn为最商业化，最常见。3、服务器有很多种：可以是虚拟主机、VPS、云主机、独立服务器、服务器群。4、其实在域名和服务器之间还有例如：CDN、分布式存储等等之类的技术手段。5、程序：自主开发、市场现成的很多。6、数据库：mysql\mssql等等。7、功能需求：网站特有的功能：例如：快递公司需要快递单号查询、单号跟踪功能，学校需要老师课程表查询、修改、添加、学生作业提交、手机网站、企业邮箱等等吧，这也是简单的举例。总的来说，网站建设是没有固定的报价的，还是根据实际情况来判断，另外可以多咨询一些网站建设公司，可以进行价格对比和公司研发能力去进行综合评估来定价和选择公司做好网站的建设。
