用FRONTPAGE设计网页

1、网页制作前的几个问题?一、确定网页主题1、根据用途 2、根据自己性格的特点3、根据自己的特长二、制定网页的结构分支，层级三、搜集素材用fr0ntpage2003制作网页一、启动 fr0ntpage2003方法:开始一程序microsoft frontpage二、创建站点如同学生做作业先要有一本作业本一样，用frontpage2003來 制作网页时，也需耍这样一个作业本，这就是站点，其中的每 一个网页就如同一张张的作业纸。一、创建站点：步骤1:文件 新建 站点2：在“新建”对话框中，单击“只有一个网页的站点”或 “空站点”图标，在“指定新站点的位置”列表框中输入 站点文件夹的位置、名称，单击“确

2、定”。例如在e盘创建名字为jiaoxue的站点，输入:“e:教 学jiaoxue"即可（注意:“e:" 定在英文状态下输入）,如果没有设定位置，则默认的站点位置在“我的文档” 内"my web sites"文件夹下"mysite"文件夹就是你刚 创建的站点。关于打包：鼠标打向站点文件夹图标一一右击一一选压缩 到“.rar”（其中是站点的名称），即可。二、创建网页：步骤1、新建网页：文件一一新建空白网页。 也可以点击工具栏上的“新建普通网页”按钮。2、保存网页。三、利用表格布局网页1、插入表格方法：表格插入表格在弹出的“插入表格”对话框

3、中设定表格的行列数 等 设定表格布局为居中，宽度为900像素，宽度为0。2、设置单元格的背景：设一种颜色做背景；设图片做单元格背景：光标放在该单元格内右击-单元格属性使用背景图片浏览选中图片 打开。3. 关于嵌入式文件的保存:选更改文件夹双击images文件夹确定确定。插入字幕插入一一web组件一一字幕一一输入字幕内容一一确定。如果要改变字幕的文本格式，可在“样式”“字体”“格式”，进行设置。五、插入交互式按钮：按钮文本设置按钮字体格式设置，按钮宽度高度设 置（注意把“保持比例”前的对勾去掉）六、插入图片：步骤：光标放在耍插入图片的位置 插入一图片一来自文件，在弹幽的“图片”对话 框中，单击“

4、从计算机上选择一个文件”按钮，选 定一个文件后，单击确定。注：（插入一图片一视频/flash ）用于插入视频/flash文件图片大小的设定：方法：选定图片，图片上会出现八个控制点，将鼠标放 在其屮的一个控制点上，鼠标指针变以双箭头状，进行 拖动操作可调整图片大小。设置图片的对齐方式：在图片上右击图片属性外观左七、网页背景的设定：网页背景：1、格式背景或单击右键一选“网页背景”。在“网页属性”对话框中选“背景”选项卡， 再选定“背景图片”并单击“浏览”按钮，点击图 片文件名和“确定”按钮就可实现把背景图片与当 前网页结合。2、应用主题：格式一一主题，选一种主题一一应 用。八、网页背景音乐的设定步

5、骤：1、格式背景2、选“常规”选项卡，在“背景音乐”的位置中 点击浏览按钮，在弹出的“背景音乐”对话框中点 击“在计算机选择一个文件”按钮，在“背景咅乐” 对话框中找出一个音乐文件即可。注意：网页的背景音乐选midi或wav格式，不支持mp3格 式。九、在网页中插入声音插入web组件高级控件插件插件属性浏览，找到声音文件打开。支持各种声音格式。十、插入视频/flash：有两种方法：1、插入一图片一视频/flash,用于插入视频/flash文件 这种方式插入的视频，播放过程不能控制。2、插入web组件高级控件插件插件属性一一浏览，找到视频/flash文件打开。这种方式插入的视频，因为带有播放器，

6、播放过程可以控制。a）合并单元格方法：选定需耍合并的单元格； 表格合并单元格b）改变单元格大小方法：将鼠标指针对准单元格线，看其变为双箭头后即可用拖动操作来改变单元格大小c）插入单元格方法：1、定位2、表格插入行或列d）删除单元格方法：1、选中需要删除的单元格2、单击右键选“删除单元格”e）单元格属性的设定步骤：1、定位2、单击右键，选“单元格属性”3、在“单元格属性”对话框中设置相关选项h"、设置文字格式、文本样式、段落f）文字格式的设定步骤：选中需要设定的文字； 格式字体 在“字体”对话框中可对字的字体、字型、大小、颜色、效果、字符间距进行设定g）段落的设定步骤：格式段落在“段落

7、”对话框屮进行设定十二、网页标题步骤：1、格式背景2、选“常规”选项卡，在标题位置输入网页 标题即可。十三、新建一个网页步骤：1、文件一新建一网页2、在“新建”对话框中选择"普通网页”， 点“确定”;十四、保存网页对于新建的一个网页，我们需将其保存起来步骤1：文件一保存2、在“另存为”对话框中指定耍保存的位置及 文件名十五、关闭一个网页文件步骤：文件关闭十六、打开一个网页文件步骤：文件打开十七、网页中的超链接超链接又称超级链接，是www(万维网)的灵魂，是建立网页制 作屮最主要和最重要的技术。利用这一技术，为一些文字、图像做了一些链接，应用时，只 耍点击不同的文字、图片就会出现相应的内容。(1)创建文字或图形链接步骤：选定要定义超级链接的文字或图形 插入一超链接 弹出“创建超链接”对话框，网站中所有的网页 出现在文件列表中，选择耍链接的目标网页 单击“确定”按钮，文字建立了链接后的颜色会 与原来的不同，通常在文字链接的下方会产牛下划 线 文件保存创建与站点的超链接步骤：选定要定义超链接的图像或文字； 单击“插入”菜单中的“超链接”命令； 出现“创建超链接”对话框，在