中三级普通电脑科 ‐03FrontPage2003 网页设计工作纸
保局马锦明中学 中三级普通电脑科 FrontPage2003 网页设计工作纸 第一章:网站与网页
FrontPage 可以因应不同使用者的要求,制作单一『网页』或一个『网站』［一个网站包含多 个网页,而网页与网页之间是互相连结］,然而同学建议同学使用网站功能,因为 FrontPage 的『网站』功能较为完善,它可以提供较好的管理,如果同学需要制作一个有很多网页的大 型网站,FrontPage 的『网站』功能绝对可以帮你省却很多麻烦问题.
第二章:建立第一个网站
由於同学只是初学者,同学将会制作的第一个网站只有一页,并只有最基本的多媒体元素: 文字和图片. 制作步骤如下: 1 2 启动 FrontPage. 利用 『网站范本』 功能,建立只有单一空白网页的新网站: 按『建立新的网页 旁边的三角形按钮』(见图 2.1),点
选 『网站…』 『网站范本』 .在 对话盒中,点选 『单页网站』 , 并在『指定新网站的位置』上,输入适当的资料夹名称, 例如你今年就读 3A 班,而你的学号是 1 号,请输入 "g:\3a\01\example1"［见图 2.2］.最后按『确定』 . 3 如果一切正确,FrontPage 会自动为你建立 "index.htm" 档案［见图 2.3］.注意事项: 3.1 3.2 同学可以在左上方查看档案的存放位置［见图 2.3］. 在制作网页,档案的命名是非常重要,所有档案名称必须以小阶英文字母或数字, 不可以用大阶英文字母,亦不可以用中文字,否则,当你将档案上载到教育城的网 站伺服器时便会出现一些奇怪问题. 3.3 3.4 网站的首页必须是 index.htm,不可以更改档案名称.其他网页则可以随意使用 任何档案名称,只需要副档名使用 htm,及遵守 3.2 的档案命名规则便可. 如 果 同 学 在 『 我 的 电 脑 』, 打 开 存 放 网 站 档 案 的 资 料 夹 ［ 例 如 g:\3a\45\example1］,你会看到图 2.4 的档案,这些档案便是构成你的网站的 档案.你可以直接双击 (double click) 网页的内容.
Q:\COMPUTER\F.3 CL\03 FrontPage2003 网页设计工作纸.docx P.10
图 2.1
,IE 便会自动启动,并浏览
中三级普通电脑科 ‐03FrontPage2003 网页设计工作纸
4
在视窗的左下方,同学可以切换至不同的检视模式: (1)资料夹【预设的检视模式】 ;(2)远端网站;(3)报告;(4)导览;(5)超连结;(6)工作.建 议同学使用 『导览』 检视模式,因为它可以让同学较有系统地管理网页［例子见图 2.5］.
图 2.2
图 2.3
Q:\COMPUTER\F.3 CL\03 FrontPage2003 网页设计工作纸.docx
P.11
中三级普通电脑科 ‐03FrontPage2003 网页设计工作纸
图 2.4
图 2.5 5 现在,同学先为你的第一个网页改名.方法如下:右击网页 "index.htm",点选『重新命 名』［见图 2.6］,更改你喜欢的网页标题［例如:陈大文之家］.［注意事项:此方法 不会变更档案名称,而只会变更网页标题,你可以右击网页,点选『内容…』 ,以查阅相 关的资料,例子见图 2.7.］
Q:\COMPUTER\F.3 CL\03 FrontPage2003 网页设计工作纸.docx
P.12
中三级普通电脑科 ‐03FrontPage2003 网页设计工作纸
图 2.6
图 2.7 6 同学只需要双击 (double click)网页,便可以编辑网页的内容.图 2.8 是一个例子, 网址是 http://fileserver/example1.这个网页包含了下列的元素: 6.1 布景主题:点选『格式 > 布景主题』 ,套用你喜欢的布景主题.
P.13
Q:\COMPUTER\F.3 CL\03 FrontPage2003 网页设计工作纸.docx
中三级普通电脑科 ‐03FrontPage2003 网页设计工作纸
6.2 6.3 6.4 6.5 7
网页横幅:点选『插入 > 网页横幅』 . 输入文字,变更你喜欢的字型,大小,颜色等.使用方法跟 MSWord 差不多. 电邮地址超连结:输入完整的电邮地址,再按『Enter』键, FrontPage 便会自动为 你建立电邮地址超连结. 动画 GIF:点选『插入 > 图片 > 从档案…』 ,你可以从 k:\animation 内选取你 喜欢的动画 GIF.

下一页