导航:首页 > 万维百科 > 中文FrontPage网页设计标准教程

中文FrontPage网页设计标准教程

发布时间:2020-11-19 10:56:07

1、如何用frontpage制作简单的网页

Frontpage是由微软公司于1995年率先推出的一款网页制作入门软件,其特点就是简单易学易上手,但是该软件已于2007年停止更新了,目前该软件主要有三种模式分别是设计、程式码、预览。但是,有一点毋庸置疑即frontpage为我们的工作学习带来了很大的便利,我们在学习网页制作的前期,可以将frontpage和Dreamweaver结合去练习,便于我们更好的学习网页的制作。

所需的工具原料

Frontpage

HTML语言知识

相关的制作步骤:

下载Frontpage软件安装包,下载时为了安全起见尽量不要下载破解版;


打开该软件——选择文件菜单栏下的新建(右边空白栏也有新建空白文档,二者选一即可)


网页中表格的插入:菜单栏上的表格——插入——表格,


最后还要设置表格的属性,选中表格右击——属性,即可;

网站规划,表格——布局表格或单元格;


右侧导航选择插入布局表格,


导航栏设置表头、表中等,直接选择插入——图片——来自文件、新建图片等根据自己的需要去选择;


预览一下自己设计的网页。

注意事项:

网页的制作一定要美观大方,才能获得更好的用户体验,不可敷衍了事;

掌握一定的代码知识,因为网页制作需要能看懂最基本的代码;

网页制作要有一定的创作意识,所以在平时的生活中要注重创作能力的培养。

2、用frontpage设计网页时如何让网页居中?

第一复步:添加一个表格,该表制格只有一行。
第二步:在表格属性里将对齐方式设置为‘居中’,高度设置为百分比100,宽度自由设置,如设置成780,边框粗细设置为0。这样你的网页框架就建成了。
第三步:在该表格里插入表格,该表格可多行、多列,并且可合并、拆分,网页的内容就靠这些表格来排版。

你现在做成的网页宽度是多少?然后按上面的第一、第二步做出同样宽度的表格,然后复制你的网页到表格里面即可。

3、在FrontPage中制作网页时,最常用的布局方法是(单选题)

A
初中就学了

4、如何用frontpage制作简单的网页

利用FRONTPAGE 制作简单网页
一,熟悉网站制作的整个流程

过程与方法:上网搜索文字、图片等素材,制作一个班级网页,提高
情感态度与价值观:进一步理解网页作为常用的信息集成工具的优势

和特点,培养学生团队精神。
应该掌握的技能:

1、利用FrontPage,新建并保存一个站点。 2、新建、保存站点中的网页。 3、插入并调整表格。 4、在表格中输入文字并编辑。 5、加入背景图片。
6、在网页中插入图片并调整。 7、在网页中创建“超链接”。 8、在网页中利用框架布局网站。 9、在网页中设置背景音乐。
(二)发布网站
网页的发布,就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。
方法:单击文件→发布网站,弹出对话框,在远程网站选项卡中选文件系统,在远程网站位置输入一个本地计算机中的具体路径或单击浏览,再单击发布网站。
用专门的上传软件发布,如FlashFXP
实践操作
启动FRONTPAGE2003
方法:开始—程序—MICROSOFT FRONTPAGE 创建站点
站点就像一本书,网页就像书中的一篇篇文章。一个网站内可以包含很多页,当然也可以仅有一页。 一、 创建站点:
步骤1:文件——新建——站点
2:在“新建”对话框中,单击“只有一个网页的站点”或“空站点”图标,在“指定新站点的位置”列表框中输入站点文件夹的位置、名称,单击“确定”。
例如在E盘创建名字为mysite的站点,输入:“E:\ mysite”即可(注
意:在英文状态下输入),
如果没有设定位置,则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。 二、 创建网页:
步骤 1、新建网页:文件——新建——空白网页。 2、保存网页。 网页背景的设定:
网页背景:1、格式——背景或单击右键—选“网页背景”。 ——在“网页属性”对话框中选“背景”选项卡,再选定“背景图片”并单击“浏览”按钮,点击图片文件名和“确定”按钮就可实现把背景图片与当前网页结合。
2、应用主题:格式——主题,选一种主题——应用。 网页背景音乐的设定 步骤:1、格式——背景
2、选“常规”选项卡,在“背景音乐”的位置中点击浏览按钮,在弹出的“背景音乐”对话框中点击“在计算机选择一个文件”按钮,在“背景音乐”对话框中找出一个音乐文件即可。
注意:网页的背景音乐选midi或wav格式,不支持MP3格式。 三、利用表格布局网页
表格是网页的一个非常重要元素,Frontpage 中的表格不仅可以用来陈列数据,还可以实现网页的精美排版。

