网页制作步骤

精品文档实训 网页制作1目的 熟悉各种媒体信息的导入方式；掌握各种媒体信息的格式设置； 了解和掌握Frontpage 2003的基本工作环境； 初步学会和掌握使用Frontpage 2003制作网页。2器材多媒体计算机、FrontPage 2003软件。3步骤 使用FrontPage 2003在我的文档下建立一个名为index.htm的网页 单击“开始”“所有程序”“Microsoft Office”“Microsoft Office FrontPage 2003”，启动FrontPage 2003，进入网页编辑窗口； 在网页编辑窗口，单击“文件”“保存”，弹出Windows保存窗口，指定目标文件夹为“我的文档”，指定文件名称“index.htm”； 单击“保存”，则index.htm文件建立完毕。 添加标题图片 单击菜单“插入”“图片”“来自文件”，弹出打开图片对话框，选择所要插入的图片名称； 单击“插入”，标题图片插入完成。 在标题图片下添加滚动文字 单击回车键，使光标位于标题图片下最左端； 单击“插入”“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一种效果”栏中选择“字幕”； 单击“完成”； 在文本栏内输入比如“你好！欢迎访问XXX的个人网页”，单击“样式”“格式”，弹出格式菜单。单击“字体”，弹出“字体”对话框。在“字体”栏内选择“华文新魏”，在“大小”栏内选择“24磅”，在“颜色栏”内选择“蓝色”，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择“加宽”，在“间距大小”栏内填写6； 单击“确定”关闭所有对话框，添加字幕完毕。 在网页中添加四条横线 光标移到字幕末尾，敲击键盘上回车键，使光标位于字幕的下一行左侧； 单击“插入”“水平线”，插入一条水平线；双击该水平线，弹出“水平线属性”对话框；在“颜色”栏内选择黄色，在“高度”栏内填写2；单击“确定”，退出“水平线属性”对话框； 单击菜单“格式”“边框和底纹”，弹出“边框和底纹”对话框；在“样式”栏内选择“凸线”后单击“确定”，退出“边框和底纹”对话框。 复制水平线；单击菜单“编辑”“复制”；重复三次：单击菜单“编辑”“粘贴”，绘制3条水平线。 插入表格 在第一条水平线下添加一个1行6列的表格，边框粗细为0，表格文字为宋体18磅，居中；分别填写比如我的学校、所在城市、我的专业、我的班级、我的爱好、友情链接； 移动光标至第二条水平线首；敲击回车键，使第一条水平线与第二条水平线之间留出空行； 插入表格：单击菜单“表格”“插入”“表格”，弹出“插入表格”对话框；在“大小”栏内分别填写：行数1，列数6；在“边框”栏的“粗细”栏中输入0；在“布局”栏内的“对齐方式”栏中选择“居中”； 表格字体设置：选定表格；在格式工具栏内选定字体为“宋体”，字号为五号(18磅)； 填写文字：分别选定表格单元格，依次填写：我的学校、所在城市、我的专业、我的班级、我的爱好、友情链接。 在第四条水平线下添加一个1行5列的表格，表格文字居中；并在表格中分别填写如下内容：百度、新浪、中央电视台、雅虎电邮、搜狐；在本表格前插入文字“友情链接”。 移动光标至第四条线末尾，敲击回车键； 插入表格：单击菜单“表格”“插入”“表格”，弹出“插入表格”对话框；在“大小”栏内分别填写：行数1，列数5；在“边框”栏的“粗细”栏中输入0；在“布局”栏内的“对齐方式”栏中选择“居中”； 填写文字：分别选定表格单元格，依次填写：百度、新浪、中央电视台、雅虎电邮、搜狐。 添加文字：移动光标至第四条线末尾；敲击回车键，留出空行；输入文字“友情链接”。 “我的学校”制作在第二条水平线下添加文字：“我的学校”，另起一行添加学校介绍并设置字体。 移动光标至第三条线首；敲击回车键，使第二条线与第三条线之间留出空行；输入文字“我的学校”，回车另起一行； 输入或复制所需要的文字。光标定位到网页文件“我的学校”下一行行首；粘贴学校说明文字。 调整文字对齐方式；调整文字字体、字号。 “所有城市”制作在第三条水平线下添加文字：“所有城市”，另起一行，添加两张图片。 移动光标至第四条线首；敲击回车键，使第三条线与第四条线之间留出空行；输入文字“所在城市”，回车另起一行； 插入图片：单击菜单“插入”“图片”“来自文件”，弹出打开图片对话框；选定所要的图片然后单击“打开”； 重复以上步骤，插入第二张图片；调整两张图片的位置，使之并排显示。 添加链接添加本网页内链接 指定书签：选定第一条水平线下的文字“我的学校”；单击菜单“插入”“书签”，弹出“书签”对话框；单击“确定”，第一个书签设置完成。 选定第二条水平线下的文字“所在城市”；单击菜单“插入”“书签”，弹出“书签”对话框；单击“确定”，第二个书签设置完成。 选定第四条水平线下的文字“友情链接”；单击菜单“插入”“书签”，弹出“书签”对话框；单击“确定”，第三个书签设置完成。 添加网页内第一个链接。选定第一个表中的文字“我的学校”；单击菜单“插入”“超链接”，弹出的“插入超链接”对话框；在“链接到”内单击“本文档中的位置”；在书签中选择“我的学校”标签； 添加网页内第二个和第三个链接，参照第一个链接进行设置。添加Internet链接。 添加第一个链接：选定第四条水平线下表中的文字“百度”；单击菜单“插入”“超链接”，弹出的“插入超链接”对话框；在“链接到”内单击“原有文件或网页”；在“地址”栏内填写如：。 添加第二个、第三个、第四个和第五个链接，参照第一个链接进行设置。链接设置完成。 添加背景颜色 单击菜单“格式”“背景”，弹出“网页属性”对话框； 单击“格式”选项卡； 单击“颜色一背景”“其他颜色”，打开Windows颜色对话框；选择淡黄色后单击“确定”，背景颜色插入完毕。 保存网页单击菜单“文件”“保存”，保存以