网页制作与网站发布

网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 这是整体上的步骤，至每一个步骤我们还可以进一步分。越详细应该是越好的。

先要申请空间，获得服务器的ftp地址，自己设置ftp的账号、密码找原来的网站负责人或服务商要域名管理的账号，然后把域名解析到你申请好的服务器的ip下载ftp软件（如：CuteFTP），在这个软件里，新建网站连接，输入你申请号的空间的ftp地址和账号、密码，并连接服务器一般ftp软件会有左右两栏，左边是本地，右边是服务器双击打开右边服务器里的www（或wwwroot）目录，从左边选取你要上传的文件，右键菜单选上传或者直接拖到右边目录里状态栏会显示上传状态，等显示上传完成后，在浏览器输入你的网址进行测试，如果测试正常，网页上传工作就圆满完成了。

将一个网站上传到服务器有很多种方法，首先要有这个服务器的管理权限最常用的是通过FTP上传到服务器，远程登陆服务器，建立一个FTP，FTP用户名密码记住，在本地下载一个FTP软件，打开软件输入服务器建立的用户名密码，一般端口都是默认的21，上传上到设置好的目录下面就可以了。通过发邮件的方式，在本地电脑登陆自己的邮箱，然后自己发送到自己的邮箱里，在远程服务器里登陆邮箱下载到服务器里就可以了。可以把网站的数据上传到网盘。再远程登陆到服务器里下载到服务器上就可以了。在服务器里下载个QQ软件，用QQ传送文件。都可以的。

一般来说，要看你建这个网站想实行什么功能1.如果产品少，那么可以建设一个基本的网站，发布一下企业基本情部及产品信息，这个专业的化工类网站一般在3000-6000左右（第一年），以后几年可以便宜一些，这个费用包括给企业建网+企业网站推广2.如果产品多，那么可以在---1---的基础上做一个产品数据库，可以让浏览网站的人很容易的检索到他所关心的产品，这样可能费用相应的增加3000左右，可以自主更新3.如果企业情况比较多，经常有一些新闻产生，可以在以上所说的基础上做一个新闻数据库，及时发布企业动态，这样费用一般也得增加3000左右，可以自主更新，如果新闻不是很多，可不用花这些钱，由网站制作人员定期加一个宣传栏即可1.只想把网站作为一张“网络名片”，那么，千元以下就可以解决问题。2.把网站做为企业信息的“窗口”，那么，建议投资2000-3000元建设网站。3.把网站为作一个“产品展台”，需要3000元以上的投资。4.要实现电子商务的功能，通过网站与客户互动交流、交易，3000-6000元。5.要开展电子商务服务，建站网络服务平台，6000元以

发布网站步骤：1、确定好网站的主题内容以及结构；2、注册好网站需要用到的域名和空间服务器；3、制作网页（对网站要求高一点的，可以让专业的美工设计好再进行切图，可以适当加一些js特效）；4、为了方便后期修改可以加上程序后台，不加也可以直接上传到服务器；5、资料录入；6、如果公司的网站建议备案；7、然后解析域名，这样网站就制作完成上线了 。

