杨震霆
有图
Netscape Composer(作家)是随Netscape 4.0以上版本一起附送的,完全免费,也比较容易掌握,是初学者制作网页入门的首选。下面笔者将手把手地教你如何利用这一工具制作你的主页。
一、启动Netscape Composer
首先打开Netscape,单击Composer,或者在File菜单中打开主页编辑器如图1。
出现界面如图2。
这里就是Netscape Composer的编辑界面了,可以像WORD一样在里面直接输入文字。
二、设置Netscape Composer
选择EDIT菜单的Preferences,再选择Composer,出现界面如图3。
在Author Name里把你自己的名字填上,以后在编辑好的主页源码里会出现这一句:,别人可通过查看此句得知该主页的制作者。
在“Automatically save page every ... minutes”里的数值告诉系统每隔多少分钟存一次盘,这可以防止你辛辛苦苦制作的成果付之东流。
External Editors HTML Source里填上主页编辑器的名称用作编辑源码,如果没有专用的主页编辑器,则可以填一个文本编辑器作为替代,比如Notepad等(注意,编辑源码要对HTML知识比较了解才行)。
三、定义网页的属性
在打开Composer后系统会自动建立一个新的空白网页,缺省是白底黑字。为了使网页更加美观,可以改变背景的颜色或者选择一个图像文件作为网页的背景。在网页上按鼠标右键,选择 Page Properties(网页属性),出现界面如图4。
在Title中输入你的网页的标题,在浏览这个网页的时候,这个标题会显示在浏览器窗口的标题栏里。在Author中输入作者的名字,在Description中填入简单的描述性文字,在Keyword里加入关键词,这项功能很有用,将有助于你的网页在搜索引擎里更容易被搜索到。这些内容会加进网页的HTML源码里,但浏览网页的人是看不到的。
如图5所示选择Colors and Background。可以选择Use viewer’s browser colors,使用浏览器中定义的颜色,而不在网页中进行定义;或者选择use custom colors在网页中定义各种对象使用的颜色,如普通文字(Normal Text)、链接(Link Text)、活动的链接(Active Link Text)、已经浏览过的链接(Followed Link)、背景颜色(Background)。还有一种更方便的方法是在Color Schemes列表框中选择Netscape预定义的各种颜色方案(图6)。
四、设置背景
除了设置背景颜色外,也可以用图片作为背景,这可以使你的主页更加丰富多彩。如果希望用一个图像文件作为网页的背景,可以选中Use Image,然后按Choose File按钮,选择合适的图像文件(图7)。
一般而言,背景文件不应该太大,以免影响下载网页的速度。在使用了图像背景后,将看不到网页的背景颜色。
五、文字处理
文字的处理基本跟Word没什么两样,在下面的一排按钮中实现对字体和字样的处理:
注意字体最好选择通用的字体,否则别人的电脑没有装此种字体会看不到你的效果。另外Netscape也不能识别中文字体,IE则可以。
字体的颜色在 按钮中设置(图8):
注意在编辑之前首先要将文字的属性设置好,否则在源码里中文会出现乱码,比如这样一段文字“至于做链接,也是很容易,你只须用鼠标选你要做链接的文字或者图标后按鼠标右键 ,再选create link,然后再选你目标目录下的html文件即可:”会变成这样:“??????????????????????????????????
??? ???create link????????????html????
?”,浏览的时候在Netscape下看不出,但在IE下浏览就会明显看到乱码。
除此之外,还可以定义文字的大小和颜色、粗体、斜体、下划线等,这些都可以通过选择工具栏中的按钮完成。
六、插入图片
文字的处理不难,关键是插入图片和产生链接。要插入图片,只须点击Insert菜单(或者按 按钮),选取Image,可以在当前光标所在的位置插入一个图像文件,按Image后,在Choose file里选取你的图像文件即可(图9)。
按Choose File选择图片文件(如果是使用在网上的图像文件,可以输入图像文件所在的网址)出现界面如图10。
插入图片后,我们可以修改一下图片的属性,这时对着图片单击右键弹出菜单选择Image Properties即可。
在Text alignment and wrapping around images选择栏里,可以定义这个图像与周围的文字的位置关系,如上对齐、下对齐和环绕等。在Dimensions(尺寸)中可以定义图像的大小,以像素点或者占窗口的百分比为单位,如果图像的实际大小与在这里定义的大小不相符,在浏览器中会将图像放大或者缩小。用Space around image以点为单位定义图像周围的空白空间(Left 是左空,Top是上空,Solid border是图像的边框,一般设为0,否则会在图像外面显示一个边框)。
之后再选择“Alt.txt”按钮,出现界面如图11。
我们可以在Alternate text栏中输入有关这个图像文件的描述性文字,这可以让鼠标移到图片上时出现这段文字,或者浏览者设置了“不显示图片”时可以显示这段文字。在Low resolution image栏中可以定义一个比这个图像更小的图像文件。在用Netscape浏览网页的时候(IE无效),这些文字和小图像文件将会在大图像文件被完全下载之前显示在网页这个图像的位置上,这为浏览者浏览网页提供了方便,对网页设计者来讲,这是一个良好的习惯。
七、插入链接
至于做链接,也很容易,你只须用鼠标选你要做链接的文字或者图标后按鼠标右键 ,再选create link,或者按 按钮,然后选择你目标目录下的html文件。
之后在按Choose File选择Html文件或者直接链接到网上任何一个地方,如图12。
图片也可链接,方法跟上面叙述的在文字上做链接一样。也可选择图片后,按鼠标右键,选择image Properties,会发现有Link这一项,在Link to a page location…栏中输入目标地址,插入链接。注意一般把图片做链接后,预览效果时会有个蓝框,很多时候这会影响网页上的图片的美观,这时可以选择图片,按鼠标右键,选择image Properties,把Solid border设为0即可。
八、使用表格
表格是一种简单明了的表达方式,所以在网页中会经常地使用表格。使用表格也相当简单,只要在工具栏上按一下 按钮就可以在光标的位置插入一个表格。
如图13在Number of rows和Number of columns框中分别定义表格的行数和列数。若选择include Caption,为表格加入标题,其位置可选Above Table(在表格之上)、Below Table(在表格之下)。
另在Table Alignment中选择表格的对齐方式。Border line width框是定义表格线的宽度,以点为单位,约定值是1。Cell spacing和Cell padding框分别是定义各个格之间的间隔和格内表格线与内容的间隔。Table width框中设置表格的宽度,可以用窗口的百分比(% of Window)或者点(pixels)为单位。Table min. Height框中设置表格的最小高度,同样也可以用窗口百分比或点作单位。若选择Equal column widths,则表格中各列的宽度相等,否则各列可以有不同的宽度。在Table background可定义表格的背景。如果想用某一种颜色作背景,那么选中Use color,然后按后面的按钮,选择一种颜色。如果想用一个图像文件作为背景,那么选中Use Image,并按“Choose Image...”按钮选择一个图像文件。
在生成了表格后就可在其中插入文字、图片、链接、表格的内容。如果想修改表格的属性,可在表格上按鼠标右键,选Table Properties,重新设置表格。
九、使用列表
另外一种条理清晰的网页组织方式是使用列表(List)。列表有几种形式:Bulletted(每一项前面有一个小黑点)、Numbered(每一项以数字编号)、 Description (描述型的列表,每一项都从网页最左端开始)、Directory (目录型的列表,每一项前面有空心小圆点)、Menu(菜单型的列表,每一项前面也有空心小圆点)。
十、保存
在制作完主页后,可以按 预览按钮将网页保存并在Netscape Navigator中预览。注意经常会出现在Composer中的效果和Navigator中的效果不完全一样的情况。
其次要注意的是在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.html或者index.htm,而其他页面则可以为其他名字。
十一、Publish 出版
在编辑好网页之后的最后一关是将网页发送到网上,使其他人能够看到。前提当然是你必须首先在Internet上申请了主页空间,(大家可以到网易的主页http://www.nease.net上申请)它允许你用FTP维护主页。
将网页放上Internet一般用FTP软件即可。不过Netscape Composer提供了一个很简单的Publish(出版)功能,让你可以完成这最后一步。
首先按下工具栏上的 按钮,就会出现如图14所示的对话窗口:
在Page Title中输入你的网页的标题,在HTML Filename输入放到主机上之后的文件名字(一般就是正在编辑着的主页的)。HTTP or FTP Location to publish to中输入要存放网页的主机地址及目录。在Username和Password输入用户名称和密码,选中Save password可以保存你的密码。输入完这些东西后,按“OK”就可以把你所编辑的网页连图像文件一起送到主机上。
Next-->page>>回上一页,看更多资料