网页设计的步骤

相关推荐

网页设计的步骤

　　对于很多刚入行的网页设计来说，总有很多迷惘和不安，特别是在设计过程中，遇到反复修改，更是有想揍人的冲动，有句话怎么说来着，每一次网页设计师背后，都有一群指点江山的大神。下面是YJBYS小编整理的网页设计的步骤，希望对你有帮助!

　　网页制作步(1) 打开软件

　　① 单击“开始”—“所有程序”—“Microsoft Office”→“Microsoft Office FrontPage 2003”，启动FrontPage 2003，进入网页编辑窗口;

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

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

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

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

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

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

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

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

　　③ 单击“完成”;

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

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

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

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

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

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

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

　　网页制作步骤⑸ 插入表格

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

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

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

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

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