×

网页设计期末作业成品 简单网页制作

急求一份简单网页制作的成品,只为完成期末作业?简单网页制作

admin admin 发表于2022-07-14 00:36:20 浏览107 评论0

抢沙发发表评论

急求一份简单网页制作的成品,只为完成期末作业

3副本已发送。评估(我希望为您提供帮助...并记住同时采用我的答案。如果网页上有疑问,欢迎来到我们的小组或小组专业的网站,以制作140391953(网站,网站,网站,网页生产QQ组)-------------------------------------------------------------------------------------------------------------------------》我对我不满意。。

简单网页制作

1. Frontpage 2003简介

FrontPage 2003是Microsoft启动的Office 2003组件之一。Frontpage 2003的启动和退出,文件的开放与Office系列中的其他软件相同。启动了2003年的Startpage 2003,主窗口显示了主窗口。在图6-61中,菜单的外观类似于办公室中的其他软件。-网页设计期末作业成品

与以前的版本相比,Frontpage 2003具有以下新功能:

(1)定制浏览器分辨率预览检查;

(2)描述图像;

(3)层函数;

(4)插入交互式按钮;

(5)行为的应用;

(6)使用网页重做方向;

图6-61 Frontpage 2003启动接口

图6-62“新”任务窗格

(7)检查网页错误;

(8)优化HTML代码;

(9)计划页面布局。

其次,制作简单的网页

我们在前面已经学会了用Word进行排版,其实你已经会制作一个简单网页了,只需将原来排好的Word文档,另存时选择保存类型为“Web页(*.htm;*.html)”就可保存为一个网页文件。

下面我们使用FrontPage 2003来制作一个简单的网页。

1.启动Frontpage 2003

选择“开始”/“所有程序”/“ Microsoft Office”/“ FrontPage 2003”命令,然后打开图6-61所示的接口。

图6-63新的空白网页

图6-64“ Web模板”对话框

2.创建一个新的网页

选择“文件”/“新...”菜单命令以打开“新”任务窗格,如图6-62所示,请单击“空白网页”,您还可以通过“新的“工具栏上的按钮。如图6-63所示。

如果要根据Microsoft Frontpage的模板创建一个网页,请单击“其他Web模板”,打开“ Web模板”对话框,然后单击“必需模板类型”选项卡,然后单击一个某些oneTemplate。

3.输入以下内容

图6-65

4.操作

网页中的文本操作类似于单词的操作。

在此示例中,使用“我的第一个网页”的“标题一个”样式将其设置为lishu,级别为中心。“ Hello!欢迎使用标题”样式的“ Hello!欢迎来”,其余内容被使用“普通”样式,将线间距设置为“线路距离的1.5倍”,设置后的效果完成后,如图所示。6-65。-简单网页制作

5.保存网络文件

选择“文件”/“保存”命令,弹出“另存为“对话框”,指定保存位置和文件名,然后单击“保存”按钮以完成操作。

第三,制作多媒体个人主页

我们以一个简单的个人网站为例,以进一步学习使用Frontpage 2003。

1.计划

网站规划包括计划网站的风格,网站结构以及网站的颜色,这是网站的整体定位。此示例设置了6列,包括主页,自我要求,个人简历,个人简历,荣誉证书,才能显示,联系信息和链接文件名是index.htm,zijian.htm,jianli.htm,zhengshu.htm,zhanshi.htm,lianxi.htm.,您还可以与您自己的情况一起对其进行修改。页面布局如图6-66所示。-网页设计期末作业成品

2.建立网站

在Frontpage 2003中,SO称为一些网站是一些网页和程序的收集。每个页面都通过超链接链接。所有网页和文件都存储在文件夹中,这些文件和网页通过网站统一。本地网站请参阅本地硬盘上用于将所有文档存储在整个网站上的文件夹。Remote网站请参阅网站。在网络服务器上供用户浏览。-简单网页制作

建立新网站实际上是一个单独的文件夹,然后在此文件夹中设置各种Web文件,然后将它们链接在一起。

网页生产可以在新网站上完成,也可以像以前一样单独创建一个新的网页。建议使用新网站制作网页。

下面我们首先创建一个新的前页面网站:

(1)在“文件”菜单上,单击“新”,并显示图6-66中所示的“新”任务窗格。

图6-66

(2)在“新”任务窗格中,单击“网页的网站”。

(3)在“常规”选项卡下的“网站模板”对话框中,单击所需的网站模板,此示例选择“只有一个网站”,在指定的新网络,类型或类型或类型或类型或类型或Typechoose新网络的路径和名称。在这里,我们将将默认的mysite更改为MyHome,如图6-67所示,然后单击“确定”按钮以创建一个新的网站对话框并完成网站创建。-68显示。左列是一个文件夹列表。您可以通过右键创建一个新文件夹 - 单击快捷菜单,然后复制,删除和重命名文件或文件夹。-网页设计期末作业成品

图6-67“网站模板”对话框

图6-68

3.准备材料

将此示例要求的图片动画材料复制到网站中的图像文件夹。

4.制作主页标题

在“ Web”视图中的文档窗口底部,单击“设计”。

文件夹列表中的double -Click index.htm,打开页面并输入状态,启动主页生产。

(1)在“视图”菜单上设置网页的大小,指向“ Web Size”,然后单击设置网页的大小。

(2)在“ Web”视图中设置Web背景文档窗口的底部。单击“设计”,右 - 单击Web区域,然后单击“ pop -up”菜单中的“ Web属性”项目以弹出“ Web属性”对话框。enter“欢迎来到小慧的个人电子简历”。单击“格式”以选择“格式”选项卡,选择背景栏下的“背景图片”,然后单击“浏览”按钮以选择背景图片。如图6-69所示完成Web背景设置。您还可以单击“格式”菜单上的“背景”。-简单网页制作

(3)插入两列线的方法与插入单词中的表中相同。

在显示设计视图模式下,通过常用工具栏的“插入表单”按钮,或在“插入”菜单上,指向“插入”,单击“类”菜单中的“表”;右 - 单击插入的表单并弹出pop -up form,然后弹出弹出式表单。单击菜单中的“表属性”,然后将单元网格间距,单元间距和厚度列设置为0,如图6-70所示,然后单击“确定”按钮。-网页设计期末作业成品

图6-69 Web属性

图6-70表格属性

(4)将图片插入第一个单元网格中,以将插入点放在第一个单元格上,在“插入”菜单上,指向“图片”,然后单击“从文件中”。查看要添加的文件(徽标).gif在网站下的图像文件夹下),如图6-71所示,然后单击“插入”。-简单网页制作

