网页设计的制作步骤

本文格式为Word版，下载可任意编辑——网页设计的制作步骤①单击“开头”—“全体程序”—“MicrosoftOffice”→“MicrosoftOfficeFrontPage2022”，启动FrontPage2022，进入网页编辑窗口;

②在网页编辑窗口，单击“文件”—“保存”，弹出Windows保存窗口，指定目标文件夹为“我的文档”，指定文件名称“index.htm”;

③单击“保存”，那么index.htm文件建立完毕。

网页制作步骤⑵添加标题图片

①单击菜单“插入”—“图片”—“来自文件”，弹出开启图片对话框，选择所要插入的图片;

②单击“插入”，标题图片插入完成。

网页制作步骤⑶在标题图片下添加滚动文字

①单击回车键，使光标位于标题图片下最左端;

②单击“插入”—“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一种效果”栏中选择“字幕”;

③单击“完成”;

④在文本栏内输入譬如“你好!接待访问我的个人网页……”，单击“样式”—“格式”，弹出格式菜单。单击“字体”，弹出“字体”对话框。在“字体”栏内选择文本字体，在“大小”栏内改大小，在“颜色栏”内选择颜色，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择间距，在“间距大小”栏内填入大小;

⑤单击“确定”关闭全体对话框，添加字幕完毕。

网页制作步骤⑷在网页中添加四条横线

①光标移到字幕末尾，敲击键盘上回车键，使光标位于字幕的下一行左侧;

②单击“插入”—“水平线”，插入一条水平线;双击该水平线，弹出“水平线属性”对话框;在“颜色”栏内选择颜色，在“高度”栏内填写高度;单击“确定”，退出“水平线属性”对话框;

③单击菜单“格式”—“边框和底纹”，弹出“边框和底纹”对话框;在“样式”栏内选择样式，然后单击“确定”，退出“边框和底纹”对话框。

④复制水平线;单击菜单“编辑”—“复制”;重复三次：单击菜单“编辑”→“粘贴”，绘制水平线。

网页制作步骤⑸插入表格

①在第一条水平线下添加一个表格，边框粗细为0，编辑表格文字的文本和大小，居中;分别填写你自己需要的内容;

②移动光标至其次条水平线首;敲击回车键，使第一条水平线与其次条水平线之间留出空行;

③插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数和列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;

④表格字体设置：选定表格;在格式工具栏内选定字体，字号

⑤填写文字：分别选定表格单元格，依次填写：你所需要的内容。

⑥在第四条水平线下添加一个的表格，表格文字居中;并在表格中分别填写内容。

⑦移动光标至第四条线末尾，敲击回车键;

⑧插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;

⑨填写文字：分别选定表格单元格，依次填写。

⑩添加文字：移动光标至第四条线末尾;敲击回车键，留出空行;输入文字。

网页制作步骤⑹“我的学校”制作在其次条水平线下添加文字：“我的学校”，另起一行添加学校介绍并设置字体。

①移动光标至第三条线首;敲击回车键，使其次条线与第三条线之间留出空行;输入文字“我的学校”，回车另起一行;

②输入或复制所需要的文字。光标定位到网页文件“我的学校”下一行行首;粘贴学校说明文字。

③调整文字对齐方式;调整文字字体、字号。

网页制作步骤⑺“全体城市”制作在第三条水平线下添加文字：“全体城市”，另起一行，添加两张图片。

①移动光标至第四条线首;敲击回车键，使第三条线与第四条线之间留出空行;输入文字“所在城市”，回车另起一行;

②插入图片：单击菜单“插入”—“图片”—来自文件”，弹出开启图片对话框;选定所要的图片然后单击“开启”;

③重复以上步骤

网页制作步骤⑻添加链接添加本网页内链接

①指定书签：选定第一条水平线下的文字“我的学校”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第一个书签设置完成。

②选定其次条水平线下的文字“所在城市”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，其次个书签设置完成。

③选定第四条水平线下的文字“友情链接”;单击菜单“插入”—“书签”，弹出“书签”对话框;单击“确定”，第三个书签设置完成。

④添加网页内第一个链接。选定第一个表中的文字“我的学校”;单击菜单“插入”—“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“本文档中的位置”;在书签中选择“我的学校”标签;

⑤添加网页内其次个和第三个链接，参照第一个链接举行设置。添加Internet链接。

⑥添加第一个链接：选定第四条水平线下表中的文字“百度”;单击菜单“插入”→“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“原有文件或网页”;在“地址”栏内填写如：http://.。

⑦添加其次个、第三个、第四个和第五个链接，参照第一个链接举行设置。链接设置完成。

网页制作步骤⑼添加背景颜色

①单击菜单“格式”—“背景”，弹出“网页属性”对话框;

②单击“格式”选项卡;

③单击“颜色一背景”—“其他颜色”，开启Windows颜色对话框;选择淡黄色后单击“确定”，背景颜色插入完毕。

网页制作步骤⑽保存网页单击菜单“文件”—“保存”，保存以上修改内容。退出F