您的位置:首页网页设计FrontPage  → 打造一个新的天堂1

打造一个新的天堂1

时间:2004/11/7 2:44:00来源:本站整理作者:蓝点我要评论(0)

 

网页制作是什么?


  网页制作就是根据网页效果图,把它实现成浏览器中可以浏览的网页。我们已经使用过或者听别人介绍过很多的网页制作工具。FrontPage,Dreamweaver,GoLive等等这些都是我们平常所知道的网页设计软件,而FrontPage毫无疑问是一个简单易用,功能强大的网页制作工具。


  如今FrontPage推出了新的版本,他依旧是和Office 一起推出的,不过不同于以往的是,新版本Office系列软件不再是以年份来命名了,使用了新的命名方式,MicroSoft公司将其冠名为Office XP,XP是单词Experience(“体验”)的缩写。所以我们下面介绍的就是FrontPage XP。毫无疑问,我们下面的网页制作过程将是一个不同于以往的全新的体验过程。


设计初步――新建站点




  • 启动FrontPage XP,如果是第一次启动FrontPage XP时,会发现新版的FrontPage在用户界面上做了一些改动,在右边有一个几乎占据屏幕五分之一空间的任务窗(图一),集中了一些主要的命令,而这些任务命令会随着你操作的不同而改变。实际上,Office XP的每一个应用程序,从Outlook到Publisher,都有任务栏。




图一 FrontPage XP界面



  • 我们选择空白站点,因为我们需要建立的是一个站点,而不仅仅是一个页面,当然,我们在网站建立的过程中需要添加页面的时候,当然是选择建立一个空白页面了。然后弹出Web站点模版窗口,实际上又很多模版可供选择,如:个人站点,公司展示站点,客户支持站点等等,这些模板都是很不错的选择。为了简单起见,我们选择个人站点,图二就是用个人站点模版建立的站点的页面。



图二 用个人站点模板建立的站点的页面




  • 我们先切换到超链接视图状态看看FrontPage XP是如何设计整个站点的吧。


图三 超链接视图


  左边的树状结构列出了所有的页面,可以通过按加号和减号来扩展和收缩。右边列出当前页的连接,同样也可以通过按加号和减号来扩展和收缩。



基本要素――文字、超链接、图像




  • 先新建一个页面吧,还是从一个空白的页面开始。



  首先是对页面属性的设置,在网页上右键单击,选择网页属性,当然你也可以通过选择主菜单中的文件->属性,然后在弹出的对话框中就可以设置页面属性了,如图四。



  常规设置的是页面标题,位置,背景音乐以及使用的脚本等等;背景设置的是背景颜色,图片以及链接的颜色等等;边距设置的是页面边距等等;此外还可以设置自定义变量和语言选项等等。




  • 文本在网站上的应用是最广泛的,一个内容充实的网站必然会用到大量的文本,而怎样编辑好这些文本成了摆在我们面前的第一问题。在以往的HTML编写中,经常要考虑文本前后的HTML标签,这实在是一种麻烦的事。不过在FrontPage XP中,这变成了一种简单的事情了。我们在页面中简单的添加几个字符,然后就可以通过工具栏中改变字符的属性等等,一切就像在Word中操作一样。



图五 设置字符属性的格式工具栏


  对于具体的字符属性设置,可以在选择要设置的字符以后点击右键,然后选择字体,你可以看到一个更加强劲的字体的设置选项。



  • 如果觉得这样的设置不够规范,或者太烦了,自己懒的动手,FrontPage XP也为你提供了一种方便的方法――设置主题,在FrontPage XP中,用户可以使用的主题数有67个。每一个主题都有不同的外观和风格,包括按钮、背景、字体等。用户不仅可以在一个网页中采用一种主题,而且可以在整个网站中采用一种主题。而且,现在的FrontPage XP,拥有更多的可操作性,你可以随心所欲的修改这些主题风格。



图六 主题风格




  • 当然,对于字符,我们也可以给他设置超级链接,选中字符以后点击右键,选择超链接,然后在超链接设置对话框中你可以发祥FrontPage XP的超链接设置比任何一个版本的FrontPage都要强,甚至于比Dreamweaver等工具强多了。



图七 超链接设置


  不仅可以设置当前文件夹,浏览过的页面以及近期使用的文件,而且可以是文档中的书签,新建文档,电子邮件地址,当然可以是直接的页面地址。我们在这里设置成Http://www.microsoft.com/china



  • 对于页面上的任何内容,我们可以加上动态HTML效果,选中打算加上效果的字符,图片等等,然后在主菜单中选择格式->动态HTML效果,然后就可以设置具体的DHTML效果了,格式是在(选择一种事件)应用(选择一种效果)(选择设置)。



图八 动态HTML效果


  对于网页的过渡,在主菜单的格式->网页过渡中也可以设置。不要小看了这个小小的动态HTML效果和网页过渡,如果运用恰当的话,他可以为你的网页增色不少。




  • 在网页设计上,图形并不只单纯地表达一项信息或意义,还可以表现一个网站的风格、加强网站的特色。FrontPage XP提供了很多绘画工具,习惯使用Word和PowerPoint用户一定不会对这些绘图工具感到陌生。用户还可以利用Office 剪贴板把其它Office应用程序中制作的图片粘贴到FrontPage XP中。FrontPage XP中虽然不能直接制作现在网络上流行使用的GIF、JPEG等格式的文件,但是可以间接的插入其他软件制作好的文件。在主菜单里选择



  上面我们介绍的是FrontPage XP中网页基本元素――文字,链接,图像文件的制作,从下面开始,我们介绍是FrontPage XP中的一些高级技术。虽然称为高级技术,不过他们在FrontPage XP中仍然是很容易就可以实现的。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 轻松制作自己的信息反馈WEB页Javascript实例教程16 使用Javascript的数学用FrontPage在一张图片上制作多个超级链接用FrontPage 2000做样式表

人气排行 msxml3.dll 错误80070005解决办法用FrontPage在一张图片上制作多个超级链接Frontpage2000实务高级网站管理使用 Photoshop 画笔做撕边效果轻松制作自己的信息反馈WEB页认识FrontPage 2002扩充插件之三用FrontPage 2000做样式表Frontpage2000中文教程:第一章 认识Frontp