更简单的方法是将图片文件从文件夹列表拖到区域的指定位置。

(5)在第二个单元格中插入FFSH动画,单击第二个单元格,在“插入”菜单上,指向“图片”,然后单击“闪存电影”。6-71找到要添加的文件(在网站下方的图像文件夹下方的banner_007.swf),然后单击“插入”。-网页设计期末作业成品

(6)在第一个表单下插入1行和1列的线还将单位网格间距,单位网格间距和厚度列设置。6-72在“值”中显示Hex = {C1,E8,C9}文本框。

(7)在第二个表的单位网格中制作滚动字幕。在“插入”菜单上,单击“ Web组件”以弹出“ Web组件”对话框,默认为字幕,因此单击“完成”按钮,pop -up subtitles属性属性对话框,输入“文本”框:真诚感谢您阅读我的简历,然后单击“确定”按钮。如图6-73所示。-简单网页制作

图6-71插入图片对话框

图6-72“其他颜色”对话框

5.做文字和页脚

(1)在第二个表下方插入1条线和2列的表,该表还将单元格线间距设置为0,但厚度设置为1,将深色边框设置为白色,明亮边框在图6-72中所示的“值”文本框中,将其设置为其他彩色,输入hex = {99,cc,ff}。-网页设计期末作业成品

(2)设置单元格颜色。right ontrick单击此表单的第一个单元格,单击弹出菜单中的“单元格属性”,弹出弹出式对话框,如图6-74所示,背景设置为其他颜色,如图6-72所示,“值”文本框中的显示器十六进制= {f1,f5,fc}。相同的方法将第二个单元格设置为白色。-简单网页制作

图6-73字幕属性对话框

图6-74单位特征

(3)调整单元格的宽度,以使其与第一个形式相同。

