第三章（设计主题网站）向因特网展示自己

(共25张PPT)
琼海市嘉积第二中学 马林济
网站是网页和网页上所用到的各种素材的集合体。在计算机中，网站以文件夹的形式存在。
网站规划：
一、确认主题：可以选择自己熟悉或感兴趣的事情。
二、收集素材：
网页素材包括文字、图像、动画、音频和视频等。
同类素材可以用一个文件夹来管理、文件名要易于辨认。
FrontPage是常用的制作网页和网站的工具软件，FrontPage2003是FrontPage的最新版本，它集显示、编辑网页HTML源代码，插入文本、图片、声音、动画、表单、超链结和使用数据库和脚本语言，管理和发布站点的工具为一体，可以在同一界面中完成设计、制作、发布、管理站点的工作。
实例1 新建站点
实例2 装饰网页
(1)熟悉FrontPage2003的操作界面
(2)改变网页主题风格
(3)编辑网页内容
思考
实例2-1 熟悉FrontPage2003的操作界面
一、本例要求
★ 熟悉FrontPage2003的菜单栏、
工具栏、视图栏和主编辑区。
二、操作步骤
在windows中，使用开始菜单—>“程序”->“Microsoft FrontPage2003”，启动FrontPage2003。则会看到FrontPage2003的操作界面，如下图所示。
操作界面图
操作界面图显示了FrontPage2003的菜单栏，浏览各个菜单包括的菜单项。
菜单项图
操作界面图显示了FrontPage2003常用工具栏中的各种按钮。
各种按钮图
操作界面图显示了FrontPage2003格式工具栏中的各种工具。
各种工具图
观察主编辑区，注意编辑区的左下方有四个选项卡，如下图所示，可以用于选择网页的显示方式。
网页的显示方式图
实例2-2 改变网页主题
一、本例要求
★假如对模板中默认的主题风格不满意，
可以重新设置。
实例2-2 改变网页主题
一、操作步骤
选择“格式”菜单中的“主题”子菜单，打开“主题”
任务窗格，选择自己喜欢的主题风格。
实例2-2 利用FrontPage2003创建一个网页
一、本例要求
★ 掌握利用FrontPage2003创建、
保存、打开网页的步骤和方法。
实例2-3 在网页中添加标题和插入图像
一、本例要求
★ 掌握在网页中添加标题
★ 掌握在网页中插入图像的方法和步骤。
二、操作步骤
运行FrontPage2003，新建一个空白网页。
使用菜单“插入”→“图片”→“来自文件”，从打开的“图片”对话框（如下图所示）中选择图像文件cup1.jpg。
“图片”对话框图
单击“确定”按钮，则在网页中插入了选定的图片。如下图所示。
“网页中插入了选定的图片”图
选中插入的图片，单击鼠标右健，选择“编辑图片”命令，出现“图像属性”对话框，如下图所示。
“图像属性”对话框图
在“外观”选项卡中，选择对齐方式为“右对齐”，设定“编框粗细”为1。选中“指定大小”，设定宽度为“200”像素，选中“保持纵横比”。如下图所示。
设定图像属性图
单击“确定”按钮，结果如下图所示。
结果图
7. 单击取文件名为example，更改标题为“案例2-3”，单击“确定”按钮。
8. 在弹出的如下图所示的“保存嵌入式文件”对话框中，单击“确定”按钮。
“保存嵌入式文件”对话框图
三、本案例知识点
图片除了增加网页的装饰效果外，也可作为网页的导航按钮。
从本地文件系统中添加图片，图片可以为GIF、JPEG、BMP等文件格式。
保存网页时，FrontPage会提示将图片保存到您的站点中。若图片不是GIF或JPEG 格式，使用256色或更少颜色的图片会自动地转换成GIF，而所有其他的图片会转换成JPEG格式。
实例1 创建站点
一、本例要求
★ 掌握FrontPage2003中创建站点的方法和步骤。
“网站模板”对话框图
启动FrontPage2003,选择“文件”→“新建”，在“新建任务窗格”中选择“由一个网页组成的网站”，出现如下图所示。
在“制定新站点的位置”对话框列表中，输入新站点的路径 G:\ My web。
二、操作步骤
Myweb的站点目录图
在“常规”选项卡中选择“个人网站”单击“确定”按钮。则创建了名为Myweb的站点。如下图所示。
二、操作步骤
本案例知识点
这里所指的站点指的是本地站点，即是本地机上的一个专门用来存放网站文件的文件夹，需要一个名字和一个根目录，以后所有站点的文件都将存放在这个根目录下。当人们访问某个站点时，一般默认访问的是该站点上的index.htm文件，也就是主页，创建一个站点就是在本地计算机的指定位置上建立一系列目录和文件。
思考
如何让因特网上的用户访问你的
站点？