我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > frontpage > FrontPageXP网页的编辑
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

FrontPageXP网页的编辑 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-11-24


-->
  经过上次的学习,想必读者朋友们已经基本掌握了使用FrontPage XP建立和管理站点的方法,那么建立好一个站点以后,接下来的工作就是读者朋友们最为关心的网页的制作和编辑了。我们知道,一个站点是由多个网页组成,一个网页又是由文字、图像、声音、视频、超链接等多种对象构成,这次我们就围绕网页元素的制作,来使用FrontPage XP一步步完成。

网页的创建

  网页的创建有两种方法,一种是基于空白网页创建,另外一种就是基于FrontPage XP提供的网页模板快速建立。前者需要作者自己构造网页布局格式,后者无需自己构造网页布局,而只需修改网页模板中的元素即可。

  基于空白网页创建网页时,点击“文件/新建”,再单击“网页或站点”命令,弹出“新建网页或站点”任务窗口,在“新建”之下,单击“空白网页”即可。

  基于网页模板快速建立网页时,点击“文件/新建”,再单击“网页或站点”命令,在“新建网页或站点”任务窗口中,在“根据模板新建”下单击“网页模板”命令。在“网页模板”对话框中,单击要使用的模板选项卡,比如“常规”选项卡,然后再单击需要使用的模板,同时在“预览”视图中会显示该模板的缩略图。最后单击“确定”按钮完成,FronPage XP就会根据模板打开一个新网页了。

添加搜索引擎关键字

  刚才已经建立好了一个网页,下面需要向网页中添加关键字,以使得那些能够识别关键字的搜索引擎更容易找到这个网页,从而增加浏览率。

  单击“文件/属性”命令,打开“网页属性”对话框,单击“自定义”选项卡,在“用户变量”中单击“添加”按钮,会打开一个“系统变量”设置对话框,然后在“名称”文本框中,输入关键字的名称,比如“xword”,然后在“值”文本框中,输入网站的搜索关键字,并使用逗号作为关键字之间的分隔符,最后单击“确定”按钮,如图1所示。



图1 在此设置搜索关键字


设置边距与标题栏

  如果自定义网页边距,右键单击网页,选择快捷菜单上的“网页属性”命令,进入“网页属性”对话框,然后单击“边距”选项卡,在这里可以设置网页的上、下边距,选中“指定上边距”复选框,然后在下面输入边距的高度值,如果选中“指定左边距”复选框,还需要在下面的数值框中输入网页左侧的距离值,如图2所示。



图2 网页边距的设置在此完成


  在此对话框中的“常规”选项中,还可以设置网页的标题,标题可以与文件名不同,比如一个页面的文件名称为Default.htm,其标题可以是“我的主页”。此时在“标题”文本框中,输入要显示在网页横幅或链接栏中的文件标题文字,然后单击“确定”按钮即可,如图3所示。



图3 设置一个有特色的网页标题


应用网页主题

  在“网页”视图中,打开要应用主题的网页,然后单击“格式/主题”命令,打开主题对话框。如果要将当前主题应用到当前被选网页,可以选择“所选的网页”选项,然后在主题列表中选择要应用的主题名称后,即可在“主题示例”之下预览,完成后单击“确定”按钮即可将当前被选主题应用到网页了。

  当前网页应用主题后,网页将不再使用Web站点的默认主题设置,也就是说,应用到当前站点的任何主题更改都不会影响此网页主题。

插入图片

  网页的制作是离不开图片的,我们来看一下如何在网页中添加图片。

  在“网页”视图中,将插入点放在要插入图形的位置,然后点击“插入/图片/来自文件”命令,在打开的对话框中,选择需要的图像文件,然后单击“插入”按钮即可将图片插入到网页的当前位置。

  选中刚才插入的图片,单击并拖动图形上的控点来调整其大小至合适。调整好图片的大小后,需要进行图片的环绕方式设置,在“网页”视图中,右键单击图片,然后单击快捷菜单上的“图片属性”,并选择“外观”选项卡,然后在“环绕样式”中,选择文本在图形周围的流动方式,然后在“布局”中选择图片的对齐方式,最后在“水平间距”和“垂直间距”框中,输入要在图形边缘的显示的间距,如图4所示。



图4 在此设置插入图片的属性


超链接的设置

  创建超链接的方法比较简单,首先可以选择需要制作链接的文本或图片,然后在工具栏单击“插入超链接”工具按钮,在打开的对话框中选择需要链接的网页或者文件即可,或者直接输入链接网址,比如http://www.tongyi.net,如图5所示。



图5 超链接的设置是最简单的


  此外,在网页中还有一种超链接方式,就是指向电子邮件,比如一些网页上经常有“给我写信”之类的链接,首先选中需要链接的文本或图片,然后单击“插入超链接”按钮,在打开的对话框中,选择“电子邮件地址”按钮,在“电子邮件地址”框中输入电子邮件地址,然后在“主题”框中,输入电子邮件邮件的主题。

经过以上几个步骤,一个网页就基本制作好了。

  到站提示:经过以上几个步骤,对网页中的基本元素都进行了适当的编辑,使其更加符合你的风格。网页在制作过程中还有很多技巧,下次我们将从网页的布局讲起,介绍如何规划一个网页。



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。