Frontpage2000中文教程:第三章 制作你的第一个主页(2)_FrontPages教程_网页制作_码蚁之家_www.codes51.com
返回首页
专题
网络编程
ASP教程 .NET教程 PHP教程 JSP教程 C#教程 Java教程 Delphi教程 VB教程 C/C++教程 Android开发 IOS开发 Windows Phone开发 Python教程 Ruby教程 移动开发 其他编程教程
网页制作
HTML教程 CSS教程 Dreamweaver教程 FrontPages教程 Javascript教程 web前端
数据库
SqlServer MySql Oracle Access DB2 SQLite 其他数据库
图形设计
photoshop教程 Fireworks教程 CorelDraw教程 Illustrator教程 AutoCad教程 FLASH教程
操作系统
Windows xp教程 Windows 7教程 Windows 8教程 Windows 2003教程 Windows Server 2008教程 Linux教程 Windows 10
网站运营
建站经验 SEO优化 站长心得 网赚技巧 网站推广 站长故事
手机学院
手机速递 安卓教程 iphone教程 手机评测 手机技巧 手机知识 手机应用 手机游戏 手机导购
网店宝典
开店指导 开店经验 网店装修 网店推广 网店seo 网购技巧
软件教程
办公软件 系统工具 媒体工具 压缩工具 图文处理 文件管理
范文之家
自我介绍 自我鉴定 写作模板 合同范本 工作总结 贺词祝福语 演讲致辞 思想汇报 入党申请书 实习报告 心得体会 工作计划 简历模板 工作报告 导游词 评语寄语 口号大全 策划书范文
信息工程
软件工程 企业开发 系统运维 软件测试
移民之家
移民动态 移民政策 移民百科 移民生活 技术移民 投资移民
知识大全
母婴 数码 摄影 装修 美文 常识 时尚 婚嫁 美食 养生 旅游 兴趣 职场 教育 文学 健康
问答大全
电脑网络 手机数码 QQ专区 生活 游戏 体育运动 娱乐明星 休闲爱好 文化艺术 社会民生 教育科学 健康医疗 商业理财 情感家庭 地区问题 其他
编程问答
IOS Android .NET Java C/C++ Delphi VC/MFC 其他语言 PHP MSSQL MYSQL Oracle 其他数据库 Web开发 Windows Linux 硬件/嵌入开发 网络通信 移动开发 云计算 企业IT 游戏开发
笑话大全
幽默笑话 爱情笑话 成人笑话 校园笑话 爆笑笑话 综合笑话 古代笑话 现代笑话 国外笑话

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

来源:互联网  时间:2014/9/18 12:50:35
  你可能实在是很厌恶上一节中所做的那个网页,因为实在是太“次”了!
那好,我们接着学,争取更专业:)
上一节当中我们做的网页(如图8),给人的第一感觉除了是“次”的要死以外就是凌乱。

(图8)
网页就是这样,要想给人一种视觉上的冲击或是享受,你就必须会搭配文字与图片等等元素。
就图8上面的这个网页来说吧,如果把文字和图片摆在中间的话,感觉还会好一些。但是我们要怎么样做才能更方便地把网页上的元素整齐地摆放好呢?这就要用到表格了。
表格在网页中是用的最广泛,也是用处最大的一个元素。
怎么样在网页中使用表格呢?我们点击Frontpage2000控制窗菜单栏的“表格→插入→表格”(如图9),在弹出的窗口中选择要插入表格的要求(如图10)。选择好之后按确定,就在你的网页上插了表格了。

(图9)

(图10)
我们新建一个网页,选择插入表格,在弹出的窗口中的“大小”栏里选择行数为2,列数为1,边框粗细,单元格边距和单元格间距为0,指定宽度为100,并且是指百分比(如图10)。然后按确定,我们就在网页里插入了两行的表格(如图11)。

(图11)
接下来我们在第一行的表格里面打上自己喜欢的文字,并定义它的属性。在第二行的表格里面插入一张图片(如图12)。

(图12)
到这里有些读者又要大骂了:“什么鬼东西,还不是和刚才一样次!”哈哈,好戏这才开始呢。
刚才说了,如果把文字和图片移到网页的中间就会比较好看,那我们现在就移动它。
具体怎么样移呢?难道要我们可爱的读者不停地在文字或者前面狂按空格键?不是的,很简单就可以做到了。
我们用鼠标左键把表格括起来使里面的文字和图片被选中,把鼠标依到表格的顶端的边缘线上上按左键,把它括起来(如图13)