表哥布局:

第 6 页 共 8 页
分别插入三个1行1列的表格:宽:760像素 高:任意 ,水平居中 方法:①表格——插入——表格
②在弹出的“插入表格”对话框中设定表格的行列数等
设置第1个表格高度为210像素,插入图片banner.jpg,设置宽759像素,高210像素
方法:右击选择“表格属性“修改设置
方法:插入图片步骤:①光标放在要插入图片的位置
②插入—图片—来自文件,在弹出的“图片”对话框中,单击“从计算机上选择一个文件”按钮,选定一个文件后,单击确定。 注:(插入—图片—视频/Flash)用于插入视频/Flash文件 图片大小的设定:
方法:选定图片,图片上会出现八个控制点,将鼠标放在其中的一个控制点上,鼠标指针变以双箭头状,进行拖动操作可调整图片大小。 设置图片的对齐方式:
在图片上右击——图片属性——外观——左
设置第2个表格,右击选择“拆分单元格“,拆分单元格为5列1行,分别插入---web组件----交互式按钮(浮雕标签2),网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁,字号12,字体微软雅黑,悬停蓝色,按下黄色,图像宽152像素,高35像素,保持比例去掉。其余几个按钮用复制粘贴,修改文本即可。
在最左侧文件夹列表里,将index.htm复制粘贴,分别命名为zjxc.htm,qtxc.htm,pwxc.htm。

第 7 页 共 8 页
(5)设置第3个表格,右击选择“表格属性“修改设置,输入文本 乡愁、、、、、,宋体,14磅,将第一行文本设为水平滚动字幕。 插入字幕方法:插入——Web组件——字幕——输入字幕内容——确定。如果要改变字幕的文本格式,可在“样式”——“字体”——“格式”,进行设置。
(6)在文本下边插入两行,菜单:表格----插入-----行/列
(7)分别在两行中输入文字,插入---网页组件------计数器,站长信箱要链接邮箱。
设置超链接方法步骤:选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定

5、怎么用frontpage制作网页

这个一句话哪能讲清?
先给你一个简易教程,慢慢来吧。

