it技术指南:www.itedus.com
  • 信息订阅

IT指南

  • TNT五分钟问卷赢IPOD
  • 贝塔斯曼
  • 广告联盟
  • No pay, More gain!
  • 单价15元-网络广告平台
  • 注册阿里妈妈赚广告费
  • 首页
  • 新闻资讯
  • 网页制作
  • 软件使用
  • 操作系统
  • 软件编程
  • 网络编程
  • 图象处理
  • 网站欣赏
  • 数据库
  • 认证考试
  • 站长知识
正在浏览栏目导航:首页 > 网页制作 > FrontPage >

Frontpage2000中文教程:第三章 制作你的第一个主页(1)

时间:2007-08-26 17:47:49   来源:  作者:

  知道了一个网站的结构之后,你是否很想马上动手制作网站里面的网页?那好,我们本章就来学习如何制作。

首先我们运行Frontpage2000,并且打开一个站点。在打开站点之后我们就要在制作窗的编辑区里面开始工作了。如果你忘记了什么是制作窗或者什么是编辑区的话,你可以复习一下本教程的第一章。

如笔者在第一章所比喻的一样,网页就象一张白纸,该如何让它显得美观,华丽,关键是要看网页设计者自己。网页中少不了文字和图象,把文字和图象摆在自己希望的位置,一个网页就出来了。其实制作网页就这么简单,你也不想笔者浪费口水了吧?那我们马上开始。

我们新建一个网页,你可以点击控制窗按纽栏的来新建一个网页。

网页上的文字如何制作你该不会不知道吧?在编辑区打字,你打出来的文字就会出现在光标闪动的地方(如图1)。我们在编辑区打上“你好,欢迎你光临我的主页。”



(图1)



(图2)



(图3)

你可能不希望网页上的文字都一样,只是黑色的吧。你可能希望它是红色,也可能希望它是蓝色。又或者你希望某些文字比较大,而且还有一些特殊效果。如何才能做到更改文字?很简单。我们用按住鼠标的左键,把你想改变颜色的字括起来(如图2),括起来之后按鼠标右键,选择弹出菜单中的“文字”(如图3)。接下来会弹出窗口中选择你想要改变的方式(如图4)。



(图4)



(图5)

字体菜单可选择你希望的字体,字型可以改变文字的形状,可以是粗体也可以是倾斜体,大小就是改变文字的大小,还可以改变颜色和增加一些文字的效果。更改好了可以在预览区预览一下,不满意可以再改。

我们这样来修改:把字体定置为宋体,在字体菜单中选择宋体。字型为粗体,在字型菜单中选粗体。文字大小为6,即是24磅。颜色为红色,文字效果为下划线。按确定,你就会发现刚才打在编辑区的文字起了变化(如图5)。

当然你也可以随意更改成自己喜欢的样式。
网页中最主要的元素除了文字,就是图片。如果网页中只有文字,而没有图片的搭配或者装饰,一定会显的很呆板。那么在Frontpage2000制作网页中如何为网页加上图片呢?很简单。

我们把编辑区上的鼠标光标移动到编辑区希望出现图片的地方,然后按控制窗的按纽栏里面的插入图片按纽,在弹出的窗口中选择你希望放在网页上的图片(如图6),按确定就行了。

大家记住,插入网页中的图片格式必须是“JPG”或者是“GIF”格式的,读者如何区分这两种格式呢与其他格式的不同呢?如果你安装了ACDsee这个著名的看图软件的话,你可以看一下图7就能分清楚了。



(图6)



(图7)

这里要提醒一下大家:在第二章笔者已经跟大家提过网站中图片的保存位置了,大家必须把网页中使用到的图片保存在网站文件夹的“images”文件夹中。要是你插入的图片不是保存在网站文件夹里的话,那你做好网页浏览的时候就看不到网页中你插入的图片了。所以大家要紧记,网站中所有的文件,包括网页,图片等等都必须保存在这个网站的文件夹中,还必须用英文名字。

还要注意的一点就是:已经插入网页中的图片,你就不能再修改那张图片的文件名了,否则在浏览时同样会出现看不见图片的后果。

笔者插入一张“Welcome”字样的图片,如果你没有的话可以插如其他自己喜欢的图片。

到目前为止,一个简单的网页就算制作成功了,点击制作窗的切换按纽中的“预览”按纽预览一下(如图8)。



(图8)

对于这个网页嘛,有些读者会大骂:“什么破玩意,怎么见得了人呢!”可能另一些读者会说:“哦,小宝贝,这是我做的第一个主页,要好好保存起来。”哈哈,具体你会怎么样做笔者可猜不着了。怎么说也是第一个,也只能做到这种水平了:)如果你想学习把网页做的更好看一点的话,欢迎你继续阅读本章的第二小节。

要点:

1修改文字的属性时必须把需要修改的文字用鼠标左键括起来。
2网站内所有文件都必须保存在网站文件夹内。
3已经插入到网页中的图片不能再修改它的文件名。

关键字:
关闭此页
上一篇:Frontpage2000中文教程:第二章 创建一个站点并管理它
下一篇:Frontpage2000中文教程:第三章 制作你的第一个主页(2)

相关文章

    无相关信息
本栏目推荐
  • Frontpage2000值得学
  • Frontpage2000值得学

排行榜

  • 1用Frontpage手把手教你制作网上电影的
  • 2用FrontPage 2003发布您的网站
  • 3用FrontPage2003轻松制作ASP动态网页
  • 4使FrontPage与Dreamweaver亲密合作
  • 5网页制作软件FrontPage XP的使用技巧
  • 6利用FrontPage 2003制作网络申请系统
  • 7用FrontPage制作鼠标光照特殊效果
  • 8在FrontPage 2000中插入Flash动画

最新信息

  • Frontpage2000中文教程:第二章 创建一
  • Frontpage2000中文教程:第一章 认识Fr
  • Frontpage2000中文教程:第三章 制作你
  • Frontpage2000中文教程:第三章 制作你
  • Frontpage2000中文教程:第四章 Frontp
  • Frontpage2000中文教程:第三章 制作你
  • Frontpage2000中文教程:第四章 Frontp
  • Frontpage2000中文教程:第四章 Frontp
关于站点 - 广告服务 - 联系我们 - 返回顶部
Copyright © 2007 www.itedus.com . All rights reserved.QQ群:8814225
如果碰到相关技术问题可以联系我们,原创相关问题请与站长及时联系.鄂ICP备07005792号