网页制作学习入门教程

网页制作学习入门教程

本网页制作学习入门教程从(一)入门概念(二)设置主题(三)工具使用(四)上传网页(五)宣传与维护网页五个方面详细的介绍了网页新手必须了解的入门教程。言简意赅。值得一看。

网页制作学习入门教程(一)入门概念

WWW基本概念上WWW 你应该会了吧！这是重要的一步！不管你是用学校的网络，或是使用自己家的电脑上ISP上网，至少你要能连上网络，这样我们才能继续下去啊！有些人会搞不清楚INTERNET 和WWW 或是BBS 究竟有什么分别，以最简单的话来解释：INTERNET 是一个网络的大环境，而它拥有多项的服务项目，如：WWW、BBS、FTP、Gopher、Mail、News...等。就好象一家大的百货公司一样，有娱乐场、美食部、家电商...等的道理是一样的（只是的比喻）。现在应该知道INTERNET 和WWW 的差别了吧！WWW是20世纪90年代初兴起的一种服务。

网页：就是我们现在要准备做的东西。

首页：就是当我们进入网站时，第一眼看到的网页。

网站：由一堆网页所构成的网站内容，各个网页之间主要通过超级连接联系，这就叫网站。

WWW：则是由一堆网站所连接而成的。

简单说就是：网页→网站→WWW。

网页制作流程

为了让网友们对于网页制作有初步的概念，先简单的说一下制作网页的一般流程：

主题架构：就是网站内容主题及操作界面，先要想好。

制作工具：准备制作网页的工具、图片制作工作、网络工具等。

编写网页：开始动手，编写网页，最累最有成就感的时候。

选择空间：制作好网页就要放到网络上，得找个免费空间来放。

上传网页：有了存放网页的空间，就将制作好的网页上传到网络上。

维护网页：后续的维护网页工作，保持网页内容的新鲜度。

网页制作学习入门教程(二)设置主题

网站的种类‧专业网站：越专业、越丰富、、越有参考性，那么你的网站将屹立不摇，在网络中占有一席之地。

‧教学网站：如电脑软件的使用、或任何的教学内容，事事能教，毕竟好学的人不少，你不就是吗！

‧下载网站：许多免费的资源，若能有心的去收集，最好再加点说明，那么也是相当吸引人的。

‧网址网站：到处去搜集网站，做个总的整理，方便网友连接访问，也就节省了查询时间，是吸引人相当不错的方法。不过维护上不太容易。

‧个性网站：就是与众不同的网页！这就要看个人的巧思及创意了。越独特，越吸引人。

‧地下网站：基本上不鼓励这个！不过，所谓“杀头的生意有人做嘛”如：情色站、破解站，越非法，大家就越好奇，不过，小心别惹祸上身。

不同类型网站的架构与特色

至于网站整个的操作架构，本人认为不同性质的网站，多少会有不同的需求以及操作介面。所以就将上述几种网站，将其架构或操作介面做简单的整理：‧专业网站：专业性网站，图片是少不了的，因此，要注重于版面的安排以及图片的设计，让网友能对你的专业知识有清楚的认识。

‧教学网站：內容第一，解说清楚，若能图问并茂更佳，要注意网站操作要简单清楚，此外要注意浏览的速度，别做太多无所谓的美化。

‧下载网站：要注意连接的有效性，以及软件版本的更新消息。此外，清楚的分门别类是必要的，若有清楚详细的使用说明则更佳。

‧网址网站：重视搜集网站连接的完整度，搜集越完整越好。此外，页面简单清楚即可，不必太复杂，浏览速度必须要快，而且需要时时去注意连接的有无失效。‧个性网站：美工及创意是免不了！尤其是创意占极重要地位，此外，有必要好好的宣传一下，如三天两头就到BBS 上去宣传。

‧地下网站：基本上，这种站绝少重视什么美工创意，速度也不是挺要紧（为了

瞄她一眼，再久都等！）不过，小心被抓或被骂。

成功网站的要素

除了以上说的一堆外，简单的讲，一个成功的网页不外乎以下几点：

1. 有丰富內容

2. 浏览速度快

3. 网页版面靓

4. 经常去更新

5. 多些好连接

6. 常去做宣传

就这样了！如何？想好你的主题了吗？咱们就开始动手了！

网页制作学习入门教程(三)工具使用

首页制作工具：文字编辑软件：在选择网页制作工具时，最简单的莫过于记事本了，如果你想选择记事本的话，那么前提你必须熟悉HTML的各种标签，否则最好别选择记事本！目前我主要是使用记事本了。当然在这里我们还可以选择其它的文字编辑软件，比如：word等，最后保存为web格式就可以了。

HTML辅助工具：设计者需要知道html 标签的用法，此类软件旨在使设计者能够快速且方便的做出首页，不用死记标签，部分软件甚至会有提示、诊错、建议的功能。不过初学者最好不要使用，难以进入快速的状态。如Home site 3.01等。

所见即所得类工具：给初学者入门用，用法简单，不需要记住HTML的各种标签，只要用几分钟就可以快速制作出网页，如：FrontPage、Dreamweaver 等。

图片制作工具

网页需要美观，需要在网页中加入一些漂亮的图片，这时我们必须熟悉一些图片制作工具的使用。在这里首推：Photoshop，当然你也可以选择其它的制图软件，如：Fireworks，Ulead Gif Animator，ACDSee等大家熟悉哪个就选择哪个了，当然也可以选择其它的！只要能制作出精美图片就可以了！

网络工具

LeadFTP，CuteFTP都是非常上传工具，可以把我们制作的网页上传到网络空间。

Teleport Pro可以将他人的网站全部下载到我们自己的硬盘中，慢慢观摩学习。

网页制作学习入门教程(四)上传网页

我们制作好了自己的精美网页，其主要目的就是要发布到互连网上让别人来看！这也是我们制作完网页的最后一步！在论坛中应wang heng的要求，我给大家写一篇关于如何上传网页的文章，今天我就给大家在这里写一篇！希望会对大家有帮助！其实上传网页方法有很多，有的软件就直接代有上传的功能！不过在这里我具体给大家介绍一下使用专门的上传软件来实现上传．在上传之前我们应该首先知道你申请的空间的地址，用户名和密码．之后我们就可以使用上传软件上传了！

首先在本站下载一个上传软件地址如下：

CuteFTP简体中文版下载

/htmldata/2005-03-18/1111161075.html

LeapFTP简体中文版下载

/htmldata/2005-03-18/1111160992.html

在这里着重给大家讲解一下LeadFTP的使用！首先我们启动leadFTP，具体上传的过程如下

图５下图中的本地目录（也就是只的我们自己电脑中的网站存放的位置，当然我们在自己制作网页的时候应该包含首页，下面已经做了说明，具体看你的空间说明支持哪个文件做为首页），远程网站的目录就是你申请的空间的目录，至于具体上传到哪个目录要看空间提供商的说明．看到下图你就可以分清哪个"本地目录"？哪个"远程目录"？在我们上传时要遵守这个规定！如果上传的网页中包含了图片那么我们也应该将图片上传到远程网站空间中！在这里你就应该注意网页中使用的图片的问题了！

注意：一般的空间都是给我们设置好了主页的文件，不同的空间有不同的指标，