如何建网站的详细步骤

看你的制作水平和制作要求了！

一、菜鸟级网页制作软件

如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！

①Microsoft FrontPage

如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

②Netscape编辑器

Netscape Communicator和Netscape Navigator Gold30版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

③Adobe Pagemill

Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。

Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

④Claris Home Page

如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 30集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。

二、中级网页制作软件

如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。

①DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 40浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

②Fireworks

第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及！

③Flash

让你的网页动起来

Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！

④HotDog Professional

制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。

HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。

⑤HomeSite

制作可完全控制页面进程的网页

Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。

⑥HotMetal Pro

制作具有强大数据嵌入能力的网页

HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的自动转换为GIF格式。

HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。

三、高级网页制作软件

①Microsoft Visual Studio

该系列的版本有：2003、2005、2008和未来的版本；

适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

②Jbuilder

不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。

③记事本

别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。

—、是水黄。我们在养殖时过勤浇水，铁树吸收的水份过多，其特点是老的叶子没有明显变化，幼叶也会变黄，所以，当我们遇到这种情况时，应该立即控水。 dedecmscom 二、是早黄因缺水干旱而引起的，其特点是自下而上老叶先黄，如果缺水的时间稍长整棵铁树上的叶子会发黄，甚至死亡，所以我们该及时浇水。 dedecmscom三、是肥黄。因为施肥过勤或浓度高，而引起的，特点是幼叶肥厚，有光泽，并且凹凸不平，所以应该控肥。 dedecmscom 四、是饿黄。因肥料不足，施肥浓度偏低，施肥间隔时间过长而引起的，其特点为幼叶、嫩茎处先黄，如果见到这种现象后不及时地施肥，也同样会造成铁树叶子发黄，甚至死亡，所以对缺肥的花，切记一次大量施肥，以免造成烧根。 内容来自dedecms五、是缺铁性黄叶。是由于土壤肥力条件大变化，所以会出现黄叶现象，特点是，老叶较轻，叶肉**，叶脉色并成典型网络出现这种现象后，可以施用硫酸亚铁水溶液来解决，其方法为饼肥7份，硫酸亚铁5份，水200份配成倍液浇之。铁树喜暖，喜阳，耐旱，怕冷。喜欢生长在湿润通风的环境和疏松、肥袄又偏酸性的沙质土、忌积水。 织梦好，好织梦 铁树的具体保养方法： 一、入冬时，在上海以北地区，均应移入室内保暖，室温在50摄氏度左右，铁树就能安全越冬。 织梦内容管理系统 二、夏、秋季为铁树生长期间，盆栽栽的既可放置室外半阴处，亦可摆在窗口有光照的通风处管养，忌摄氏35摄氏度以上的烈日暴晒，亦不宜久放无光度的庇荫处。这样都会造成枝叶枯黄或徒长，影响观常价值。 copyright dedecms三、对肥水方面，在夏秋高温时，要浇水防干，盆土保持一定湿润。并每月追肥1—2次。在早春或秋冬时，盆土应偏干忌过湿，以防烂根。我成功了，因为我找到了变黄的原因了！

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，突显出自己的特色，这样才能给浏览者留下深刻的印象。网站的主题没有限制，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。俗语说：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住浏览者，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光碟、多媒体上得来，也可以从网路上搜集，然后把搜集的材料去芜存菁，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，设计者的规划能力有相当程度的影响力，规划网站就像建筑师设计大楼一样，纸上作业设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、项目的设定、网站的风格、颜色搭配、版面布局、文字的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软体往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数人选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，

Frontpage2000是首选，专业的使用者则建议使用dreamweaver。除此之外，还有编辑工具，如photoshop等;动画制作工具，如Flash、Cool

3d、Gif

Animator等，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，推荐leapftp(点击下载)，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜寻引擎上注册、与别的网站交换连结等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

这是初学者可能会问的问题，其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选;Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，我只是想把这个留给各位朋友了，因为，只有不断的变化才会提高，才会不断丰富我们的网页!

烈火网的多个搜索引擎跳转效果Tab选项卡效果,兼容IE、火狐、Chrome等网站技术分析报告之——开心网给Dedecms前台/后台添加来源网址功能极点五笔71(x86/x64)标准版/学习版导航栏的位置

导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435px，基于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多。

网页布局类型

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。

1“国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、****、版权声明等。这种结构是我们在网上见到的差不多是最多的一种结构类型。

2拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

4左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

5上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。

6综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。

7封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

8Flash型：其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

9变化型：即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

1编辑器打开plusdiyphp

2在40行左右找到此行代码:

$dede_fields=empty($dede_fields)'':trim($dede_fields);

3在这一行代码之下,加入代码,复制的话删掉代码中的空行

//增加必填字段判断

if($required!=''){

if(preg_match('/,/',$required))

{

$requireds=explode(',',$required);

foreach($requiredsas$field){

if($$field==''){

showMsg('带号的为必填内容，请正确填写','-1');

exit();

}

}

}else{

if($required==''){

showMsg('带号的为必填内容，请正确填写','-1');

exit();

}

}

}

//end

4保存完成后,在表单模版页面找到这行代码:

<formaction="/plus/diyphp"enctype="multipart/form-data"method="post">

在这行代码之下,加入代码:

<inputtype="hidden"name="required"value="数据字段名,数据字段名"/>

注意这行代码要修改下,根据你的表单所需要设置的必填项,例如设置“姓名”、“邮箱”为必填项

添加新字段--“表单提示文字”:姓名--“字段名称”:name

添加新字段--“表单提示文字”:邮箱--“字段名称”:email

此行代码应为:

<inputtype="hidden"name="required"value="name,email"/>

这样就把这两个选项设置为必填项了,如果没有填写就提交,会打开窗口提示“带号的为必填内容,请正确填写”,当然,这一句话可以改成其它的文字

网上看到另一种方法,未测试,仅作为资料收藏

js方法:

1先在要发布表单的模板上加

<scriptsrc='你的路径/jsjs'type="text/javascript"></script>

2在你自定义的路径新建文件jsjs,然后复制以下内容粘贴保存,代码:

<!--

$(document)ready(function()

{

//验证

$('complain')submit(function()

{

if($('name')val()==""){

$('name')focus();

alert("用户名不能为空！");

returnfalse;

}

if($('tel')val()=="")

{

$('tel')focus();

alert("联系电话不能为空！");

returnfalse;

}

if($('title')val()=="")

{

$('title')focus();

alert("标题不能为空！");

returnfalse;

}

if($('text')val()=="")

{

$('text')focus();

alert("具体内容不能为空！");

returnfalse;

}

})

});

-->

注:

$('complain')submit(function()//complain为自定义表单的ID,如果生成的表单没有可以自行加上,即id="complain"

if($('name')val()==""){

$('name')focus();//name为要验证表单中的ID,如想让用户名不能为空,在后台用户名的数据字段名设为name,下同

3设置好后更新就可以看到效果了

希望本文所述对大家的dedecms建站有所帮助。