frontpage网设计制作步骤.doc

frontpage 网页设计制作步骤 ① 单击“开始”—“全部程序”—“Microsoft Office”→“Microsoft Office FrontPage ”，开启FrontPage ，进入网页编辑窗口; ② 在网页编辑窗口，单击“文件”—“保留”，弹出Windows保留窗口，指定目标文件夹为“我文档”，指定文件名称“index.htm”; ③ 单击“保留”，则index.htm文件建立完成。 　　网页制作步骤⑵ 添加标题图片 　　① 单击菜单“插入”—“图片”—“来自文件”，弹出打开图片对话框，选择所要插入图片; 　　② 单击“插入”，标题图片插入完成。 　　网页制作步骤⑶ 在标题图片下添加滚动文字 　　① 单击回车键，使光标在标题图片下最左端; 　　② 单击“插入”—“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一个效果”栏中选择“字幕”; 　　③ 单击“完成”; 　　④ 在文本栏内输入比如“你好!欢迎访问我个人网页……”，单击“样式”—“格式”，弹出格式菜单。单击“字体”，弹出“字体”对话框。在“字体”栏内选择文本字体，在“大小”栏内改大小，在“颜色栏”内选择颜色，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择间距，在“间距大小”栏内填入大小; 　　⑤ 单击“确定”关闭全部对话框，添加字幕完成。 　　网页制作步骤⑷ 在网页中添加四条横线 　　① 光标移到字幕末尾，敲击键盘上回车键，使光标在字幕下一行左侧; 　　② 单击“插入”—“水平线”，插入一条水平线;双击该水平线，弹出“水平线属性”对话框;在“颜色”栏内选择颜色，在“高度”栏内填写高度;单击“确定”，退出“水平线属性”对话框; 　　③ 单击菜单“格式”—“边框和底纹”，弹出“边框和底纹”对话框;在“样式”栏内选择样式，然后单击“确定”，退出“边框和底纹”对话框。 　　④ 复制水平线;单击菜单“编辑”—“复制”;反复三次：单击菜单“编辑”→“粘贴”，绘制水平线。 　　网页制作步骤⑸ 插入表格 　　① 在第一条水平线下添加一个表格，边框粗细为0，编辑表格文字文本和大小，居中;分别填写你自己需要内容; 　　② 移动光标至第二条水平线首;敲击回车键，使第一条水平线和第二条水平线之间留出空行; 　　③ 插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数和列数;在“边框”栏“粗细”栏中输入0;在“布局”栏内“对齐方法”栏中选择方法; 　　④ 表格字体设置：选定表格;在格式工具栏内选定字体，字号 　　⑤ 填写文字：分别选定表格单元格，依次填写：你所需要内容。 　　⑥ 在第四条水平线下添加一个表格，表格文字居中;并在表格中分别填写内容。 　　⑦ 移动光标至第四条线末尾，敲击回车键; 　　⑧ 插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数列数;在“边框”栏“粗细”栏中输入0;在“布局”栏内“对齐方法”栏中选择方法; 　　⑨ 填写文字：分别选定表格单元格，依次填写。 　　⑩ 添加文字：移动光标至第四条线末尾;敲击回车键，留出空行;输入文字。 　　网页制作步骤⑹ “我学校”制作 在第二条水平线下添加文字：“我学校”，另起一行添加学校介绍并设置字体。 　　① 移动光标至第三条线首;敲击回车键，使第二条线和第三条线之间留出空行;输入文字“我学校”，回车另起一行; 　　② 输入或复制所需要文字。光标定位到网页文件“我学校”下一行行首;粘贴学校说明文字。 　　③ 调整文字对齐方法;调整文字字体、字号。 　　网页制作步骤⑺ “全部城市”制作 在第三条水平线下添加文字：“全部城市”，另起一行，添加两张图片。 　　① 移动光标至第四条线首;敲击回车键，使第三条线和第四条线之间留出空行;输入文字“所在城市”，回车另起一行; 　　② 插入图片：单击菜单“插入”—“图片”—来自文件”，弹出打开图片对话框;选定所要图片然后单击“打开”; 　　③ 反复以上步骤 　　网页制作步骤⑻ 添加链接 添加本网页内链接 　　① 指定书签：选定第一条水平线下文字“我学校”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第一个书签设置完成。 　　② 选定第二条水平线下文字“所在城市”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第二个书签设置完成。 　　③ 选定第四条水平线下文字“友谊链接”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第三个书签设置完成。 　　④ 添加网页内第一个链接。选定第一个表中文字“我学校”;单击菜单“插入”—“超链接”，弹出“插入超链