butterfly3.gif (52754 字节)

dragon3.gif (2884 字节)软件快车
dragon3.gif (2884 字节)思念
dragon3.gif (2884 字节)梦的霓裳
dragon3.gif (2884 字节)MIDI资源
dragon3.gif (2884 字节)雨衣

返回首页
 
标题一 思念  

梦的霓裳

 

MIDI资源
 

雨衣

 

 

ball.gif (1596 字节)

 

ball.gif (1596 字节)
软件快车”是结合以前《软件》光盘的主页进行讲解,
思念”和“梦的霓裳”是两个欣赏页面,
MIDI资源”则提供了一些MIDI背景音乐;
例六、七
就是空链接了。

 

本页制作说明

本页是常见的无框架分类页面,它利用表格将页面分为三部分:顶部是一个动态GIF图片,为页面增添活气;左边是我设想的几个分类栏目,它们分别链接到子栏目页面;中部是利用一个比较复杂的表格将7个图如此排列,每个图也相应链接到子栏目。

这种页面的特点是结构简单清晰,在本页面内容不是很多时,浏览速度比较好。但如果页面内容比较多,每次修改及上传时,遇到网速比较慢的话就会有些麻烦。

  • 使用的工具软件:FrontPage98(汉化)
  • 本页使用的结构:无框架结构(No Frames)
  • 通用的制作过程:
    • 打开样板文件empty.htm
      1. 修改页面属性:用鼠标右键点击空白的页面,在快捷菜单中选“页面属性”,修改“常规--标题”为“缤纷天地”;选“背景”,直接点“浏览”,如图,找到目录mypage,选择bg.gif,连按“确定”。此时能看见现在的海螺的背景;再看“语言”,将“保存”、“装载”里该页面的HTML编码都设为“简体中文(GB2312)”,如图
      2. 插入图片(butterfly3.gif):先将选择好的图片butterfly3.gif拷贝到目录mypage下。按快捷键"ctrl+E"使光标居中;点下拉菜单“插入--图象”,找到目录mypage,选择butterfly3.gif,连按“确定”。此时能看见一个静止的蝴蝶,当然,如果你现在预览效果,蝴蝶就会这屏幕上翩翩起舞;
      3. 插入表格:先按一次“回车”,按Ctrl+E(将光标居中)。再点下拉菜单“表格--插入表格”,在弹出的对话框里填:行--1、列--3、对齐方式--中央、边框线宽度--0、单元格边距--0、单元格间距--0、指定宽度--按百分比--100,连按“确定”。此时能看见页面中间出现一个三竖格的虚线边的表格;再分别修改每个单元格的宽度为:20%,65%,15%
      4. 插入文字和文字的超链接:左边一格内:先插入一幅图片dragon3.gifdragon3.gif (2884 字节),然后将它复制 粘贴6次即可,当然不要忘记按回车换行分段;再在每幅图后输入你想的栏目名字,;例如:软件快车,例二,例三,例四......最后一行是“返回首页”,链接到index.htm
      5. 插入定位表格:为了方便下一步插入图片并将其定位,现在在中间一格内插入一个定位表格,点下拉菜单“表格--插入表格”,在弹出的对话框里填:行--3、列--3、对齐方式--中央、边框线宽度--0、单元格边距--0、单元格间距--0、指定宽度--按象素--210,连按“确定”;合并左边竖排3个单元格,如图9,再拆分左边合并后的单元格为2行,如图10;类似处理右边竖排3个单元格。
      6. 插入图片ball.gif和图片的超链接:在定位表格的1个单元格内插入图片ball.gif,用右键点该图片,选图象属性,修改“外观--边框线宽度”为0(※注7),然后复制它,在其它六个单元格内粘贴6次。为获得间距,在每个图片后按一次回车。再分别做超链接,还用右键点第一个图片,选图象属性,修改“常规:可替换的表示方式--文字--标题一、默认超级链接--1.htm”,如图11,确定,其它六个图片类推了。
      7. 保存文件:点下拉菜单“文件--另存为”,将文件名改为main.htm,确定。
    • 又一个页面完成了,它和刚才的例1是相连的,点击例1的“Enter & 进入”就可以连接到本页,点击本页的“返回首页”就可以连接到例1的页。你可以把“标题1-7”替换为自己的栏目名字,如“自我介绍”、“友情连接”、“精品收藏”等。
  • 注7:修改具有超链接的图片属性的“外观--边框线宽度”为0,可以避免出现一圈不雅的色框。不过有时反而可以利用这个色框增添一点情趣。