(4)在第一个单元中插入8行和1列的形式,并将单元线间距,单位网格间距和厚度列设置为0。在单元格属性中,将对齐属性设置为中间水平,垂直中心和高度调整为40。

将图片homepage.gif插入仅插入的形式的第二行,然后在后面的行中输入“主页”;在第三行中插入图片sub_dot.gif,然后输入“自我要求信”。信息”。

(5)在表III的第二个单元中插入3条线和3列的表,并将单元线间距,单位网格间距和厚度柱设置为0。中间列更宽。

在表单的第一行中输入“自我屈服字母”,然后在第二行中输入自我授权字母的内容,并在第二行中输入。设置为1.5倍的行距离。

(6)插入表第3行之后的2行和1列的表,并设置单元线间距,单位网格间距和厚度柱;并且第一个单元背景颜色设置为与表的两个背景颜色相同,两个背景色彩“触点编号:023-683568xx电子邮件:xiaohui@163.com”在第二个单元网格中。-网页设计期末作业成品

6.链接网站文件

选择超链接的文本或图像,单击常用工具栏中的“插入超链接”按钮,或单击“插入”菜单上的“超链接”,或右键单击以选择该区域,然后单击“超链接”,可以打开“插入超链接”对话框。如图6-75所示。

图6-75“插入超链接”对话框

(1)选择“主页”,单击常用工具栏中的按钮,然后在“插入超链接”对话框中输入index.htm,如图6-75所示。单击“确定”按钮。

(2)以相同的方式将“自我信誉信”链接到zijian.htm,将“个人简历”链接到jianli.htm,“荣誉证书”,Zhengshu.htm,“人才显示”,向zhanshi.htm,“ contactment”链接到lianxi.htm。-简单网页制作

7.保存文件,按F12键预览Web

第四,在本网站上制作其他页面

首先在文件夹列表中复制index.htm,名为zijian.htm,jianli.htm,zhengshu.htm,zhanshi.htm,lianxi.htm。标题,超链接杆和页脚没有变化。

5.网站发布

完成上述内容后,我们需要在Internet上将网页发布到Web服务器上,然后才能浏览在线访问者。首先,您需要申请空间和域名才能在Internet Service Provider上购买网页(ISP)。过去,有许多网站(例如NetEase等)提供免费的个人主页存储空间。50m自由空间服务,每个人都可以获得-网页设计期末作业成品

图6-78

图6-79

简单网页制作

1. Frontpage 2003简介

FrontPage 2003是Microsoft启动的Office 2003组件之一。Frontpage 2003的启动和退出,文件的开放与Office系列中的其他软件相同。启动了2003年的Startpage 2003,主窗口显示了主窗口。在图6-61中,菜单的外观类似于办公室中的其他软件。-网页设计期末作业成品

与以前的版本相比,Frontpage 2003具有以下新功能:

(1)定制浏览器分辨率预览检查;

(2)描述图像;

(3)层函数;

(4)插入交互式按钮;

(5)行为的应用;

(6)使用网页重做方向;

图6-61 Frontpage 2003启动接口

图6-62“新”任务窗格

(7)检查网页错误;

(8)优化HTML代码;

(9)计划页面布局。

其次,制作简单的网页

我们在前面已经学会了用Word进行排版,其实你已经会制作一个简单网页了,只需将原来排好的Word文档,另存时选择保存类型为“Web页(*.htm;*.html)”就可保存为一个网页文件。

下面我们使用FrontPage 2003来制作一个简单的网页。

1.启动Frontpage 2003

选择“开始”/“所有程序”/“ Microsoft Office”/“ FrontPage 2003”命令,然后打开图6-61所示的接口。

图6-63新的空白网页

图6-64“ Web模板”对话框

2.创建一个新的网页

选择“文件”/“新...”菜单命令以打开“新”任务窗格,如图6-62所示,请单击“空白网页”,您还可以通过“新的“工具栏上的按钮。如图6-63所示。

如果要根据Microsoft Frontpage的模板创建一个网页,请单击“其他Web模板”,打开“ Web模板”对话框,然后单击“必需模板类型”选项卡,然后单击一个某些oneTemplate。

3.输入以下内容

图6-65

4.操作

