FrontPage XP基础教程(1)

网页制作是什么?

网页制作就是根据网页效果图,把它实现成浏览器中可以浏览的网页。我们已经使用过或者听别人介绍过很多的网页制作工具。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是如何设计整个站点的吧。

图三 超链接视图

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

时间: 2024-09-12 20:16:46

FrontPage XP基础教程(1)的相关文章

FrontPage XP基础教程(2)

基本要素――文字.超链接.图像先新建一个页面吧,还是从一个空白的页面开始. 首先是对页面属性的设置,在网页上右键单击,选择网页属性,当然你也可以通过选择主菜单中的文件->属性,然后在弹出的对话框中就可以设置页面属性了,如图四. 常规设置的是页面标题,位置,背景音乐以及使用的脚本等等:背景设置的是背景颜色,图片以及链接的颜色等等:边距设置的是页面边距等等:此外还可以设置自定义变量和语言选项等等.文本在网站上的应用是最广泛的,一个内容充实的网站必然会用到大量的文本,而怎样编辑好这些文本成了摆在我们面

FrontPage XP基础教程(3)

对于页面上的任何内容,我们可以加上动态HTML效果,选中打算加上效果的字符,图片等等,然后在主菜单中选择格式->动态HTML效果,然后就可以设置具体的DHTML效果了,格式是在(选择一种事件)应用(选择一种效果)(选择设置). 图八 动态HTML效果 对于网页的过渡,在主菜单的格式->网页过渡中也可以设置.不要小看了这个小小的动态HTML效果和网页过渡,如果运用恰当的话,他可以为你的网页增色不少.在网页设计上,图形并不只单纯地表达一项信息或意义,还可以表现一个网站的风格.加强网站的特色.Fro

FrontPage XP基础教程(4)

FrontPage XP中能插入的表单有所改善,能插入的类型如图十一所示,其中一些在其他网页制作工具里很难达到的效果都可以通过很简单的操作完成,如文件上载,试想想看,如果在Dreamweaver里面做这个效果,你会如何办了?在FrontPage XP里,当然简单了,你只需要点击一个按钮,然后剩下的一切操作都交给FrontPage XP了. 图十一的左下角显示的就是插入的文件上载的表单的显示,在选中这个表单以后通过表单属性就可以设置这个表单提交的内容是提交到一个文件,一个Email地址,或者直接放

FrontPage XP基础教程(5)

众所周知,FrontPage的每一个新版本都会推出新的或者增强功能的WEB组件,在FrontPage XP中也不例外,FrontPage XP的WEB组件是无可比拟,前所未闻的,通过这些功能强大的WEB组件,用户可以快速地在网页中加入高级技术.其中新增的部件包括图片库.链接条.保存到数据库.自动网页内容等.利用FrontPage XP的这些高级技术,用户不必进行复杂的编程就可以达到专业的效果,节省了很多时间. 除了上面这些新增的组件外,FrontPage XP还增加了一些新的工具,如:自动网页内

FrontPage 2003基础教程(十八) 插入媒体插件

1.插入"WEB组件"到高级控件到插件 2.找到数据源,编辑相关, 3.注:会自动识别媒体的,有两种RM和微软的 查看全套FrontPage 2003基础教程

FrontPage 2003基础教程(十七) 插入动态文字

1.WEB组件中 2.在文字栏中写入你的文本 3.还可以修改"样式" 查看全套FrontPage 2003基础教程

FrontPage 2003基础教程(十六) 在网页中插入链接栏

1.光标在要插入链接栏的地方或选中共享边框 2.点击"插入"(或是编辑"链接栏"属性),Web组件,找到"链接栏",有两个选项:基于导航结构的链接栏:自定义链接栏 3.点下一步 4.选择"样式",有多种,自定. 可以选中"使用鲜艳颜色"和"使用动态图形" 5.再选择"横向"或"纵向" 6.点"完成"进入"属性"

FrontPage 2003基础教程(十五) 共享边框

1.启用共享边框: >"工具">"网页选项">"创作">选中"共享边框" 2."格式"中选中"共享边框"在对话框中(注:若想损事,选:所有网页)设置选项"上.左.右.下"(可以自定) 3.在自动出现的共享边框中编辑链接栏属性 4.最后的效果 5.和上一讲的链接栏配合使用,当你每添加一个网页在链接栏中会自动生成上面的效果 查看全套FrontPag

FrontPage 2003基础教程(十四) 新建自定义链接

默认链接有时不够用,可以建自定义链接,独立于默认.在插入链接时有两个选项:一个是默认,另一个是自定义链接. 自定义链接可以放在主页下面,也可以放在独立的地方.下图一中的"娱乐"就是放在主页下的.图二中的新建成链接栏是独立的.   当然你还可以在自定义下面添加下层链接. 查看全套FrontPage 2003基础教程