一、打开frontpage
二、新建一个网页:
单击菜单栏[文件]—[新建]—[网页]
三、对网页进行基本设置
设置网页标题、背景、背景音乐、左右边距:
步骤为:
A、网页空白处单击鼠标右键在弹出的菜单中选择“网页属性”,将会弹出一个对话框。
B、对话框第一选项“常规”中:
设置标题:直接输入你想好的网页标题;
设置背景音乐,可以直接输音乐的网址,也可以下载到你的电脑上,通过“浏览……”找到,但下载的音乐要保存到你所建的文件夹里面。
C、单击对话框第二选项“背景”,设置网页背景。可以设为图片背景,也可以直接设颜色。
设图片为背景时,在“背景图片”前打“√”,然后单击通过“浏览……”(事先把找好的图片放在你建的文件夹里面,)找到图片即可。
D、单击对话框第三选项“边距”,可以设置网页的左右边距,一般设置为0。
所有设好后,单击“确定”。如果想看效果,可以直接点击网页左下面的“预览”。
四、做网页
首先要规划你的网页样式,一般网页顶部是一个网页标志性图标,和一个图片,还包括你网页的菜单,它是通过表格形式实现的。
设置表格方法为:
1、添加表格:单击菜单栏“表格”—“插入”—“表格”,根据你的需要设置几行几列,一般将边框粗细设为0,那样在浏览网页的时候就看不到表格线;边距和间距如设为0,则单元格之间的就没有缝隙,可根据需要设置。
2、在表格里面插入图片:单击“插入”—“图片”—“来自文件”,在你的文件夹里找到你所需的图片(注:要把你事先找好的图片存在你新建的文件夹,从网上下载图片一般为鼠标指向你所找的图片,然后单击右键,在弹出的菜单中选择“图片另存为……”,保存到你的文件夹下,推荐网址:http://www.3lian.com)。在网页里面插入图片和这方法一样。
3、设置网页菜单栏及表格背景:设置菜单栏也就是添加表格,添加表格的时候有几项就设几列(一般有自我简介、论文,试题、课件等),方法同上面所讲,这时可设置单元格边距为0,单元格间距不为0,这样每项之间就有分界线。
设置表格背景时:鼠标指向表格单击右键,在弹出的菜单中选择“表格属性”(如对某一个单元格设置背景,则选择“单元格属性”),设置方法同上网页背景设置。
其次,填充网页内容。可以直接向表格里面输入所需文字,也可以在网页里直接输入文字,文字排版同WORD里面的操作。
其3,增加特效。
添加滚动字幕:单击菜单栏“插入”—“组件”—“字幕”,将所需滚动的文字输入。再通过左下角的“样式……”—“格式……”—“字体……”设置字体字号颜色。
五、保存网页:单击“文件”—“保存”,出现对话框,网页文件名一定要是英文,不要用中文,并要把网页保存在你开始建的文件夹里。
六、网页的链接
按照上面的方法,做好几个网页保存在你建的文件夹里,然后通过链接把所有的网页链起来。
链接方法为:鼠标选中你所需做链接的文字或图片,单击右键,在弹出的菜单中选择“超链接”,弹出对话框;在对话框的中下面,有一个ULR,可以直接输入网址进行链接;但如果要链接到你计算机里的网页,要单击图标 ,在你的文件夹中找到与文字相对应的网页,然后“确定”。

6、如何用microsoft frontpage设计简单的网页

打开frontpage新建网站,建立空白网页,双击打开空白网页,再进行网页设计就可版以了,超链接:直接选中权你要链接的文字或图片,右键——超链接——选择你要链接的地方就可以了。插入图片或视频的方法如下:插入——图片——来自文件——选择你要链接的图片即可:插入文章的方法和图片类似;其他的你可以直接在菜单中寻找很容易!

7、如何使用frontpage制作网页教案

以下是FrontPage\ DreamWeaver网页制作软件和教程 ,支持 DIV + CSS,可视化操作,支持JS、ASP、PHP、JSP脚本程序:
DreamweaverMX 软件及教程的安全下载:http://biso.cn/soft/281.htm
DreamweaverCS4 软件及教程的安全下载:http://biso.cn/soft/396.htm
DreamweaverCS5 软件及教程的安全下载:http://biso.cn/soft/397.htm
FRONTPAGE通用版 软件及教程的安全下载:http://biso.cn/soft/379.htm
按提示,安装完成即可永久使用(支持全部 WIN系统)

下载位置的左边是软件,右边是教程

8、如何用frontpage制作简单的网页

1、打开Frontpage软件,些软件打开如同其它办公软件雷同,我们选择文件菜单栏下的下新建或者内是又边的新建空白文容本档都行
2、如果我们要插入一个表格,可以选择菜单栏上的表格>插入>表格,之后就是打开一个表格的属性,设置表格样式.
3、如果对表格进行属性设置,可以双击表格,或者选中表格,然后右键,选择单元格属性即可打开属性窗口.(Dreamwaever此处就方便一些,在下方有属性可直接设置)
4、如果想通过布局来规划网站的话,可以选择"表格">布局表格或者单元格,
5、然后在右边导航栏处选择"插入布局表格,或者单元格都行,再又将左边的编辑模式设置成"设计"然后编辑页面会出现一个框,对着框一直拉大拉小即可
6、接着就是设置表头,表中,底部等一列表,都是插入表格或者添加图片文字类即可.排序同文本排序一样设置.
7、简单制作完成后,如下图,选择预览模式即可看到.

9、FrontPage2003网页设计教程的内容简介

本书共分为12章,第抄1章介绍了FrontPage 2003的新增功能、操作界面、创建和编辑网站的方法;第2章讲述了创建、编辑与排版网页的方法,让用户快速创建一个简单的网页;第3章讲述了如何向网页中插入图片,以便产生图文并茂的效果;第4章介绍了创建和编辑超链接的方法;第5章介绍了使用表格组织网页的布局;第6章介绍了框架的使用,把Web浏览器窗口分成几个独立的区域,每个区域可以单独显示一个网页或图像;第7章介绍了表单的使用;第8章介绍了如何绘制简单的图形、添加视频文件、添加声音文件、设置动态HTML效果等,以便创作出内容丰富的多媒体网页;第9章介绍了如何在网页中插入组件;第10章介绍了如何在网页中插入Java小程序、插件、ActiveX控件、Flash影片以及编写脚本语言等;第11章介绍了层与行为的使用:第12章介绍了网站管理与发布的方法。

10、网页设计制作详细流程

分析如下:

1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。

2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。

3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。

7、网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。

(10)中文FrontPage网页设计标准教程扩展资料:

网页设计

设计网站要注意两个要点:整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。

网页配色小技巧:

1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;

2.用两种色彩:先选定一种色彩,然后选择它的对比色;

3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;

2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

与中文FrontPage网页设计标准教程相关的知识