个人网页制作全过程

个人网页制作全过程日期：10-12来源： 作者：字体：大 中 小如何制作个人网页全过程，送给刚学做网页的朋友们第一讲 网页的基本知识和 FrontPage 入门一、网页的基本知识1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段1）网页制作一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工 作。每个网页基本上都是一个HTML（Hyper Text Markup Language,即超文本标识语言）文件，所以 网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。一般在电脑上写文章使用Wo rd、Wps等文字处理软件，而制作网页则可使用Fr ontpage等网页制 作工具。2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的 PC 机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。 这就和你要开商店必须租用一个场地一样。3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。2、什么软件可以做网页？假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Wo rd，用Wps， 甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用 一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。初学的人，用微软公司的 frontpage 比较好，它的优点是易学易懂，上手快。 FrontPage 是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。除了 Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公 司的网页三剑客”即Dreamweaver （网页制作工具）、Flash （动画制作工具）和Fireworks （图像编 辑工具）。假如，你有了一定基础，还是用网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备 在网页制作方面有所发展，再学习“网络三剑客”也不迟。二、FrontPage 入门本节我们先来熟悉一下FrontPage的操作环境，了解界面中的基本设置。1、启动 FrontPage单击任务栏上的开始”菜单，将鼠标指针指向开始菜单中的程序，在“程序”子菜单中单击“Mie ros oft FrontPage”，就可打开 FrontPage 窗口。2、FrontPage 的视图栏用过Word的朋友马上就会发现：FrontPage窗口看起来和Word非常相似，常用工具栏和格式工具 栏中许多按钮的形状和作用都一模一样，具体的操作也和Wo rd差不多，用熟Wo rd的朋友马上就可以在 编辑区输入编辑文字材料。中制作网页的大部分工作都在这个环境中完成，所以我们在这里不再对 Front Page 的环境做详细的介绍。我们将在以后的学习中再陆续介绍常用工具和菜单命令的使用。与Word比较，在刚打开的FrontPage窗口的编辑区的左侧多了一个视图栏，该视图栏中有6种视 图按钮。默认情况下，网页视图被打开，而其他的视图也有特殊的作用，我们将在以后用到它们。视图栏 虽然为我们编辑网页提供了很大帮助，但由于它占用了窗口的一部分区域，使 得我们看到的网页和实际的 结果存在一定差异。所以，在编辑网页的过程中，常常将视图栏隐藏。女口，单击查看”菜单，在右图所示下拉菜单中可以发现在视图栏”前面有一个V”,单击V”将其取消， 视图栏将被隐藏。重复此项操作，视图栏又会出现。3、FrontPa9e 的编辑区编辑区是制作、编辑网页的地方，我们将在这个区域里进行输入文字、插入图片、制作表格等操作。 由于与 Word 非常相似，多数操作都非常简单，这些在以后的学习中将会逐渐体会到。编辑区有三个视图方式，分别为普通”方式、HTML”方式和预览”方式。在编辑区下左边有三个查看 标签，可以让用户非常方便地在这三个方式之间切换，为我们制作网页提供了很大的帮助。和 Word 的 页面”视图一样， 普通”视图方式允许我们以所见即所得”的方式进行网页的编辑与制作， 如下图所示。制作网页的大部分工作都是在这个环境中完成的。2） HTML”方式在HTML”视图方式（下图）中显示的是这个网页的HTML代码，即所谓源代码。在这个窗口中可以 像在文本编辑器里一样对HTML代码进行编辑和修改。由于FrontPage功能有限，有时为了实现一些特 殊效果，我们常常需要在此标签中直接输入HTML代码。也可在这个视图方式下对网页进行优化减肥。对 还不熟悉HTML的初学者，可以先不去关心它。此视图可以预览可以预览网页在IE中的样子，特别是当网页中存有动态图片或FrontPage组件时， 预览起来非常方便。假如在这里还觉得效果与IE中不一样，为保证所制作的网页在IE浏览器中的整体效果，也可以单击文 件”菜单，在弹出的菜单中选择 在浏览器中预览”，从而打开浏览器进行预览。