分享
 
 
 

网页设计制作步骤

王朝学院·作者佚名  2016-08-09
窄屏简体版  字體: |||超大  

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

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

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

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

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

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

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

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

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

③ 单击“完成”;

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

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

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

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

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

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

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

网页制作步骤⑸ 插入表格

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

③ 重复以上步骤

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

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

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

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

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

⑤ 添加网页内第二个和第三个链接,参照第一个链接进行设置。 添加Internet链接。

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

⑦ 添加第二个、第三个、第四个和第五个链接,参照第一个链接进行设置。链接设置完成。

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

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

② 单击“格式”选项卡;

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

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

网页制作步骤⑾ 使用IE查看建立的网页

① 单击桌面上IE图标;

② 单击菜单“文件”—“打开”,弹出打开对话框;选择“我的文档”下文件“index.htm”,

③ 单击打开,即可查看浏览效果

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有