1)首先你要注册一个域名(例如:www.***.com),现在也有免费的二级域名可以申请,到百度搜索一下:免费的二级域名申请,可以找到. (2)你得去申请一个空间(就是你放网页的地方),同样有免费申请的(有WEB和FTP两种上传方式),但是一般免费空间都会在你申请的空间里放他们的广告的,挺烦人的.空间分为:静态空间和动态空间,静态的是只支持html格式的网页,动态的几乎所有的文件格式都可以支持.但是静态的比较不容易受到黑客的攻击,就是编辑时麻烦点. (3)申请完空间就会获得相应的IP地址一个,把域名解析到这个IP上,再把空间跟域名绑定一下(两边都要绑定哦,要不就打不开你的网站了. (4)下载一个网页编辑器编写自己的网页内容(例如:Frongpage.DW2004等) (5)编辑完自己的网页,接下来就是要把他放到自己的空间里了,那么就得找一个上传工具(例如:LEAPFTP等)上传到空间里就OK了(注意:首页的文件名必须为:index.htm或者index.asp等,具体请根据你所使用的语言). (6)告诉朋友你的网址,一起分享网络带来的快乐吧. BB这是需要掌握的技术步骤 第一讲 创建网站步骤 ①在D：盘新建一个文件夹（比如：Myweb） ②单击“开始”→“程序”→“Microsoft FrontPage ” ③单击“文件”→“打开站点”，选择查找范围(比如： Myweb) ④在屏幕窗口右边输入文本或插入图片，然后单击“文件”→“保存”，保存时文件名为index.htm（提示：主页文件名约定为Index.htm） ⑤新建其他网页，请单击“文件”→“新建”→“空白网页”或直接单击工具栏上新建按钮。 注意，除主页以外的其它网页文件名可以自定义，但尽量用英文。 如果已经退出FrontPage，请重复第②～③步，然后双击文件夹列表中的相应文件名可以继续编辑修改。 创建为网站的文件夹 普通文件夹 当前位置 主页>>网页设计与制作>>FrontPage 第二讲 网页的基本编辑 ?? 设置文本格式：在网页视图模式下，使用鼠标左键拖动选择要设置其格式的文本，单击鼠标右键，在所弹出的快捷菜单中选择“字体”命令项，或单击“格式”→“字体”。 插入图片：将光标置于网页编辑区中要插入图片处，单击“插入”→“图片”。 ?? 插入水平线：将光标置于网页编辑区中要插入水平线处，单击“插入”→“水平线”。若需要修改水平线颜色或宽度，请双击网页上的水平线 ?? 插入滚动字幕：将光标置于网页编辑区中要插入字幕处，单击“插入”→“组件”→“字幕”。然后，输入要滚动出现的文本内容（提示：字幕效果必须经过预览才能实现） ?? 这里是滚动字幕演示 网页背景：在网页视图模式下，在网页编辑区中单击鼠标右键，选择快捷菜单中的网页属性命令。出现对话框后，选择背景。 当前位置 主页>>网页设计与制作>>FrontPage 第三讲 表格操作 ?? 创建表格：将光标置于网页编辑区中要插入表格处，单击“表格”→“插入”→“表格”。 ?? 设置表格属性：选中表格后，单击“表格”→“属性”→“表格”。 ?? 设置单元格属性：选中单元格后，单击“表格”→“属性”→“单元格”。 ?? 插入新的单元格：将光标置于单元格中，选菜单栏中的“表格”→“插入”→“单元格” ?? 拆分单元格：选择要拆分的单元格，选菜单栏中的“表格”→“拆分单元格” ?? 合并单元格：选择要合并的一列、一行或一组相邻的单元格，选菜单栏中的“表格”→“合并单元格” 当前位置 主页>>网页设计与制作>>FrontPage 第四讲 创建超级链接 ?? 创建指向站点内的网页或文件的超级链接：在网页视图模式下，键入或选中要用作超级链接的文本，选择菜单栏中的“插入”→“超链接”。 ?? 创建指向一个书签的超级链接：在网页视图模式下，首先在网页内指定的位置插入一个书签，方法是选择菜单栏中的“插入”→“书签”。然后，键入或选中要用作超级链接的文本，选择菜单栏中的插入→超链接。出现创建超链接对话框，在书签框上，选择要将其作为目标的书签。 ?? 使用导航栏：创建导航结构等同于创建超级链接，基本思路是首先创建导航结构，然后在需要的位置插入导航栏，如此同样实现网页之间的链接。具体步骤如下： 第一步，在导航视图模式下，选中文件夹列表里的网页，拖曳导向要起放置的位置，若重命名网页标题，可单击鼠标右键，选重命名； 第二步，在网页视图模式下，将光标置于网页中需要插入导航栏的地方，单击菜单栏“插入”→“导航栏”。 使用共享边框：共享边框内，包含了想要显示在共享边框的每一个网页上的项目。在网页视图模式下，选择菜单栏中的“格式”→“共享边框” 使用主题：选择菜单栏中的“格式”→“主题” CC这是网页运做的步骤 一、复杂方法 在手工制作个人网站的时代，我们可以总结出的网站制作步骤基本为：设计、切割、代码生成、发布。而在此之前，应该规划出网站的结构，包括页面数、栏目设置等。 1.设计 进行页面总体规划，包括风格、布局等。网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿，笔者也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dreamweaver及Flash无缝集成，越来越受到网站制作人的欢迎。 2.切割 做完第1步，我们得到的只是一个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了（如Photoshop中提供的切片工具），不需要专门的软件来处理。 3.代码生成 这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不须要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为，但是很耗时间，而且很难精确地控制格式。这时，便该专门的HTML编辑软件出场了。 HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Homesite、Hotdog等；一类是所见即所得型，典型代表为Frontpage。也有两者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。所见即所得是目前大家最推崇的方式，因为可视化的编辑基本丢弃了代码，方便快捷。 说到Dreamweaver，笔者就不多介绍了，我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。 4.发布 将制作好的页面放到服务器上，以便的人能浏览。发布通常采用FTP的方式，将文件上传到服务器。目前的网页制作工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。

一、申请空间 空间分为免费空间和收费空间。 免费空间的特点是空间小、稳定性差。适合没有网站制作经验的爱好者练习。 收费空间的特点是性能稳定，功能齐全。适合制作高水准的网站。 申请免费个人空间要注意的事项是:空间大小、上传方式、是否限制上传文件大小、是否要附带广告，是否是嵌入式空间(即头尾是提供商的内容，中间是自己的内容)。一搬来说，空间50MB以上，ftp方式上传，无广告，性能稳定的免费空间就是不错的空间了。 下面介绍我正在使用的免费空间的特点: ①中华网个人主页空间:优点是有名气(国内大型综合网站之一)，无广告。缺点空间小(10MB)，web上传方式，关闭审核(即总算上传了网页，但审核前不能打开、不能浏览)、主机性能不稳定。 ②中联网个人主页空间:优点是ftp上传，空间大(100MB)，无广告，值得推荐。 ③壹号广告免费空间:优点是ftp上传，可以绑定一个域名(顶级域名)，缺点是必须申请成为联盟才能申请免费空间，有广告。 ④广电互联主页空间:优点是ftp上传、空间大(60MB)、支持asp文件(即动态网页)，缺点是必须嵌入网站的广告代码。 目前提供免费空间的网站不少，只要到搜索网站输入关键字搜索，然后选择适合自己使用的空间进行注册，就可以获得免费主页空间了。注册时除了要了解网站的服务条款外，还要记下你的用户名、密码，因为有些网站不一定给你发确认信，所以不要把自己的用户名和登录密码都忘了，另外还要记下网站的登录地址、你的域名及ftp地址、密码等。 申请收费空间才能真正保证你的网站正常运转，现在收费空间价格不是很高，如果有条件的最好购买收费空间，低档虚拟主机每年费用一般在200元左右，如果不购买域名，网站会送给你一个二级域名，例如西部数码的域名是 http://www.west263.com ，送给你的二级域名就是: http://用户名.west263.com，但建议你最好购买一个自己的域名，这样才算真正意义上的属于自己的网站。域名价格一般是每年几十无。 选购虚拟主机(收费空间)时不要贪便宜，要选择有实力、有影响的的提供商，这样才能得到更好的服务。我选择的是西部数码，据说是双线路虚拟主机，国内虚拟主机十强企业，使用一年多来感觉良好。 有了空间，就有了你的用武之地，你可以用你的域名登录到你的网站，将会看到提供商放置的默认主页。 二、上传文件 网页文件编写、调试后就可以上传到网站空间。文件上传有web上传和ftp上传。web上传需要登录到网站的空间管理页面按要求进行上传，如中华网个人主页，这种方式上传比较麻烦;ftp上传有三种方式，1、在IE地址栏输入ftp地址，然后输入用户名和登录密码就可以登录到自己ftp目录，再把文件复制到相关的目录下。2、利用Fontpage的“站点发布”命令。3、使用专用软件，如FlashFXP，这是最常用也是最方便的上传下载软件，如果网站提供ftp上传，推荐使用这个软件上传文件，该软件只要在站点管理中建立站点，日后上传就很方便了。 需要注意的是，不同网站提供商的ftp目录是不同的，有的是根目录，有的是web目录，有的是wwwroot目录,一定要上传到相应的目录，否则你的网站将不能访问。

发布网站步骤：1、确定好网站的主题内容以及结构；2、注册好网站需要用到的域名和空间服务器；3、制作网页（对网站要求高一点的，可以让专业的美工设计好再进行切图，可以适当加一些js特效）；4、为了方便后期修改可以加上程序后台，不加也可以直接上传到服务器；5、资料录入；6、如果公司的网站建议备案；7、然后解析域名，这样网站就制作完成上线了 。