荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: hawkwolves (十一狼), 信区: Homepage
标  题: 在FrontPage2000用HTML
发信站: BBS 荔园晨风站 (Tue Jun  6 11:12:30 2000), 转信

在FrontPage2000用HTML
田涛 (03/24/2000)



  网页制作是一项编程技术,只是它比你所熟悉的那些编程语言,比如C语言,
显得更为简单明了。你可以随手利用任何文本编辑器来编写你所希望的网页。当然
这样的编写网页的方式你必须面对更多的问题,你得牢牢记住那些HTML标记,它们
就好像你的爱情一样,必需成对出现。当然,或者你愿意接收挑战,或者你想成为
一代网页制作大师,而在这之前,你可以了解一下当你能利用所见即所得的网页编
辑器FrontPage2000的同时又能直接和HTML标签打交道的那种双重编写方式时,你
是否会感到,你在其间是否更游刃有余呢?




  一.为什么需要和HTML打交道




你选择FrontPage2000作为你的网页编辑工具,因为你知道你无需和HTML标记打交
道,而HTML标记有时侯却真令人感到头疼,它有许多的标记,许多的属性,而且还
有许多的规矩。或者你手头有一段不错的HTML代码,因为你看到有这样一段代码的
网页里,字符能从上落到浏览器窗口的底部,虽然它过于花哨,但的确把你吸引住
了,如何在你的网页中也包含这种效果呢?是否把那段代码加入到自己的网页中就
能实现呢?更现实的是,如果加那段代码到你的网页中,或许你还有其它方法,但
直接把代码复制到网页中是最好的方法了。也就是说,你得把FrontPage2000切换
到HTML编辑方式,然后找到合适的位置,然后粘贴进去就好了,这一切看起来十分
简单。




  FrontPage2000为那些不断进取的网页制作者提供了HTML编辑方式,因为有些
时侯,某些网页效果必需和HTML直接打交道才能实现,这可能是FrontPage2000的
功能还欠缺的问题,又或者是FrontPage2000留给你实现你自己梦想的一条光明的
道路呢。




  要在FrontPage2000中切换到HTML编辑方式下,你可以按下编辑窗口下的HTML
选项卡。




如果你在普通编辑方式下选定了某一段文本或者图片,当你切换到HTML编辑方式下
时,相应的HTML代码就会被反蓝选定显示。但如果在HTML编辑方式下选定某一段
HTML代码而返回到普通编辑方式下时就不会显示相应的被选定的内容了。




  二.在FrontPage2000中编辑HTML代码




  1.插入HTML标记




  当你在HTML编辑方式下编辑网页时,你能方便的插入HTML标签。如你想插入一
张图片,先在HTML代码中找到你想插入的地方,然后选择菜单“插入/图片/来自文
件”选项,在弹出的对话框里选定你想插入的图片,单击确定。这样你会看到一段
<IMG>代码插入到了你选定的地方。你可以切换到普通编辑方式下,查看你刚刚插
入的图片。



  你可以在HTML方式下的任何地方插入HTML标签,虽然你有了更多的自由度,但
错误总会难免,虽然FrontPage200能帮助你修正某些错误,比如为你补全遗漏的一
个“>”号,或者把遗漏在</html>外的内容自动放置到<body></body>里,但更多
时侯,你的疏忽可能会把网页弄的一团糟。特别是在HTML方式下与表格代码打交道
时,所以你得确定那些标记加入的地方不会影响你原来网页的布局结构。




  2.编辑HTML标记属性




  HTML标签都会有许多属性,你可以在任何方式下编辑它们。在HTML编辑方式下
,选定一个标签,把光标移动到某一个标签上,然后按下鼠标。然后点击右键,选
择“标记属性”


,这时侯会弹出相应的“标记属性对话框”。一般情况下,你选择的标记应该是开
始标记,而不是以“/”结尾的结束标记。




  3.查找和替换标记




  在HTML编辑方式下,你可以方便的查找和替换任何的HTML标记。特别是对于比
较复杂的HTML代码时,利用好查找和替换功能可以让你加快HTML的修改。




在HTML编辑方式下选择菜单“编辑/查找或者替换”就会弹出相应的对话框,你设
定相关的查找和修改内容,按下确定后,一切就会按你要求做了。




  4.HTML颜色代码



当你切换到HTML编辑方式下时,你会发现HTML代码包含有不同颜色,在默认情况下
,标签是蓝色,内容是黑色,注解是灰色,脚本是红色。对于这些颜色你可以修改
它以附合你的要求或者你也可以关闭颜色。




  *修改颜色




  选菜单“工具/网页选项”打开“网页选项”设置框,然后选择“彩色代码”
选项卡。


你可以通过下拉列表选择你满意的颜色,按下“恢复到原始的颜色设置”就能恢复
到系统默认的代码颜色配置。




  *取消颜色




  在“彩色代码”设置对话框,你可以取消用颜色区分代码选项,这样HTML代码
都利用黑色来显示。你可也可以在HTML编辑方式下的窗口的任何地方,单击鼠标右
键,在弹出的快捷菜单里取消“显示颜色代码”的选择。




  5.插找行号



如果你的网页非常复杂,那么在HTML方式下的代码会非常长,也就是说HTML代码有
许多行。如果能找到你指定的行呢?比如你现在想跳到HTML代码的38行,在窗口的
任何地方,按下鼠标右键,在弹出的快捷菜单里选择“定位”,在“转到行文本”
框里输入行号38,



