网页制作大全

《网页制作大全》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、怎样制作网页现在市面上的有许多制作网页的工具，office中也有一个专门作网页的工具FrontPage，其操作与word相似，比较容易上手。下面以FrontPage2000为例，介绍网页制作的基本知识。一、如何打开FrontPage了解主界面单击任务栏“开始”按钮，选择“程序”选项，单击FrontPage就可以进入。进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。[图一]ProntPa

2、ge2000界面　　 　　视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接，以及

3、是什么类型的链接。任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。一、创建网页　这一节我们讨论怎样创建页面。　　　创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。　　如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

4、　　单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板[图一]，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。[图一]新建网页对话框　　使用模板可以不用总是从空白网页开始编辑，这样就省力很多。二、加入文字FrontPage中对于文字与图像的处理与word很相似，用过word的人对于FrontPage中这部分的操作很容易上手的。不过，毕竟

5、是网页制作软件，在Web的基础上，又增加了很实用的功能，也能做出复杂而且高级的网页文字与图像。FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里：编辑、插入、格式。编辑：包括用于处理文字的复制、粘贴等操作，调整网页内容（包括文字、图像、控件等等）的多少以及安排。是最基础的工具，经常使用其对应的快捷键。插入：用于网页各种部件及其组成部分的创建，很多选项都能创建既复杂又实用的部件，这方面较Dreamwaver更容易被初学者接受。（图2.1）　图2.1格式：对于文字的处理大多集中在这里，

6、这里的选项是用来协调整个网页以及整个网站的内容编制，也是个较常用到的菜单栏。（图2.2）　图2.2（一）创建文字：在FrontPage中创建文字的方法大致分两种：输入和导入。1、新建一个网页，之后输入的文字就会在光标所在位置出现，根本得不能再根本的方法，说白了就是打字。只要光标能到的地方都可以正常输入文字。2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中，【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字，包括txt、doc、htm等纯文本或者包含

7、文字的文件。（二）处理文字字体：选择【格式】菜单栏中的【字体】选项，出现字体对话框（如图2.3）。　图2.3字体：框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中，可以自行删改添加。字形：有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规，加粗用于标题，倾斜则用于突出正文中的内容以及使文字美观。字号：可以直接在输入框中输入想使用的字号，也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。字符间距：这个分页中的选项是用来进行行距设置以及

8、文字定位的。预览：无论在【字体】中进行什么操作，都可以在预览框中看到样品，方便选取合适的搭配。（三）处理文字段落：选择【格式】菜单栏中的【段落】选项，出现段落对话框（如图2.4）　图2.4对齐方式：设置整个段落在页面中的位置。常用的为居中。缩进：调整段落与左右边界的距离。首行缩进是用来设置各段第一行。段落间距：设置段落与段落之间的距离。对段落的操作和字体一样，可以在预览框中观察。当然，以上这些操作都可以在工具栏中对应图标按钮实现。（如图2）　图2还有【格式】菜单栏中的【项目符号与编