您现在位置:教学机构 >> 信息工程系 >> 一体化教学 >> 教学资源 >> 浏览文章教学资源

Frontpage网页制作教学(2013)

文章来源:新萄新京十大正规网站原创 编辑:崔红 发布日期:2016/9/5 15:42:00 浏览:0

现在流行的网页制作App有很多,作为Office办公组件之一的FrontpageApp以其功能强大、容易上手、界面亲切而深受广大初学者的欢迎。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对其更新情况进行监控以更新站点的内容。

下面,大家就来教大家制作一个自己的网站:

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

大家可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样,大家不必每次建立站点时都从头开始,那么,大家就来使用Web站点模板来创建站点吧。

    单击“开始”按钮,弹出“开始”菜单,在菜单中实行“所有程序/微软 office/微软 Frontpage”命令,就可启动Frontpage,进入Frontpage窗口,同时“新建网页或站点”的任务窗格被打开;在“新建网页或站点”的任务窗格中单击“Wed站点模板”选项,会弹出一个“Wed站点模板的对话框,在其中选择“个人站点”模板,单击“确定”按钮,一个“个人站点”就创建完成了。          现在大家来看一下新的站点里有什么,单击“视图”菜单下的“文件夹”命令,在文件夹列表里列出了个人站点所包含的文件夹及文件,其中,有一个网页文件,名字叫“index htm ”的,它是每个站点的主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index htm”.

    在文件列表里除了主页之外,还有文件夹。新建站点时,Frontpage都会在站点所在位置下新建几个文件夹,一个是“images”;一个是“private”;另一个是“photogallery”。大家在编辑站点时可以在“image”文件夹放置站点用的图片。“pvivate”文件夹比较特殊,其中的文件对浏览者来说是隐含的,大家可以把一些不想让浏览者看到的网页文件放在这个文件夹里。“photogallery”文件夹就是大家“个人站点”需创做的具体内容了。

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

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

1、文字格式的设置

单击“格式”菜单下的“字体”命令,在“字体”对话框中,大家可以对中文字体、字形、字号、颜色等做进一步的设置。

2、段落格式的设置

单击“格式”菜单下的“段落”命令,在“段落”对话框中,大家可以对段落设置对齐方式,设置段落行与行之间的距离,段落与段落之间的距离设置完成之后,这就是一个成功的网页了。

三.插入图片

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

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

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

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

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

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

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

四.建立超链接

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

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

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

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

五.站点发布

建立站点并设计完毕,就可以向因特网或内部网上发布站点,实现信息共享了。

FrontPage提供了一个网页发布工具,进行相应的设置,就可以将站点发布到因特网上了。不过,在进行站点发布之前,首先,先要检查下网页是否处于发布状态,若处于发布状态,就可以从站点上向外发布了,若不处于发布状态,则该网页就不能从站点上向外发布了,所以,必须把它设置为发布状态。

站点发布的具体过程为:在FrontPage中,打开要发布的站点,从“文件”菜单中单击“发布站点”命令,则会出现“发布站点”对话框,在对话框中的“指定发布站点的位置”框中输入要发布站点的位置,选中“发布所有网页”选项,单击“发布”按钮,FrontPage开始检测WWW服务器的状态,FrontPage与服务器链接成功后,就会出现“要求提供用户名和密码”对话框,“用户名”和“密码”都是用户在因特网上申请存储空间时ISP所提供的信息,输入完毕,单击“确定”按钮,将开始站点的发布过程,发布成功后,在浏览器中打开站点,浏览站点中每个网页,检查各个链接,定期更新网页的内容后,单击“常用”工具栏中的“发布站点”按钮,即可以向服务器传送修改过的网页了。

XML 地图 | Sitemap 地图