然后按下确定,这样你就能跳到第38行了。这里要注意,空行也算一行。




  6.插入HTML代码




  我们知道当你在其它网页中发现一段不错的HTML代码时,你可以直接在HTML编
辑方式下粘贴到你的网页中来,但如果在普通编辑方式下如何插入呢?先复制那段
代码到剪贴板,然后选择菜单“编辑/选择性粘贴”,在弹出的“转换文本”对话
框里选定“以HTML方式处理”项,


按下确定后,该段代码加入到你原先的HTML代码中而不是直接显示在页面上。




  7.显示标记




  如果你习惯或者好奇在普通编辑方式下能看到HTML标记的话,FrontPage2000
能帮你,选择菜单“查看/显示标记”,你能看到一对对标记出现在页面上。你可
以直接单击标标记图标来设置标记属性。






  8.插入注释




  当你的网页不是一个人完成的时侯,那么你可能需要提醒其他人别动某一个地
方。你可以在那个地方加入一句话:“别动这里,否者我扣你薪水”,效果不错,
没人敢动了。要加入注释,选择菜单“插入/注释”,然后在弹出的文本框里输入
你刚才想说的话,


按下确定。当你切换到普通编辑方式下时,这一句话也能出现,但不会出现在最终
的浏览页面上。




  9.框架结构下的HTML代码




  如果你在编辑一个框架结构的页面,那么你可能在编辑窗口底部看到新的选项
卡。“无框架”是当浏览器不支持框架时所显示的内容,默认是“此网页使用了框
架,但您的浏览器不支持框架”;“HTML”是显示框架中所包含的页面各自的
HTML代码;“框架网页HTML“是显示框架结构的页面代码,在这个页面中定义了框
架的样式。








  三.HTML的参数设置



  为了更好的利用HTML编辑方式,FrontPage2000提供了一些对HTML编辑方式下
的参数设置。选择菜单”工具/网页选项“弹出”网页选项“设置框。



这里有三个选项卡和HTML有关,它们是:HTML源代码;彩色代码;兼容性。彩色代
码我们上面介绍过,而兼容性也比较容易理解,下面我们来介绍下HTML源代码的设
置。



  在HTML源代码设置里,一共有”常规“和”格式“两个大项。在常规里有两个
选择,第一是保留原有的HTML,过去的低版本FrontPage中,HTML代码总会被
FrontPage擅自的修改,而在2000版本中,这个问题不会发生了,如果你选择了该
项,那么你的HTML代码永远保持原样。




  如果你选择了“使用下面的规则重新格式化”项,那么HTML代码会根据你的设
置而作出修改。如果你已经打开了某一个网页,那么你可以按下“根据当前网页设
置规则”按钮来让FrontPage2000收集该网页的代码设置规则以用到以后的网页编
辑中去。




  在格式项里,有三个复选框:标记名称为小写:默认是选定该项的,这样你在
HTML编辑方式下查看的代码都是小写字母。取消该项的选择,那么HTML代码以大写
方式显示;属性名称为小写:和上一个意思一样,而这里只是针对标记的属性的;
允许在标记内换行:该项默认是没有被选的,选定该项,对于过长的HTML代码就会
自动换行了。接下来的“缩进”是指标记离编辑窗口左边的距离,默认是2,单位
是“空格”。而“每行宽度”是指在HTML编辑方式下代码所允许每行包含的最多字
符,默认是80。




  最下面是对“标记”的设置,在左边的列表框里显示了HTML标记,当你选定一
个标记后,相应的默认设置就会出现在右边。这些设置是针对你在HTML编辑方式下
查看代码的显示方式上,你可以对不同标记作出特别的设置,比如你可以突现某一
个标记的显示,让这个标记区别与其它的标记显示。下面来详细介绍这些选项:



  开始之前:



  因为HTML标记一般都是成对出现,所以开始之前是指开始标记。这里开始之前
是指开始标记离上一行代码的距离,默认是1,就是空一行。




  开始之后:



  这里开始之后是指开始标记离下一行代码的距离,默认是1,就是空一行。




  结束之前:

  结束之前是指结束标记离上一行代码的距离,默认是1,就是空一行。



结束之后:

  结束之前是指结束标记离下一行代码的距离,默认是1,就是空一行。




  省略开始标记:

  有些标记可以省略掉开始标记,比如body,当然并不是每一个标记都可以省略
的。




  省略结束标记:

  有些标记可以省略掉结束标记,比如P,就可以没有结束标记</p>。有的标记
可以省略开始标记和结束标记,这要看你选定的标记不同就有不同的选择。



  缩进内容:

  选定该项,包含在标记中的内容就会缩进显示,也就是离编辑窗口左边距离增
大。




  以上就是FrontPage2000带给你的一份礼物,它让你由第一层到达最后一层,
你能控制全局,你能感受到网页编写的所有乐趣。HMTL标签俨然是许许多多跳跃的
精灵,它听你指挥,听你讲述每一个梦。



--
     ┏━┳━┳━┳━┳━┳━┳━┳━┓
     ┃当┃你┃你┃你┃去┃我┃我┃我┃ My e-mail:11_wolf@163.net
     ┃了┃跟┃也┃没┃做┃手┃要┃不┃
     ┃小┃在┃没┃有┃老┃敲┃把┃再┃
   李┃尼┃身┃有┃讲┃和┃木┃你┃烦┃ My homepage:http://192.168.35.20
   敖┃姑┃后┃哭┃话┃尚┃鱼┃忘┃恼┃

※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 192.168.35.20]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店