Front Page就是这样的一个理想的网页编辑工具。它是Office家族中的一员,因此界面保持了Word,Excel等软件的一贯风格,非常友好。可以象使用Word一样来制作出一个网页。而且,FrontPage与操作系统的集成性非常好,所以在站点管理等方面具有其它网页编辑软件所无法比拟的优势。
目录 [隐藏]
1 基本简介
2 组建功能
3 元素定位
4 表单任务
5 网页样式
6 技巧三则
7 相关词条
8 参考资料
FRONTPAGE-基本简介
Frontpage
打开FrontPage,看到的界面,几个主菜单几乎是微软公司所有软件产品所共有的。单击“文件”菜单中的“新建”->;“网页”,就会弹出一个网页制作的向导,从三方面提供了几十种基本方案供你选择。在"常规"选项卡中一共提供了26种模板,其中甚至有“意见薄”和“用户注册”的界面。在“框架网页”中,提供了10种框架结构,几乎包括了所有常见的网页框架。“样式表”则能帮助确定统一的文字风格,比如“霓虹灯”型就是规定文本和标题为霓虹绿Verdana字体,超链接为黄绿色,背景为黑色。对于不太熟悉网页制作的人来说,这个向导几乎可以帮助完成基本技术工作的三分之一。只要按照自己已有的构想,在其中选择符合自己风格的一个架构,那么剩下往里面添内容的工作就几乎与技术无关,非常简单易行了。
“插入”这个选单具有比较鲜明的FrontPage特色,是专门为网页编辑而服务的,它包括了十分丰富的内容,是网页编辑中最常使用的动作。
由于网页的源代码毕竟是Html语言,所以一些在Word中常用的字符是不能在FrontPage的编辑页面中正常使用的,比如“回车”在FrontPage中就会产生一个大的分段,而不是简单的换行。而在文章中往往还需要文字的单纯换行。这种情况就只能用“插入”换行符来解决。“插入”菜单中还包括很多内容,如水平线、符号、丰富多彩的文件和图像,这都是网页编辑中比较通用的资源。最具网络特色的超级连接也可以插入。
FRONTPAGE-组建功能
Frontpage
FrontPage提供了大量的组件,来尽量减轻用户的工作量,可以插入时间戳、导航栏、目录表格等。可以插入各种特殊效果。插入菜单的高级部分就是为这个设计的,你可以插入各种ActiveX单元,如动态按钮、标题广告管理器、滚动字幕、计数器等,也可以插入各种FrontPage组件,设置数据库信息,当然也可以插入各种表单域。当然你对这些操作不满意,也可以自己插入一些丰富的控件,这些就可以通过高级选项完成,实现插入java小程序、ActiveX控件等。
其实搭好框架,加入文字与图片,安排好链接,这个网页基本上就已经完成了。不过,你还有什么高一些的要求,就要用到FrontPage高级一点的功能了。功能高级一点并不代表操作复杂一点,FrontPage提供了很多功能,能够实现很好的效果,但操作依然简便。比如,现在是个多媒体的时代,在网速允许的前提下,为自己的网页加上一段个性飞扬的多媒体文件,其中还有自己的配音,一定能为这个网页增色不少。要作一个小程序,调用系统中的MediaPlayer实际上远没这么恐怖,只要在FrontPage的“插入”菜单中选择插入“视频”,直接将你的视频文件插入到网页中的目标位置就可以了。
有很多网页是带有背景音乐的。一打开网页,首先听到一曲动听的音乐,那么就会很快进入这个网页所营造的氛围。在FrontPage中也可以自由轻松地设置网页的背景声音。只要在网页视图模式下,右键单击网页,然后单击快捷菜单中的“网页属性”。在“常规”选项卡中的“背景音乐”底下,于“位置”框中,键入您要播放的声音文件,或单击“浏览”来找出文件。想持续地播放声音,请选择“不限次数”复选框。只要声音播放固定次数,请清除“不限次数”复选框,然后在“循环次数”框中键入想播放的声音次数。
FRONTPAGE-元素定位
Frontpage
FrontPage精确定位的功能,这是区别于使用表格来对网页元素定位的另一种将文本和图形等元素放置在网页上的方法。它允许控制网页元素的正确位置和层次顺序。“定位”主要包括绝对定位和相对定位。绝对样式定位使得您可将某元素放置在网页上准确的位置。您可以将元素拖动到所要求的位置,也可以以元素容器(例如网页)左上角作为相对参考点来指定元素的坐标。以绝对方式定位的网页元素并不是文本栏的一部份;元素将出现在当前文本栏的前方或后方,而文本没有排列在元素周围。使用相对定位将组件放置在文本栏中的一个定点上。不管您对网页此点上下做了任何更改,定位组件的布局都会保持完整。
以前设计网页时,即使使用表格,要想把图像精确地显示在某一个位置也是一件不容易的事情。但在FrontPage2002中,大家可以使用绝对定位法来轻松实现图像的精确定位操作:首先用鼠标选中需要定位的图像,然后在菜单栏中单击“格式”菜单项,并从弹出的下拉菜单中选择“定位”命令,在随后弹出的设置对话框中选择“定位样式”下的“绝对”,这样就可以在“位置与大小”设置栏处任意设置自己的图像大小和位置了。更简捷的方法,是在“定位样式”下选中“绝对”后,用鼠标任意拖动图像到指定的位置处就可以了。
FRONTPAGE-表单任务
Frontpage
动态交互网页是人们在设计网页时的一种追求,这个功能的实现需要设计者利用脚本编辑语言来执行表单提交和应答功能。但是,利用语言来开发程序对普通设计者来说要求可能是太高了一点。FrontPage2002可以完成一些最简单的提交和处理表单计算结果的设置,例如通过电子邮件就可以轻松来完成。
具体方法如下:在FrontPage编辑区中执行插入表单任务,其中要注意的一点是:设置按钮类型为提交。右击此按钮,打开“FormProperties”(表单属性)对话框,选中“Sendtoothers/CustomISAPI、NSAPI、CGIorASPScript”这一项,然后打开“Options”(选项)对话框,在“Action”(动作)框中输入“mailto:
yourname@servername邮件主题”,在“Method”(方式)框中选“Post”(邮寄),在“Encodingtype”(编码类型)框中输入“text/plain”,确定后即告完成。
FRONTPAGE-网页样式
Frontpage
许多主页都采用了一种简洁的文本超链接形式,而当鼠标点上这些链接的时候,这些文字链接的字体、大小发生一些动态变化,这小小的变化会使整个页面看起来动感奇佳。FrontPage可以让您用风格表(stylesheet)轻松地实现这个功能。
步骤如下:打开格式菜单中的风格表选项,在文本框中的HTML代码中插入“a:hover”,结果如下示“”,“hover”意为“停悬”,即指光标停悬在超级链接上。然后,打开“style”菜单,你就可以选择当鼠标箭头移到文本超链接时文字的变化。可选的选项有很多,这里简单地设置字体为楷体,颜色为红色,字体风格为斜体,文本修饰为下划线(执行Text/Decoration/Underline),单击“OK”按钮,大功告成。当鼠标箭头移到有超链接的文字上时,文字的字体变为楷体,颜色为红色,字体风格为斜体,文字下面还会出现一条下划线。
不用表格也加框:要给指定的图像或文字周围加上框线,通常的做法是利用表格来间接实现。但这种方法的缺点是很不灵活,而且很难做到所见即所得。针对这种缺陷,FrontPage为用户提供了一种框线下拉选单工具,利用这个功能,用户在给指定图像或者文字进行加框操作时,会变得就像在Word或者Excel里面那样容易,而且还能快速地把各种不同样式的框线套用到文字或者图片上。在具体使用该项功能时,先在FrontPage编辑界面中选中指定的对象,然后用鼠标直接在“格式”工具栏上选择“框线”图标,并在随后弹出的界面中选择一种自己需要的框线格式就可以了。
FRONTPAGE-技巧三则
Frontpage
给图形增加一个缩略图
网络速度比较慢,可以给图片增加一个缩略图,快速地显示图片的概图。缩略图是指把原图像按比例缩小,作为原图的预览,即当访问者点击一个到图片的链接后,在图片下载的过程中,网页上首先出现图片的略图,直至原图全部出现。
在FrontPage中如何完成这样的功能。首先制作缩略图,这可以在imageready等图形软件中制作一个缩略图,并保存到相应的目录中。在FrontPage中插入图片,然后单击鼠标右键,选“图片属性”。选择“常规”选项卡,单击“替代表示”栏中的“浏览”按钮,找到刚才所制作的缩略图jq-pc0.gif,也可以在“文本”栏中填入相应的说明文字。单击“确定”按钮,完成此操作。
如何禁用JavaScript
从动画到应用程序,站点内的各种对象都可以使用JavaScript。但有些浏览器并不支持JavaScript,所以有时访问者在查看包含Javacritp的网页时可能无法正确显示,或者会包含错误。
在用FrontPage制作网页时,可以将站点设置为与特定的浏览器兼容或是与某种技术兼容。比如可以禁止JavaScript,或将所制作的站点设置为与不支持JavaScript的浏览器兼容,甚至将FrontPage菜单上有关插入或使用JavaScript的命令设置无效(菜单会变成灰色)。单击“工具”菜单,选择“网页选项”然后单击“兼容性”选项卡。要禁止JavaScript,就取消“JavaScript”复选框,单击“确定”,设置就完成了。同样,您还可以启用或禁用ActiveX控件、动态HTML,或者CSS等。
怎样插入竖直线
用<hr>可以插入一条水平线,但如何插入一条竖直线。既可以利用插入表格的方法,也可以利用<hr>的方法。先看看用<hr>方法插入竖直线。建立一个表格,然后在某一单元格内插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了。想要更长的线,只将高度设大是没用的,不信你试试,设置高度为200,但在浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加一条同样的水平线。还可以改变线的颜色,以达到不同的效果。
第二个办法也很简单,就是在一个表格中,单击鼠标右键,选“表格属性”,设置表格的单元格边距和间距均为0。再单击鼠标右键,选“单元格属性”,设置某一单元格的指定宽度为1个像素,高度为100个像素,并设置合适的背景色。
评论读取中....