网页中的文本操作类似于单词的操作。

在此示例中,使用“我的第一个网页”的“标题一个”样式将其设置为lishu,级别为中心。“ Hello!欢迎使用标题”样式的“ Hello!欢迎来”,其余内容被使用“普通”样式,将线间距设置为“线路距离的1.5倍”,设置后的效果完成后,如图所示。6-65。-简单网页制作

5.保存网络文件

选择“文件”/“保存”命令,弹出“另存为“对话框”,指定保存位置和文件名,然后单击“保存”按钮以完成操作。

第三,制作多媒体个人主页

我们以一个简单的个人网站为例,以进一步学习使用Frontpage 2003。

1.计划

网站规划包括计划网站的风格,网站结构以及网站的颜色,这是网站的整体定位。此示例设置了6列,包括主页,自我要求,个人简历,个人简历,荣誉证书,才能显示,联系信息和链接文件名是index.htm,zijian.htm,jianli.htm,zhengshu.htm,zhanshi.htm,lianxi.htm.,您还可以与您自己的情况一起对其进行修改。页面布局如图6-66所示。-网页设计期末作业成品

2.建立网站

在Frontpage 2003中,SO称为一些网站是一些网页和程序的收集。每个页面都通过超链接链接。所有网页和文件都存储在文件夹中,这些文件和网页通过网站统一。本地网站请参阅本地硬盘上用于将所有文档存储在整个网站上的文件夹。Remote网站请参阅网站。在网络服务器上供用户浏览。-简单网页制作

建立新网站实际上是一个单独的文件夹,然后在此文件夹中设置各种Web文件,然后将它们链接在一起。

网页生产可以在新网站上完成,也可以像以前一样单独创建一个新的网页。建议使用新网站制作网页。

下面我们首先创建一个新的前页面网站:

(1)在“文件”菜单上,单击“新”,并显示图6-66中所示的“新”任务窗格。

图6-66

(2)在“新”任务窗格中,单击“网页的网站”。

(3)在“常规”选项卡下的“网站模板”对话框中,单击所需的网站模板,此示例选择“只有一个网站”,在指定的新网络,类型或类型或类型或类型或类型或Typechoose新网络的路径和名称。在这里,我们将将默认的mysite更改为MyHome,如图6-67所示,然后单击“确定”按钮以创建一个新的网站对话框并完成网站创建。-68显示。左列是一个文件夹列表。您可以通过右键创建一个新文件夹 - 单击快捷菜单,然后复制,删除和重命名文件或文件夹。-网页设计期末作业成品

图6-67“网站模板”对话框

图6-68

3.准备材料

将此示例要求的图片动画材料复制到网站中的图像文件夹。

4.制作主页标题

在“ Web”视图中的文档窗口底部,单击“设计”。

文件夹列表中的double -Click index.htm,打开页面并输入状态,启动主页生产。

(1)在“视图”菜单上设置网页的大小,指向“ Web Size”,然后单击设置网页的大小。

(2)在“ Web”视图中设置Web背景文档窗口的底部。单击“设计”,右 - 单击Web区域,然后单击“ pop -up”菜单中的“ Web属性”项目以弹出“ Web属性”对话框。enter“欢迎来到小慧的个人电子简历”。单击“格式”以选择“格式”选项卡,选择背景栏下的“背景图片”,然后单击“浏览”按钮以选择背景图片。如图6-69所示完成Web背景设置。您还可以单击“格式”菜单上的“背景”。-简单网页制作

(3)插入两列线的方法与插入单词中的表中相同。

在显示设计视图模式下,通过常用工具栏的“插入表单”按钮,或在“插入”菜单上,指向“插入”,单击“类”菜单中的“表”;右 - 单击插入的表单并弹出pop -up form,然后弹出弹出式表单。单击菜单中的“表属性”,然后将单元网格间距,单元间距和厚度列设置为0,如图6-70所示,然后单击“确定”按钮。-网页设计期末作业成品

图6-69 Web属性

图6-70表格属性

(4)将图片插入第一个单元网格中,以将插入点放在第一个单元格上,在“插入”菜单上,指向“图片”,然后单击“从文件中”。查看要添加的文件(徽标).gif在网站下的图像文件夹下),如图6-71所示,然后单击“插入”。-简单网页制作

