如何设计网页网站

一、在网上申请免费的虚拟空间。二、自己购买虚拟主机，或自己服务器托管。以上两个条件满足一个就可以。 然后把制作的网页通过 FTP工具上传到空间，就可以访问了 。这时可能会有一个二级，或三级的域名，托管服务器会有固定IP。 直接在IE里打开就可以了。三、也可以申请顶级域名，如：.com .net .cn 等转发，解析就可以了。

具体的，是可以打游戏，还是游戏展览，还是游戏攻略什么的~

首先租用一个空间来存放网页及程序文件，然后租用一个域名且备案通过。然后将空间IP地址解析到域名后台，解析成功后（这里你可以理解为绑定的作用，就像手机绑定账号一个道理），就可以使用了。将你做好的程序上传到FTP空间后，输入域名即可运行了。

　　一、以下是网站专题页制作的基本功：　　1、创意设计 　　说到创意，应该是设计师最擅长，但肯定也是最头疼的问题，如何评判一个创意的好坏，借用周董的一句话“哎呦，不错哦”。当别人看到你的页面的时候，能发出这种感慨，那基本上你的这个页面应该是做到位了。这里介绍5种小方法： 　　2、版式设计 　　版式设计应该算是最基本的设计原则，这个虽然阐述起来比较简单，如果要运用的好还是需要多下工夫。这里通过一个简单的例子来解释版式设计中的几个原则： 　　3、色彩设计 　　这里的色彩设计并不是对色彩理论的解释，也不是对色彩感觉的解释，因为本人是个色彩感觉一般的设计师。这里只说3个原则：色彩对比、色彩大小与形状、彩色位置。 　　4、趣味设计 　　趣味设计的是一种亲切感，并不是所有的页面都要求有，但是偶尔为之，会让页面添色不少。 　　5、关于页面加载 　　图片设计的时候注意大小，这个是关系到页面的加载时间。 　　二、以下是网站专题页制作的整体思路： 　　1、确定产品专题页面表现形式 　　电脑端网站上面目前主流的专题页面就是是长页面滚动条，还是多屏滚动切换的形式。如果是移动端的话可以使用H5做一个多屏滚动切换的效果来展现;表现形式本身并没有什么，个人建议是在电脑端如果是信息比较多的可以优先考虑长页面滚动条的形式，如果是针对产品某一个点展开讨论，内容相对比较少，可以优先考虑多屏滚动切换形式。 　　2、顺着用户心思架构楼层 　　不同的产品，不同的主题，不同的切入点，不同的人策划出来的专题页面布局都是不一样的，所以无法非常固定提供给大家一个类似公式的东西去嵌套，大家要确定好思路。 　　3、别忘了你要干什么 　　产品专题页面设计到最后的时候，不要忘了你的初衷：你想要通过这个专题页实现什么?如用户注册会员，点击咨询产品，点击下单，关注公众号，参与活动等等。 　　如果你前面的布局策划的非常好，完全牵着用户的想法在走，那么走到这一步，应该说离你的目标距离又近了一步，只差临门一脚了!甭管最后能不能实现目标，你要做的就是再添“一把火”，告诉用户的紧迫性，让用户自己着急。

　　　　建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。　　　　第一阶段：开始时最好是学些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。　　　　第二阶段：会用网页制作软件和基础语法后，已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，应为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。　　　　如果你没有精力去学这些复杂动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。　　　　第三阶段：结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。　　　　工具　　　　1 、网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M 以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的）　　　　2 、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用计事本直接编辑会更高效。　　　　制作　　　　开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。　　　　其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了网站设计八步骤　　　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。　　一、确定网站主题　　　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。　　二、搜集材料　　　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。　　三、规划网站　　　　一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具　　　　尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外，还有图片编辑工具，如firework 、Photoshop 等；动画制作工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。　　　　4、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP 账号，这个需要申请），也可以按我前面说的把自己电脑配置为服务器（需安装IIS等软件，这个自己百度一下）　　五、制作网页　　　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能，这样可以大大提高制作效率。　　六、上传测试　　　　网页制作完毕，最后要发布到Web 服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。　　七、推广宣传　　　　网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。下面介绍一下网页制作学习过程。 第一阶段：首先你不要一开始就做网页，要知道和了解网页的一些网页基本知识和原理，这一点很重要，那样你会避免在制作网页的过程中的很多误区。比如什么是超链接，绝对链链接与相对链接的区别;什么是动态网页，什么是静态网页；还有IP与域名的关系等等。原理了解之后，就开始学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿书本教程来学学，结合教程边学习边制作。在学习编辑软件的过程中，你就要逐步接触html语言，然后是css，最后子解一下javascript，在这一学习过程你最好静下心来学，不要到网上或论坛上问这问那，那只是浪费时间，因为你还不懂。。会用网页制作软件后，已会制作一个较完整的网站了。但是要知道你目前学习的还仅仅是静态的网页，当你能够做出一个静态网站，并会将其发布到网上与网友们分享的时候，你的第一个过程就算完成了第二阶段：好了，静态的网页制作差不多的时候，你可以去网上与网友交流交流了，那时你会发现自己的水平还很有限。现在你需要由静态向动态过渡了，主流的动态网页编程语言有三种asp或asp.net、php、jsp.每种都有各自的特点，看你喜欢那种，要三种都精通那是比较不实际的吧，也是没有必要的。这一个过程也是个很关键的过程，你要系统得学习一种语言，还要学会动态网页动行环境的搭建，还有数据库方面知识。记住要根据你自己的实践情况慎重地选择一种，不要学了一种又学那一种，结果一样也没有学会。我有切身体会，但是每一样稍作了解是必要的，要不你怎么先择啊，是吧？第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。这时你可以加入一个团队了，接下来的知识的学习是靠实践和交流了，你可以上论坛去，有些知识书本上是学不到的。这一个阶段你可能是漫长的，你只能不断得充实自己。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。满意请采纳

如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！据我所知，这样的教程基本没有。因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定 网页设计需要的PS操作技术并不是很多，只要掌握基础就行了。 但是你想要做好一个稿子就不是那么简单了。 这当中有一些天赋的因素，但是的是学习。 你可以从模仿别人的稿子开始，渐渐的融入自己的东西。 http://www.68design.net/ 这个站每天都会有新的酷站收藏，也有设计欣赏。 http://www.zcool.com.cn/ 这个站素材丰富而且也有酷站收藏。 要做好网页设计，一定要多看，拼命的看并且吸收里面的东西，看看高手们是怎么处理细节的，这样慢慢自然会有提高。是否可以解决您的问题？

在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()〃

　　一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，可以下载网页三剑客Dreamweaver、flash、firework去做。　　二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。可以去下载强化的HTML工具更好，例如： UltraEdit。　　首先需要了解一下网站的页面组成，网站一般包括以下几部分：　　首页：网站的门面，如同公司的形象，特别注重设计和规划。　　次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。　　普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。　　弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。　　各页面的设计技巧：　　一、首页设计技巧　　网站首页是企业网上的虚拟门面。一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象。另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。　　网页设计时注意事项： 1.不要花哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以，不要太长，会影响网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。