(图13)
括好之后我们按控制窗的按纽栏里面的居中按纽,使选中的内容居中(如图14)。以后有需要你也可以使用按纽栏里面的做对齐,右对齐按纽。

(图14)
怎么样?放在中间是不是好看了一点?
接下来我们继续编辑网页里面的内容,依旧使用表格和居中按纽,添加一些自己喜欢的内容。

(图15)
笔者在原先“Welcome”的图片下面再插入一张小叮当的图片,在小叮当的图片下面再添加了一些内容。这样整个页面就做好了:)是不是很不错了?够专业了吧:)什么?还不专业?哦,对对…… 的确还不专业,因为这个网页上缺少了超级连接。
超级连接是一个网站的灵魂。可以这么说,超级连接就象人体内的血管。人们的手如果缺少血管的话,那血液就不能流到手上,那手就不能运动了。网站也一样,如果你的子文件做的非常非常好,但是没有超级连接,浏览者就只能看到网站的主页了,而不能看到后面的子文件了。所以,超级连接在网页中起了很重要的作用。
不要以为很重要就很难学了,不是的。在Frontpage2000里做超级连接就象是打字一样简单:)
我们先不要管刚才做好的网页,先把它保存起来。点按纽栏的保存按纽保存刚才做的网页,由于是主页,所以保存时的应该把它命名为“index.htm”或者是“index.html”(如图16)。

(图16)
我们再新建一个网页,在编辑区编辑你自己的自我介绍,然后保存,记住用英文名保存,比如用“ziwojieshao.htm”,不能用中文。
保存好了,我们重新打开刚才保存的主页(index.htm),为主页上的“自我介绍:做超级连接。
用鼠标左键括起主页上的“自我介绍”四个字,然后点击按纽栏的超级连接按纽,在弹出的窗口中选择刚才保存的“ziwojieshao.htm”(如图17)。

(图17)

(图18)
按确定。如果你发现“自我介绍”四个字下面多了一条横线,说明你的超级连接就做成功了:)
依次把“我的收藏”“我的爱好”等几个网页做好,并依次为它们做上连接。
当做“给我写信”的连接的时候,要注意一下它的做法稍有不同。由于是给你写信的连接,点击这个连接之后系统就会自动运行电子邮件程序给你发邮件。所以这个连接的地址应该是你的电子邮箱地址。在点超级连接按纽弹出的窗口中点图18中画着圈圈的按纽,在另一个弹出的小窗口中填写你的邮箱地址,就行了。
竟然文字可以做连接,那图片可以给它做个连接吗?当然可以啊,点击你想要做连接的图片,并按按纽栏的超级连接按纽,跟做文字连接的做法完全一样。
这里还有最后的补充:每个网页都应该有标题嘛,如何定置网页的标题呢?在网页的空白处点击鼠标右键,选择“网页属性”,弹出另一个窗口(如图19)。

(图19)
在“标题”栏填写你想要的标题,按确定就行了。你也可以为你的网页使用背景图案,那样网页看起来就更好了。点击“网页属性”窗口的“背景”按纽,或是使用背景色,或是使用背景图案,一切由你决定。你还可以在这里定置超级连接的颜色呢,真是太棒了!
到此为止,你的第一个网站诞生了:)为了纪念又一位专业级的网页设计师诞生,笔者号召全家人为他鼓掌三秒钟:)
什么?还不专业?!够专业的了!什么?网易,新浪才算专业?!*_* 你这是什么道理?专业就是这样的了,只不过你认为的专业就是象网易,新浪那样的专业。其实它们之所以会让你觉得专业,是因为他们内容齐全,分类详细,而且还是商业公司,每天同时有几百个员工在更新它的网站的。如果你愿意勤劳一点,每天更新一下你的网站,放一点更好的内容,这样就专业了。什么?!…… 你想做成网易,新浪那样?!
网站是做好了,但是你是不是还觉得平平淡淡呢?有兴趣学做更漂亮一点的网页吗?那你可要留意下一章的教程了,精彩!
要点:
1学会善于运用表格,是整个网页页面看起来更整洁。
2多使用“左对齐”“居中”“右对齐”按纽配合表格的使用。
3保存网页时记住不能使用中文保存。
4做超级连接时要细心,不然很容易出现连接错误。
5不谈专业与否,一个出色的网站关键在于创意。


上一篇Frontpage2000中文教程:第三章 制作你的第一个主页(3)
下一篇Frontpage2000中文教程:第三章 制作你的第一个主页(1)
明星图片
相关文章
《Frontpage2000中文教程:第三章 制作你的第一个主页(2)》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)