更简单的方法是将图片文件从文件夹列表拖到区域的指定位置。

(5)在第二个单元格中插入FFSH动画,单击第二个单元格,在“插入”菜单上,指向“图片”,然后单击“闪存电影”。6-71找到要添加的文件(在网站下方的图像文件夹下方的banner_007.swf),然后单击“插入”。-网页设计期末作业成品

(6)在第一个表单下插入1行和1列的线还将单位网格间距,单位网格间距和厚度列设置。6-72在“值”中显示Hex = {C1,E8,C9}文本框。

(7)在第二个表的单位网格中制作滚动字幕。在“插入”菜单上,单击“ Web组件”以弹出“ Web组件”对话框,默认为字幕,因此单击“完成”按钮,pop -up subtitles属性属性对话框,输入“文本”框:真诚感谢您阅读我的简历,然后单击“确定”按钮。如图6-73所示。-简单网页制作

图6-71插入图片对话框

图6-72“其他颜色”对话框

5.做文字和页脚

(1)在第二个表下方插入1条线和2列的表,该表还将单元格线间距设置为0,但厚度设置为1,将深色边框设置为白色,明亮边框在图6-72中所示的“值”文本框中,将其设置为其他彩色,输入hex = {99,cc,ff}。-网页设计期末作业成品

(2)设置单元格颜色。right ontrick单击此表单的第一个单元格,单击弹出菜单中的“单元格属性”,弹出弹出式对话框,如图6-74所示,背景设置为其他颜色,如图6-72所示,“值”文本框中的显示器十六进制= {f1,f5,fc}。相同的方法将第二个单元格设置为白色。-简单网页制作

图6-73字幕属性对话框

图6-74单位特征

(3)调整单元格的宽度,以使其与第一个形式相同。

(4)在第一个单元中插入8行和1列的形式,并将单元线间距,单位网格间距和厚度列设置为0。在单元格属性中,将对齐属性设置为中间水平,垂直中心和高度调整为40。

将图片homepage.gif插入仅插入的形式的第二行,然后在后面的行中输入“主页”;在第三行中插入图片sub_dot.gif,然后输入“自我要求信”。信息”。

(5)在表III的第二个单元中插入3条线和3列的表,并将单元线间距,单位网格间距和厚度柱设置为0。中间列更宽。

在表单的第一行中输入“自我屈服字母”,然后在第二行中输入自我授权字母的内容,并在第二行中输入。设置为1.5倍的行距离。

(6)插入表第3行之后的2行和1列的表,并设置单元线间距,单位网格间距和厚度柱;并且第一个单元背景颜色设置为与表的两个背景颜色相同,两个背景色彩“触点编号:023-683568xx电子邮件:xiaohui@163.com”在第二个单元网格中。-网页设计期末作业成品

6.链接网站文件

选择超链接的文本或图像,单击常用工具栏中的“插入超链接”按钮,或单击“插入”菜单上的“超链接”,或右键单击以选择该区域,然后单击“超链接”,可以打开“插入超链接”对话框。如图6-75所示。

图6-75“插入超链接”对话框

(1)选择“主页”,单击常用工具栏中的按钮,然后在“插入超链接”对话框中输入index.htm,如图6-75所示。单击“确定”按钮。

(2)以相同的方式将“自我信誉信”链接到zijian.htm,将“个人简历”链接到jianli.htm,“荣誉证书”,Zhengshu.htm,“人才显示”,向zhanshi.htm,“ contactment”链接到lianxi.htm。-简单网页制作

7.保存文件,按F12键预览Web

第四,在本网站上制作其他页面

首先在文件夹列表中复制index.htm,名为zijian.htm,jianli.htm,zhengshu.htm,zhanshi.htm,lianxi.htm。标题,超链接杆和页脚没有变化。

5.网站发布

完成上述内容后,我们需要在Internet上将网页发布到Web服务器上,然后才能浏览在线访问者。首先,您需要申请空间和域名才能在Internet Service Provider上购买网页(ISP)。过去,有许多网站(例如NetEase等)提供免费的个人主页存储空间。50m自由空间服务,每个人都可以获得-网页设计期末作业成品

图6-78

图6-79