使用EditPlus可以方便地编辑HTML网页源码，通过EditPlus提供的网页编辑工具栏按钮，或者使用HTML语法剪贴文件窗口，可以轻松地在HTML文件中编写、插入各种HTML语言标志，从而完成一个网页的制作。下面，就以制作“贝贝学苑”网页为例，简要介绍用EditPlus编辑制作网页的过程。
1.创建新的HTML网页文件
点击菜单“File\New”，在其子菜单中选择“HTML Page”项，创建一个新的HTML文件。这时EditPlus自动显现网页编辑工具栏。
注意，EditPlus新建的HTML文件有一些预制的HTML语句，是HTML网页的文件头和主体框架，下面只需在这些预制的语句中添加内容即可。
2.输入网页的名称
在新建的HTML文件中第四行找到语句“<TITLE>New
Document</TITLE>”将“New Document”黑色字符换成设定的网页名称“贝贝学苑”。
3.设定网页背景颜色（按钮D）
将光标移到11行的“<BODY BGCOLOR=″＃FFFFFF″>”中，删除其中的“＃FFFFFF”字符，再将光标移动到引号中，点击HTML工具栏上的“Color”工具按钮（即图1中的工具栏按钮D，以下简称“按钮D”），在其下拉颜色选框中选择青绿色，青绿色的颜色代号为“＃99FFCC”。注意，EditPlus是以不同颜色来表示各种语法标志，例如颜色代号的标志字符就显示为粉红色，表示是可以修改的参数。（本步骤的操作效果可以参见图2中的“3背景色”标注示意，以下步骤类似）
4.插入“贝贝学苑”标题图片（按钮L、H）
将光标移动到12行，即“<BODY BGCOLOR=″＃99FFCC″>”与“</BODY>”之间，点击“Center”按钮（按钮L），这时文件中即插入标志字符“<CENTER></CENTER>”，设定要插入图片的位置居中。
再点击“Image”按钮插入图片（按钮H），语法标志为“<IMG SRC=″BEIBEIGIF″
BORDER=0 ALT=″″>”。注意，引号中加黑的字体是要插入的图片名称。
5.添加水平分隔线（按钮J）
将光标移动到行尾，回车另起一行，点击“Horizontal Ruber”按钮添加一条水平分隔线，语法标志为<hr>。
6.添加空格（按钮E）
点击“Non”按钮，添加一行空格，标志为“＆nbsp”。
7.添加表格（按钮K）
点击“Center”按钮(按钮L)设定表格位置居中。点击“Table”按钮(按钮K)，弹出一个表格框，在上面拖曳鼠标可以设定要添加的表格大小，这里选择一个一行三列的表格。
8.设置表格线宽度
添加表格后，编辑窗口出现几行表格的HTML标志字符，将光标移动到第一个“<TABLE>”处，将之修改为“<TABLE
BORDER=3>”。其中的“BORDER=3”标志设定表格框的线宽为3。当然，也可以用EditPlus提供的HTML剪贴窗口来插入“BORDER=0”字符，具体使用参见前文。
9.建立链接（按钮I）
将光标移动到表格的第一个“<TD></TD>”标志的中间，点击“Anchor”按钮建立一个超级链接，HTML标志为“<A
HREF=″″></A>”，在引号中输入要链接的HTML文件名“SBShtm”。
10.输入黑体字符（按钮B）
将光标移动到上述字符串的“</A>”前面，点击工具栏上的“Bold”按钮（表示字符显示为黑体字符），然后在光标处输入“SBS
步 步 学”字符。
11.设置字体（按钮C）
将光标移动到刚才输入字符的前面，点击工具栏按钮“Font”，出现字体设置标志<FONT
SIZE=″″ COLOR=″″></FONT>。在“SIZE=″″”中输入字体为7，在“COLOR=″″”中设定字体的颜色为洋红色。这样，一个表格项中的超级链接就编辑好了。同理，编辑完成其它两个表格项的超级链接。
12.换行（按钮F）
将光标移到表格标志外（“</TABLE>”标志后），点击“Break”按钮添加“<br>”换行标志。
13.输入语言段落（按钮G）
点击“Paragraph”按钮，出现“<P>”字符，在其后输入网页制作信息，然后用“</P>”字符标志段落结束。
14.查看网页（按钮A）
点击工具栏第一个按钮，就可以查看编辑制作的网页，实际上，使用EditPlus可以边写代码边看代码效果，以随时修改编辑的源码。
15.其它
这里只是简单介绍了EditPlus的网页编辑过程，其它诸如JavaScript、Object、表单、地图映射和许多其它语法，就不一一介绍。关于HTML超文本标志语言，可以参考其它资料。还要提醒的是，使用EditPlus编辑修改或制作网页可以得到相当紧凑的HTML文件。
本文出自：《电脑报》1999年3月01日第08期 |