Frontpage网页制作教学

Frontpage网页制作教学

关键字:Frontpage创建站点、新建页面、文字、超链接

现在流行的网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有AdobePagemill3.0--制作多框架,表单和Imagemap图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。

一、创建一个“个人站点”

我们可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样,我们不必每次建立站点时都从头开始,那么,我们就来使用Web站点模板来创建站点吧。单击“开始”按钮,弹出“开始”菜单,在菜单中执行“所有程序/Microsoftoffice/MicrosoftFrontpage”命令,就可启动Frontpage,进入Frontpage窗口,同时“新建网页或站点”的任务窗格被打开;在“新建网页或站点”的任务窗格中单击“Wed站点模板”选项,会弹出一个“Wed站点模板的对话框,在其中选择“个人站点”模板,单击“确定”按钮,一个“个人站点”就创建完成了。现在我们来看一下新的站点里有什么,单击“视图”菜单下的“文件夹”命令,在文件夹列表里列出了个人站点所包含的文件夹及文件,其中,有一个网页文件,名字叫“indexhtm”的,它是每个站点的主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“indexhtm”.在文件列表里除了主页之外,还有文件夹。新建站点时,Frontpage都会在站点所在位置下新建几个文件夹,一个是“images”;一个是“private”;另一个是“photogallery”。我们在编辑站点时可以在“image”文件夹放置站点用的图片。“pvivate”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里。“photogallery”文件夹就是我们“个人站点”需创做的具体内容了。

二、编辑个人站点的内容及设置文字的格式

个人站点模板已经为我们规化好了站点的目录和建立了相关的页面。我们只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气,同时也给初学者一个良好的出发点。现在我们双击“indexhtm”图标,看,这就是我们个人站点的主页了。哎,好象有许多文字都不对,没有关系,这些文字都是可以改变的,现在写的是文字的用途,比如,“主题”文字就是用来写网站标题的地方,我们只要把原来的内容选中并删除,就可以输入自己喜欢的标题了,以此方法,我们可以把自己的内容输入进去。同样的方法,我们可以把自己的照片放入“photohtm”网页中,把自己的兴趣、爱好写入“interesthtm”网页中;把自己经常光顾的站点列入“favoritehtm”网页中并与其它站点进行超链接,把自己的个人信息写入“aboutmehtm”网页中,最后,浏览者和意见建议还可以通过“feedbackhtm”网页反馈到自己的站点中,内容输入完成后,为了使网页更加丰富多彩,我们就可对其文字、段落等进行格式的设置了。

三、插入图片

网上几乎所有的网页都使用图片加以点缀,在网页中插入适当的图片,能够产生图文并茂的效果。

如果有一个图片,怎样把它放到网页上呢?

首先要看你的图片是什么格式的,也就是客观存在的扩展名是什么,只有扩展名为GIF和JPEG的图片文件格式才能成为我们的页面的一部分,因为这两种图片格式不仅应用广泛,而且有利于节省存储空间。如果图片格式不是这两种格式,使用了其它格式的图片文件,FrontPage可以自动进行格式转换。

现在我们来插入图片,从插入菜单中选择“图片”命令下的“来自文件”子命令,在出现的“图片”对话框中选择所需的图片文件,单击“确定”按钮,所选择的图片就插入进去了。

如果要插入的图片文件不在当前的站点,而在用户的计算机中,则可以在“插入”菜单中选择“图片”命令下的“来自文件”子命令,在“图片”对话框中的查找范围处,找到你存放图片的位置,并打开,双击你所需要的图片,此时,此图片就被插入到网页中了。

如果插入的图片大小不符合页面的要求,没有关系,我们可以在图片上单击鼠标左键,这样图片被选定并在其四周出现8个控制点。用鼠标按住任一控制点并向外拖动,至合适大小,松开鼠标即可将图片放大;如果向内拖动,则缩小图片。我们还可以使用“图片属性”对话框来精确设置图片的大小,比如在“大小”区域里,为图片设置“高度”和“宽度”;在“布局”区域里可以为图片设置“对齐方式”、“边框粗细”、“水平间距”、“垂直间距”等等。

设计好的页面,应该检查它在浏览器中是否显示正常。方法是,一般只要切换到预览模式就可以了。单击“文件”菜单下的“用浏览器预览”命令,在打开的对话框的浏览器列表框中选择不同的浏览器(以MicrosoftInternetExplorer6.0为例),单击“预览”按钮,就可以看到新建页面在浏览器中的效果了。

四、建立超链接

怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢?在网页里,我们把这种点击后会进行页面切换的网页界面元素叫超链接。

WWW将全球的网页联系在一起,可以从一个站点跳到另一个站点,所使用的关键技术就是超链接,超链接包括两部分:链接的载体和链接的目标地址。

在FrontPage中,链接的载体可以是文字,也可以是图片。以文字为载体的链接称之为文字链接,以图片为载体的链接称之为图片链接。在浏览时,当鼠标移动到建立了超链接的文字或图片上时,鼠标光标会变成小手的形状,意味着这是一个超链接,可以单击鼠标左键,从而跳转到链接的目标地址指向的网页。

下面我们来建立一个与站点外部网页的超链接,先选择要定义超链接的文字或图片,在“插入”菜单中单击“超链接”命令,将出现“创建超链接”对话框,在Wed浏览的“地址”栏中输入要链接的站点的地址,然后按Enter键,Wed浏览器将链接到该站点,切换到FrontPage窗口,可以看到刚刚输入的站点地址出现在“创建超链接”对话框“URL”栏中,单击“确定”按钮,完成超链接的创建。

标签:;  ;  ;  

Frontpage网页制作教学
下载Doc文档

猜你喜欢