动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

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

作者来源: 
阅读 数 457 人次 , 2006-4-20 9:06:00 

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

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

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

我们新建一个网页,你可以点击控制窗按纽栏Frontpage2000中文教程:第三章 制作你的第一个主页(1) 的来新建一个网页。

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

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

(图1)

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

(图2)

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

(图3)

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

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

(图4)

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

(图5)

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

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

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

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

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

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

(图6)

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

(图7)

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

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

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

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

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

(图8)

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

要点:

1修改文字的属性时必须把需要修改的文字用鼠标左键括起来。
2网站内所有文件都必须保存在网站文件夹内。
3已经插入到网页中的图片不能再修改它的文件名。   
 本文Tagsfrontpage  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Frontpage2000中文教程:第三章 制作你的第一个主页(2)
· 下一篇:Frontpage2000中文教程:第二章 创建一个站点并管理它
· CSS中的滑动门技术(1)
· 网页的版式设计---图像设计
· JavaScript对象与数组参考大全(10)
· Frontpage2000中文教程:第四章 Frontpage2000也疯狂(2)
· DW MX 2004网页中文乱码问题:尝试解决


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077