frontpage制作网页教程(一)

合集下载

frontpage使用教程(可编辑修改word版)

frontpage使用教程(可编辑修改word版)

FrontPage2003初级教程一、新建网站(提示:如果图片觉得小,将鼠标移到图片上,向上滚动鼠标滚轮,图片会放大)打开FrontPage2003点击新建菜单命令会弹出一个对话框,有不同的模板供选择。

选择你想要的一个,然后确定,会自动生成一个网站。

二、新建一个空白网页你也可选择新建空白网页,或点新建工具按钮。

当然,这上面的内容你要自己编辑。

三、打开一个网站点击打开网站四、浏览网页“文件”“浏览”有几个选项(不同分辨率)五、编辑方式有“设计”“拆分”“代码”“浏览”六、插入WEB组件WEB组件中有很多常用的功能,你自己去试各项。

七、插入图片有两种情况:1、插单个图片,可在菜单上直接用;2、插入图片库,也可插入WEB组件中,可插队入图片库。

有三种形式(自己试一下,因为有预浏)。

八、插入“互动按钮”,互动按钮可以有三种形式,鼠标经过,按过,没按。

可选形式,在文本的文本框中将按钮文本换成你要的文本。

如:首页……还可改变文本的属性,字体颜色,等。

有初始颜色,经过颜色,按下颜色。

九、在网页中插入已有的网页如果新建的网页,内容想用现存的,只须插入已有的网页就行了。

比较简便。

十、书签链接有时的链接,不是和另一个网页链接,而是和页面中某一段链接,或另一页面的一段链接。

这种方法用在“标题和内容”之间链接最方便。

1、选择:菜单、插入、书签(被链接的内容)(一般自动生成名字,你也可以自己指定名字)2、制作到书签的链接(标题)3、选择右边的“书签”4、找到书签名十一、创建一个超链接1、选中要建立超链接的文字或图片。

2、右键,弹出菜单,点击“超链接”3、在弹出的对话框中选中被链接的网页或图片或其他(注:如是下载软件选中它)4、当然,最后是点击“确定”十二、插入表格1、点击菜单中“表格”再“插入”再移到“表格”单击“表格”2、在弹出的对话框中有几项值是要注意的:a、表格的“行数”和“列数” b、“指定宽度”和“指定高度”如果是用固定宽和高填写数字,如果是页面随屏幕变化的选100% c、“使用背景图片”点击“浏览”找到图片d、“对齐方式”用“默认” e、“浮动”方式用“默认” f、“边框”是表格宽度如果选“零”则不显示表格否则显示你选或填的数字的宽度。

FrontPage网站设计入门与实例讲解

FrontPage网站设计入门与实例讲解

FrontPage网站设计入门与实例讲解第一章:认识FrontPageFrontPage是一个由微软公司推出的网站设计工具。

它在1997年首次发布,是当时市场上最流行的网站编辑器之一。

FrontPage具有用户友好的界面和强大的功能,使得网站设计变得简单易用。

1.1 FrontPage的特点FrontPage提供了丰富的模板和主题,使得用户能够快速创建精美的网站。

同时,它还集成了许多常用的网站设计和管理工具,如图形编辑器、HTML编辑器、网站管理器等,方便用户进行全方位的网站设计和发布。

1.2 FrontPage的安装和配置为了正常使用FrontPage,我们首先需要进行安装和配置。

安装过程非常简单,只需按照向导提示一步步操作即可完成。

配置方面,我们可以设置默认的网站模板、编辑界面的语言和字体等,以满足个性化需求。

第二章:FrontPage的基本操作2.1 创建网站在FrontPage中,我们可以选择创建新的空白网站,也可以基于已有的模板进行修改。

创建新的空白网站时,我们需要指定网站名称、保存路径和首页等信息。

在网站创建完成后,我们可以开始进行网站设计。

2.2 网站结构的设计FrontPage提供了直观的导航窗格,方便我们对网站的页面和文件进行管理。

我们可以添加、删除、重命名页面,调整页面的层级关系,建立目录结构等。

这样,我们就能够清晰地组织和管理网站的各个部分。

2.3 页面设计与编辑FrontPage内置了强大的HTML编辑器,支持直接编辑网页源代码和使用可视化工具进行设计。

我们可以通过拖拽、复制粘贴等方式添加和调整元素,如文字、图片、表格、链接等。

同时,FrontPage还提供了丰富的格式化和样式设置选项,使得页面设计更加灵活多样。

第三章:高级功能与实例讲解3.1 表单设计表单是网站中常用的交互元素,FrontPage提供了方便的表单设计功能。

我们可以在表单中添加输入框、单选框、复选框、下拉菜单等元素,并指定其属性和验证规则。

frontpage网页制作技1

frontpage网页制作技1

frontpage网页制作技巧(1)1.如何快速换行?在FrontPage中,回车键的作用是另起一段,在HTML中的代码是“<p>…</p>” ,如果只是想换行,用回车就不太好看,行间距显得过大。

最简单的办法是在要换行的地方按下Shift键,然后再敲回车,就会产生一个换行符。

2.为什么图片显示不出来?如果你用FrontPage做了一个主页,里面有一些图片,在本地一切正常,但上传后背景、图片就显示却显示不出来,这可怎么办呢?产生这样的问题,有两种可能,一是图片用的是绝对路径,二是大小写问题。

先说第一种情况,如果你的图片链接用的是绝对路经,上传后就找不到此图片文件。

这时打开源文件,选中上传后显示不出来的图片,单击鼠标右键,选择“属性”,可以看到“图片源”为file:///D:/lhm/img/zt-1gif形式,这就是绝对路径,我们可以将其改为相对路径“img/zt-1.gif”即可。

第二种情况是因为图形文件名或是图形文件所在的目录名中有大写字母,或是里面有中文。

因为服务器所在操作系统一般都是unix或linux下的,系统是区分大小写的。

还有就是不要用中文文件名或目录名。

3.如何不显示框架的边界?做好的页面中,采用了多种框架,如果想要框架的边界不显示,可以用下面的方法。

选择“框架”菜单中的“框架属性”命令,弹出“框架属性”对话框。

单击“框架网页”按钮,选择“框架”选项卡,把“显示边界”复选框中的对钩去掉,单击“确定”返回。

这时再用浏览器浏览此页面,就看不到框架的边界了。

4、在同一页面不同位置跳转?要想在同一页面的不同位置跳转,比如在页面的最后有“返回顶端”几个字,点击这四个字可以跳到本页面顶端,可以利用书签的方法。

先在页面的开始位置加入一个书签。

选择“插入”菜单下的“书签”命令,在弹出的对话框中输入书签的名字,比如“top”,单击“确定”,在页面开始出现了个书签标志。

在页面的最后输入“返回顶端”,选中这向个字,按下CTRL+K键,弹出“创建超链”对话框。

FrontPage网页制作教案(18课时)

FrontPage网页制作教案(18课时)

FrontPage网页制作教案(18课时)第一节网页制作基础知识教学目标:1、了解网站、网页、主页和HTML的基本概念2、了解常见的网页制作工具3、掌握Frontpage的启动和退出教学手段:教师讲解与学生演示相结合教学过程:一.讲课:一、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页(Web Page)。

网页是全球广域网上的基本文档,用HTML语言编写。

网页中所的元素主要有文字、图片、声音、动画、影像以及链接等,通过这些元素的有机组合,就形成了包含各种信息的网页。

其中,文字是网页中最常用的元素;图片可以给人以生动直观的视觉印象,适当运用图片,可以美化网页;链接的设计,可以使我们进行选择性的浏览;随着动态HTML技术的发展,人们在网页中加入声音、动画等多媒体信息,使网页更加丰富多彩。

二、常用的网页制作工具最初,人们利用HTML语言在文本编辑器中制作网页。

HTML语言是超文本标记语言(Hypertext Markup Language)的缩写,用来描述网页的结构,但不能直观的描述网页在浏览器中的效果。

因此,只有熟练掌握HTML语言的专业人员才能用它制作网页。

后来出现了一些网页制作工具(如CDIDA软件),降低了对HTML语言的要求,但是要实现某些功能,还必须输入相应的HTML代码。

FrontPage系列软件的问世,才将人们从HTML代码中解放出来。

用FrontPage软件制作网页就象在文字处理软件中编排多媒体文档一样,具有“所见即所得”的特性,而真正描述网页结构的HTML代码,则由FrontPage在幕后自动生成。

这样,大家都可以方便地制作自己的网页。

目前,使用较多的网页制作软件有:FrontPage、Flash、Dreamweaver等。

三、FrontPage2000的启动和退出1.启动方法:单击“开始”按钮,拖动鼠标指针依次指向“程序(P)”“Microsoft FrontPage”,并单击,即可启动FrontPage2000。

frontpage制作网页教程(一)

frontpage制作网页教程(一)

frontpage制作网页教程(一)应用frontpage制作网页(一)一、熟悉frontpage2000的环境A、frontpage的启动1.利用“开始”菜单启动:开始——》程序——》frontpage2.利用桌面上的快捷方式:双击打开B、退出frontpage1.单击窗口标题栏右端的关闭按钮;2.按Alt+F4快捷键;3.执行“文件”菜单下的退出命令。

注:若在退出以前没有保存已被修改的文档,在退出时,会有询问是否保存的提示框。

C、F rontPage的工作环境FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状态栏七部分组成。

1.标题栏:窗口的顶部,包括“控制菜单”图标,当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。

2.菜单栏:标题栏下方,是命令菜单的集合。

由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。

3.工具栏:提供常用的各类按钮,如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。

FrontPage2000常用工具栏上特有的工具按钮:发布站点:将建立的网站发布到WEB上;文件夹列表:显示当前站点的文件夹结构;在浏览器中预览:当网页保存后,选中该工具按钮,可在系统默认的浏览器中浏览当前编辑的网页。

停止:用于预览网页时停止网页的下载;插入超级链接:插入一个超级链接;刷新:用于浏览网页时刷新网页。

4.视图栏:由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。

网页:视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用;文件夹:视图列出当前站点的所有文件和文件夹,方便寻找须编辑的网页文件;报表:视图将报告站点中文件和超链接的状态;导航:视图将显示站点的导航结构;超链接:视图显示来自和指向站点中的每一页的超链接;任务:视图列出站点中要完成的任务。

用FrontPage制作网

用FrontPage制作网

8.3.1 创建文件夹
创建文件夹的操作步骤 操作示例演示:
8.4 网页中的文字排版
FrontPage2003可以通过设置字体、字号、段落、列表、背景的操作来实现 . 操作示例演示:
8.5 在网页中使用图像
图像在FrontPage2003中分为图片和动态视频两类,应用较多的是图片。通过适当的放置可以起到美化网页,吸引浏览者的作用,利用FrontPage 2003可以方便地在网页中插入图像,还可以设置图像,还可以设置图像,还可以设置图像边框、大小和位置,并且可以直接对图像进行编辑。
第8章 用FrontPage2003制作网页
知识点和技能点
技能点
掌握HTML语言的深入使用 掌握外部资源的导入方法 熟练创建与保存网站 熟练设置网页的属性 熟练各种链接的建立
知识点
解FrontPage2003的7种视图方式 了解网页中的图片格式 理解“导航”、“层”、共享边框、框架的基本作用
8.7图片相关操作
8.6.1 建立文字超链接
1
在“创建超链接”对话框中的“URL”文本框中,输入所需要链接的网页 。
3
2
选择 “超链接”,弹出一个“创建超链接”的对话框。
选中“明星风采”,单击鼠标右键,在弹出的快捷菜单中选择“超链接”菜单项 。
8.6.2 建立热点
在我们单击每个图片的文字的时候,就会链接到相应文字的图片上,这种情况称为图片映射,通常称之为热点。 图片映射分为两种: 在图片上加入一些文字,然后再分别将文字定义成超链接,也称文字热点。 将图片划分成几个区域,再分别将各个区域定义成超链接。这种超链接区域就是热点,也称几何区域热点。
8.7.1 网页属性的定义
当网页制作好后,我们可将其分组,这些操作属于网页属性的定义

用Microsoft+FrontPage制作网页

用Microsoft+FrontPage制作网页

学习做网页之前,我们首先要知道网页是什么,一般来说网页是用在网络上的htm文件,通过网页可以很方便的实现网络资源的共享,上网分为三个步骤;1、输入正确的网址1)在桌面上找到Internet Explorer ,双击打开,出现浏览器窗口,一般会自动进入微软的网站;2)找到地址栏一个长白条,里面有一串以http打头的字符,这就是地址栏;3)在地址栏里头点一下鼠标左键,然后删除里面的字符,输入自己的的网址,网址一般是英文的以http打头,然后是一个冒号和两个斜杠(双斜杠),然后是www(三W),后面跟一个点,最后一般是com结尾,例如输入输完检查一下,没问题就按一下回车键,这时窗口右上角的小图标就开始运动,也就是正在搜索;4)一切正常就会进入到搜狐网站的首页;2、找超级链接网页上的内容是一页一页的,一般都藏在一个叫超链接的后面,所以第二步就是要找到超链接;超链接有三个特点,首先文字的颜色是蓝色的,非常醒目,其次文字下面有一条下划线,便于查找,最关键的是当鼠标移过去以后,指针会变成手形,这一点很重要;找到超链接以后就可以鼠标左键单击,进入相应的内容了;3、后退按钮看完一页后如何返回呢?在窗口的左上角有一个后退按钮,点一下就可以回到上一页,这样就不会迷失方向了;其他还有浏览、下载、另存为等等也都是网络的功能;本节学习了上网的基础知识,学习了上网的三步曲,网址-超链接和后退,如果你成功地理解并完成了练习,请继续学习下一课内容。

第2课网页基础这一节我们来学习做网页,通过上一节我们可以知道网页包括标题、内容和超链接几部分组成,下面我们通过一个练习来看看怎样做一个网页;1、启动FrontPage1)单击“开始-程序-Microsoft FrontPage”一个蓝色的箭头图标,启动FrontPage 程序,自动新建一个空白文档;2)单击工具栏上的保存按钮,出现保存对话框,从上到下先找到自己的文件夹,然后在下边的文件名框里点一下,删除里面的字符,输入index然后再点旁边的“更改”按钮,输入网页标题“青青草”,单击“确定”-“保存”,就成功地新建一个网页;2、输入内容保存完毕回到窗口中,输入网页标题和内容,这里我们创建个人主页,一行一行往里面输入,一行输完按一下回车键到下一行:第一行是标题,也就是网页的名称,个人主页包括自己的简介、爱好等内容,注意输“联系”的时候,在冒号后面加一个空格就不会错了;3、格式设计下面把网页的版面设计一下,也就是把网页修饰的漂亮一些;1)背景色单击“格式”菜单,选择“背景”命令,如果没找着,就点一下菜单最下面的折叠按钮,藏在下面呢;打开背景对话框以后,在中间找到“颜色”里面的“背景”,在“自动”上点一下,出来颜色对话框,在“其他颜色”上点一下,选一个自己喜欢的颜色,单击“确定”,背景色就加好了,单击“保存”按钮,保存一下文件;2)标题修饰选中标题“青青草花园”,单击工具栏上的居中按钮,让标题居中,然后从左到右依次选择字体、字号、颜色,字体设为华文彩云,字号设为6,颜色设为红色,注意颜色是大A按钮,旁边的铅笔是背景色,保存一下文件;3)文本修饰选中其他文本内容,把字体改为华文行楷,字号为4,颜色设为一个好看的颜色,保存一下文件;4)做好的网页怎么观看呢?在工具栏上找到一个放大镜“浏览”按钮,就可以查看自己的网页了(如果网页没出来,就到底下的任务栏上找一找)。

frontpage制作网页小技巧 (1)

frontpage制作网页小技巧 (1)

FrontPage制作另类超级链接赛迪网2004-10-26 21:40:00 文/ 悬停按钮的超链接悬停按钮的超链接悬停按钮是FrontPage 的组件功能之一,用它可实现网页的动态效果。

浏览时它是一个普通按钮,当鼠标经过它,按钮的颜色和形状随之变化。

这样漂亮醒目的按钮常用来实现带有多媒体效果的超链接。

下面我们就来做一个播放音乐的按钮。

在“网页/普通”视图模式下,确定光标位置后,单击“插入/组件/悬停按钮”,出现“悬停按钮属性”对话框(如图1),在“按钮文本”框中输入按钮显示的文本内容:播放音乐,而后可单击“字体”按钮改变文本的字体类型、大小、样式和颜色。

接着点击“链接到”框右边的“浏览”按钮,选择名为“Music1.mid”音乐文件(你可换成自己需要的文件名,该文件最好先复制到当前站点下),其他设置可采用默认值,点击“确定”完成。

图1浏览时鼠标经过“播放音乐”按钮,按钮颜色发生变化,鼠标变为手形,按下按钮就可调用机器上默认的那款多媒体播放软件播放音乐。

指向书签的超链接在一个有较长和较多层次内容的网页中,启用书签功能将会使浏览更加方便。

先在网页中定义书签,然后建立书签的超链接。

书签有文本书签和默认光标书签。

选中指定的文本,单击“插入/书签”命令,“书签”对话框中之“书签名称”框的蓝色文本正是刚选中的文本内容,可以输入书签名如“AA”,单击“确定”。

定义好的文本书签将以下划虚线显示。

另外,也可以利用光标建立书签。

先把光标放在插入书签的位置,单击“插入/书签”,输入“默认光标”作为书签名,点击“确定”。

定义好的默认光标书签以蓝色小旗子加下划虚线标识。

在页面适当位置,输入提示文本,选中输入的文本,单击“插入/超链接”,出现“创建超链接”对话框,点击“书签”下拉框,选中其中已定义的书签,则“URL”框中的值如“#AA”,单击“确定”。

在浏览网页时,我们经常会发现有些网页的超链接下载速度极快,其实此类超链接并非下载新的网页,而是直接指向本网页的某书签处。

4.6 用FrontPage制作网页

4.6  用FrontPage制作网页

5.图片保存
保存网页时,FrontPage会提示用户是否将插入的图 片保存到当前站点的目录下。如果只在一个独立的页 面中使用图片,建议将图片文件与网页文件放在同一 个目录。如果该图片供某个站点中的一个网页使用, 建议专门建立一个存放图片的文件夹,例如images文 件夹。此外,插入图片时最好使用相对地址,一边于 修改和维护。
图4.48 图片对话框
图4.49 图片属性对话框
3.图片其他操作
当选中某个图片的时候,在编辑区域的底部会弹 出图片工具栏,如图4.50所示。利用该工具栏可对所 选定的图片进行编辑操作。
图4.50 图片工具栏
4.设置背景图
背景可由“背景图片”和无图片的“背景颜色”构成。 (1)添加“背景图片”的方法: ① 单击“格式”菜单的“背景”命令,出现“网页属性” 对话框的“背景”选项卡;或鼠标右键单击FrongPage编辑区, 选择快捷菜单中的“网页属性”命令,再在对话框中选择“背景” 选项卡。 ② 在“背景”选项卡的“格式”区域选择“背景图片”复 选框,再在空白栏处直接键入图片所在的文件路径和文件名,也 可单击“浏览”按钮选择图片文件。单击“确定”按钮完成“背 景图片”的设置。 (2)设置网页“背景”颜色和“文本”颜色的方法: ① 使用“背景”选项卡的“颜色”区域,在“背景”和“文 本”列表框中选择不同的色彩,设置“背景”和“文本”颜色; 设置“超链接”的文字的颜色,可在“颜色”区域右侧的3个列 表框中完成设置。 ② “背景”选项卡中对“文本”颜色的设置,只有该文字的 “字体”颜色设置成“自动”时才有效。 ③ 使用背景图片时,所设置的背景颜色将被图片覆盖。
例4.6 设置段落
在需要设置格式的段落中单击鼠标右键, 从弹出的快捷菜单中选择“段落”命令,或者 执行(格式/段落)命令,打开“段落”对话框。 利用该对话框可以对段落的对齐方式、缩进、 段落间距等进行设置,其中在“缩进”选项组 中输入正值表示向内缩进、输入负值表示向外 扩展;在“段落间距”选项组中输入正值表示 加大间距、输入负值表示缩小间距。

FrontPage操作步骤

FrontPage操作步骤

FrontPage(网页制作)操作步骤:
(含义:→是指按动鼠标左键一下(或选中);双击→是指连续快速按动鼠标左键两次;鼠标右键时→鼠标编辑对象时不要移动鼠标)
FrontPage编辑时一定要选中对象
菜单栏:
常用工具栏:
(1)打开题目:先打开“题目”word文档,按要求打开网页文件(找到文件所在的路径:打开“我的电脑”→“文件所在的盘符”→“文件所在的路径”);
(2)字体和段落设置:和word一样;
(3)插入水平线:鼠标移动到相应位置→“插入”→“水平线”→选中水平线→“格式”→“属性”→可设置水平线长度、颜色等;
(4)插入图片:“插入”→“图片”→“来自文件夹的图片”→在插入图片对话框“查找范围”中正确找到图片所在的位置→插入图片;
(5)设置字幕:选中设置对象→“插入”→“组件”→“字幕”(选择相应的选项);
(6)设置超链接:选中要设置超链接的对象→“插入”→“超链接”→“URL后面的(制作一个指向你计算机上文件的超链接)”→“查找范围”找到文件的位置→“确定”;
(7)合并单元格:选中要合并的单元格→“表格”→“合并单元格”;
(8)表格设置:选中表格→“表格”→“属性”→“表格”
(9)单元格设置:选中单元格→“表格”→“属性”→“单元格”
(10)网页属性设置:“格式”→“背景”(背景图片、颜色、音乐、标题等);
(11)保存网页。

FrontPage网站制作教程

FrontPage网站制作教程

FrontPage网站制作教程一、基础知识技巧(一)创建网站1、在硬盘中建立一个文件夹(将要建立的网站的位置)2、打开FrontPage网页制作软件,单击“文件”——新建——由一个网页组成的网站——找到“选项”,单击“浏览”,找到刚才建立的文件夹——单击“打开”——确定(网站创建完成)3、给网站改名字菜单栏,单击“工具”——网站设置——常规——输入名称——应用。

4、文件夹列表①打开文件夹列表的方法:菜单栏,单击“视图”——文件夹列表②增加文件夹:在文件夹列表中,单击新建文件夹,更改名称。

5、浏览制作的网页(快捷键F12)(二)网页的操作1、页边距的设置鼠标指向网页的空白处,右键单击——网页属性——高级——边距设置0像素(这样设置后网页的内容会顶格显示)2、背景设置方法①:网页空白处,右键——网页属性——格式——背景(根据个人爱好可以选择图片或者颜色)——确定方法②:菜单栏,格式——背景3、网页名字与网页标题的区别(网页的名字是在文件夹列表中我们看到的名字。

)(网页的标题是显示在浏览器上方的名称。

)右键单击——网页属性——标题(输入网页的名称)——确定4、复制网页在文件夹列表中,右键单击要复制的网页——复制——在空白处,右键——粘贴(更改名称)(三)文字操作1、导入文字菜单栏,单击“插入”——文件——选择文件类型——点击“打开”2、格式刷的使用格式刷的位置:工具栏——格式刷选中带格式的文字——点击格式刷——刷要改变的文字(注:单击格式刷使用一次,双击格式刷可以使用多次)(四)表格的操作1、插入表格菜单栏,表格——插入——表格(选择需要的行数和列数)——确定2、删除表格菜单栏,表格——选择——表格——再次点击菜单栏“表格”——删除单元格(删除表格中的行、列或者单元格,方法同上)3、插入单元格①菜单栏,表格——插入——根据需要选择②单元格中,右键——插入行或者插入列代码:table——表格 tr——行 td——单元格4、添加标题光标放在任意一个单元格中,菜单“表格”——插入——标题5、调节单元格宽和高选中单元格——菜单“表格”——根据内容调整表格、平均分布各列、平均分布各行(根据需要选择)6、合并单元格选中两个以上的单元格,右键——合并单元格7、拆分单元格光标放在需要拆分的单元格内,右键——拆分单元格——根据需要选择——确定8、文本转换成表格选中文本,菜单栏“表格”——转换——选择相应的内容——确定9、自动套用格式菜单栏,表格——表格自动套用格式,选择喜欢的样式——确定(五)项目符号和编号、图像、音频和视频等元素1、插入项目符号和编号选中文字段落,菜单栏,格式——项目符号和编号2、插入图片菜单栏,插入——图片——来自文件,找到相应的图片——插入(单击图片,出现8个黑点,可以用鼠标调节图片的大小)3、插入flash影片①菜单栏,插入——图片——flash影片——插入②设置flash内容单击flash,出现8个黑点,用鼠标拖动,可以改变flash大小双击flash,打开flash影片属性面板,进行相应的设置——确定(注意:保存flash时,要保存在同一个网站内)4、制作按钮菜单栏,插入——交互式按钮——选择喜欢的风格——确定5、添加背景音乐右键——网页属性——背景音乐——浏览——确定(六)框架1、框架的概念2、创建框架菜单栏,文件——新建——其他网页模板——框架网页(选择喜欢的风格)3、保存框架网页(多个网页)4、设置初始页选中网页,菜单栏“框架”——框架属性——设置初始页5、设置框架显示选择任意一个框架,右键——框架属性——框架网页,打开网页属性——框架,去掉“显示边框”前面的“√”——确定6、重命名框架选择框架,右键——框架属性——输入名称——确定7、调整框架①选择框架,右键——框架属性——更改宽度和高度——确定②手动更改:把光标放在两个框架的中间的线上,按住鼠标就可以惊醒拖动。

用FRONTPAGE设计网页

用FRONTPAGE设计网页

网页制作前的几个问题?一、确定网页主题1、根据用途2、根据自己性格的特点3、根据自己的特长二、制定网页的结构分支,层级三、搜集素材用FRONTPAGE2003制作网页一、启动FRONTPAGE2003方法:开始—程序—MICROSOFT FRONTPAGE二、创建空白站点如同学生做作业先要有一本作业本一样,用FRONTPAGE2003来制作网页时,也需要这样一个作业本,这就是站点,其中的每一个网页就如同一张张的作业纸。

一、创建站点:步骤1:文件——新建——站点2:在“新建”对话框中,单击“只有一个网页的站点”或“空站点”图标,在“指定新站点的位置”列表框中输入站点文件夹的位置、名称,单击“确定”。

例如在E盘创建名字为jiaoxue的站点,输入:“E:\ jiaoxue”即可(注意:在英文状态下输入),如果没有设定位置,则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。

二、创建网页:步骤 1、新建网页:文件——新建——空白网页。

2、保存网页。

三、利用表格布局网页1、插入表格方法:①表格——插入——表格②在弹出的“插入表格”对话框中设定表格的行列数等③设定表格布局为居中,宽度为900像素,宽度为0。

2、设置单元格的背景:设一种颜色做背景;设图片做背景;3、关于嵌入式文件的保存:选更改文件夹——双击images文件夹——确定——确定。

四、插入字幕插入——Web组件——字幕——输入字幕内容——确定。

如果要改变字幕的文本格式,可在“样式”——“字体”——“格式”,进行设置。

五、插入交互式按钮:按钮文本设置——按钮字体格式设置,——按钮宽度高度设置(注意把“保持比例”前的对勾去掉)六、插入图片:步骤:①光标放在要插入图片的位置②插入—图片—来自文件,在弹出的“图片”对话框中,单击“从计算机上选择一个文件”按钮,选定一个文件后,单击确定。

注:(插入—图片—视频/Flash)用于插入视频/Flash文件图片大小的设定:方法:选定图片,图片上会出现八个控制点,将鼠标放在其中的一个控制点上,鼠标指针变以双箭头状,进行拖动操作可调整图片大小。

frontpage教程-编辑网页

frontpage教程-编辑网页

frontpage教程:编辑网页第一课:frontpage教程:网页制作基础知识1.视图与模式(一)现在进入frontpage。

单击任务栏“开始”按钮,选择“程序”选项,单击“microsoftfrontpage”选项就可以了。

可能你会发现frontpage界面和word很相似[图2-1],这是因为编辑web页面和编辑word文档有很多同样的设置,这些设置所用的图标和word中的是一样的。

[图2-1]frontpage2000界面视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。

frontpage共有6种视图[如图2-1左],使用不同的视图可以从不同的侧面查看设计的web 站点。

对一个web站点而言,不断更新是很重要的。

随着站点的成长,维护站点的工作量会越来越大。

建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。

这些视图的使用不用一下就全部掌握,只要知道有这些视图就可以了。

2.视图与模式(二)下面看一看同一个web站点在不同视图中是怎样显示的。

(1)单击“网页”按钮,切换到网页视图,再单击工具栏上的“文件夹列表”按钮,窗口中增加了一个文件夹列表框[图2-2]。

网页视图是用来显示选中的网页的,双击文件夹列表中的某一个htm文件,在最右方的工作区中就会显示该网页的内容。

注意,此时工作区的左下角有三个切换显示模式的选项卡[图2-3]。

单击“普通”选项卡,就切换到了普通模式。

在普通模式可以编辑网页的内容以及设置各种格式。

单击“预览”选项卡就到了预览模式。

如果要看一看当前编辑的文件在浏览器中的显示情况,就使用预览模式,在预览模式下,是不能编辑网页的。

也可以切换到html模式直接对网页对应的html文本文件进行编辑,从而为网页作一些特殊的设置,前提是你要懂一点html语言(在教程附录中有相关说明)。

(2)文件夹视图以列表的形式给出了当前web站点的文件夹和文件夹里包含的文件[图2-4]。

frontpage教程-编辑网页

frontpage教程-编辑网页

第一课:frontpage教程:网页制作基础知识1•视图与模式(一)现在进入frontpage。

单击任务栏"开始”按钮,选择"程序”选项,单击"microsoftfrontpage ” 选项就可以了。

可能你会发现frontpage界面和word很相似[图2- 1],这是因为编辑web 页面和编辑word文档有很多同样的设置,这些设置所用的图标和word中的是一样的。

[图2 —1]frontpage2000 界面视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。

frontpage共有6种视图[如图2 —1左],使用不同的视图可以从不同的侧面查看设计的web 站点。

对一个web站点而言,不断更新是很重要的。

随着站点的成长,维护站点的工作量会越来越大。

建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。

这些视图的使用不用一下就全部掌握,只要知道有这些视图就可以了。

2•视图与模式(二)下面看一看同一个web站点在不同视图中是怎样显示的。

(1) 单击“网页”按钮,切换到网页视图,再单击工具栏上的“文件夹列表”按钮,窗口中增加了一个文件夹列表框[图2 —2]。

网页视图是用来显示选中的网页的,双击文件夹列表中的某一个htm文件,在最右方的工作区中就会显示该网页的内容。

注意,此时工作区的左下角有三个切换显示模式的选项卡[图2—3]。

单击“普通”选项卡,就切换到了普通模式。

在普通模式可以编辑网页的内容以及设置各种格式。

单击“预览”选项卡就到了预览模式。

如果要看一看当前编辑的文件在浏览器中的显示情况,就使用预览模式,在预览模式下,是不能编辑网页的。

也可以切换到html模式直接对网页对应的html文本文件进行编辑,从而为网页作一些特殊的设置,前提是你要懂一点html语言(在教程附录中有相关说明)。

(2) 文件夹视图以列表的形式给出了当前web站点的文件夹和文件夹里包含的文件[图2-4]。

Frontpage网页制作教学

Frontpage网页制作教学

Frontpage网页制作教学现在流行的网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。

其中Frontpage更以其功能强大、容易上手、界面亲切而著称。

一、创建一个“个人站点”我们可以使用模板或向导来建立站点。

模板和向导的作用就好像盖房子的图纸一样,我们不必每次建立站点时都从头开始,那么,我们就来使用Web站点模板来创建站点吧。

单击“开始”按钮,弹出“开始”菜单,在菜单中执行“所有程序/Microsoft office/Microsoft Frontpage”命令,就可启动Frontpage,进入Frontpage 窗口,同时“新建网页或站点”的任务窗格被打开;在“新建网页或站点”的任务窗格中单击“Wed站点模板”选项,会弹出一个“Wed站点模板的对话框,在其中选择“个人站点”模板,单击“确定”按钮,一个“个人站点”就创建完成了。

现在我们来看一下新的站点里有什么,单击“视图”菜单下的“文件夹”命令,在文件夹列表里列出了个人站点所包含的文件夹及文件,其中,有一个网页文件,名字叫“index htm ”的,它是每个站点的主页,这个主页也是一个网页文件。

浏览者访问站点时首先进入的就是站点的主页。

主页的名字在一般情况下就叫做“index htm”.在文件列表里除了主页之外,还有文件夹。

新建站点时,Frontpage都会在站点所在位置下新建几个文件夹,一个是“images”;一个是“private”;另一个是“photogallery”。

我们在编辑站点时可以在“image”文件夹放置站点用的图片。

“pvivate”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里。

“photogallery”文件夹就是我们“个人站点”需创做的具体内容了。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

应用frontpage制作网页(一)
一、熟悉frontpage2000的环境
A、frontpage的启动
1.利用“开始”菜单启动:开始——》程序——》frontpage
2.利用桌面上的快捷方式:双击打开
B、退出frontpage
1.单击窗口标题栏右端的关闭按钮;
2.按Alt+F4快捷键;
3.执行“文件”菜单下的退出命令。

注:若在退出以前没有保存已被修改的文档,在退出时,会有询问是否保存的提示
框。

C、F rontPage的工作环境
FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状
态栏七部分组成。

1.标题栏:窗口的顶部,包括“控制菜单”图标,当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。

2.菜单栏:标题栏下方,是命令菜单的集合。

由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。

3.工具栏:提供常用的各类按钮,如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。

FrontPage2000常用工具栏上特有的工具按钮:
发布站点:将建立的网站发布到WEB上;
文件夹列表:显示当前站点的文件夹结构;
在浏览器中预览:当网页保存后,选中该工具按钮,可在系统默认的浏览器中
浏览当前编辑的网页。

停止:用于预览网页时停止网页的下载;
插入超级链接:插入一个超级链接;
刷新:用于浏览网页时刷新网页。

4.视图栏:由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。

网页:视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用;
文件夹:视图列出当前站点的所有文件和文件夹,方便寻找须编辑的网页文件;
报表:视图将报告站点中文件和超链接的状态;
导航:视图将显示站点的导航结构;
超链接:视图显示来自和指向站点中的每一页的超链接;
任务:视图列出站点中要完成的任务。

5.网页编辑区域:管理站点和编辑网页的地方。

6.网页编辑模式:普通方式(所见即所得的网页设计方式)、HTML方式(用HTML 语言设计网页)和预览方式(检查网页实现的效果),从不同的角度观察网页。

7.状态栏:显示当前页状态
二、网页属性的设置
利用设置网页的各种属性对网页进行细节的处理。

在网页编辑区域内单击右键,在弹出的下拉菜单中选择“网页属性”,在出现的“网页属性”对话框中包括六歌选项卡:“常规”、“背景”、“边距”、“自定义”和“语言”。

常规:
1.位置:指出页的完整URL。

URL即网站或网页在internet上的确切地址。

2.标题:显示页标题。

即网页标题栏上的名称。

3.基本位置:
4.默认的目标框架:
5.背景音乐:可设置当浏览器打开该页时同时播放的音乐。

三、网页编辑
前期准备:
1.构思网页的主题和布局;
2.根据网页主题准备相应的素材:图片素材,文字素材,声音素材等。

3.构建文件存放的结构。

A、表格的使用
我们可以利用表格来安排和定位网页文本和对象。

i.插入表格
a)利用“插入表格”按钮:单击工具栏上的“插入表格”按钮——》拖动
鼠标以指定表格的行和列数——》达到要求后松开鼠标即可。

b)利用菜单:“表格”——》“插入”——》“表格”——》确定行数和列数
以及其他表格信息——》“确定”
c)手绘表格:打开“表格”菜单,选择“手绘表格”命令,单击后出现表
格的工具栏;将鼠标从要创建表格的左上角拖到右下角,即可绘制一个
表格(前提是网页中没有表格存在);拖动鼠标可以增加行列。

如果在
表格已经存在的情况下,只能利用手绘来进行行列的设置。

注意:在表格中可以嵌套表格。

ii.删除单元格
a)从表格中删除单元格:按住“ALT”键,同时单击要删除的单元格以将
其选中,选择“表格”菜单下的“删除单元格”即可,或者在选中的单
元格上右击选择“删除单元格”。

b)删除行和列:选中要删除的行或列——》右击选定的行或列——》在弹
出的快捷菜单中选择“删除单元格”命令。

c)删除表格:打开“表格”——》“选定”——》“表格”——》按“delete”
键。

注意:单元格、行、列、表格的选定可以灵活利用鼠标和键盘。

iii.合并单元格
在网页视图普通模式下选择一行、一列或一组相邻的单元格——》右击所选区
域——》单击快捷菜单中的“合并单元格”或者
单击“表格”工具栏上的“合并单元格”将单元格合并。

B、图片文字的插入
1.可插入的图片格式:gif jpeg bmp tiff tga ras eps pcx png pcd和
wmf
2.需要注意的是,插入的文件必须存放在同一站点文件夹下,否则不能正常显示。

3.只有用表格搭出框架后,添加时,才能让图片和文字在指定的位置处添加,否则图片或文字只会添加在计算机默认的位置上,且不能移动。

4.插入图片时,在网页中单击要插入图像的位置,然后单击工具栏上的“插入文件中的图片”按钮,或者选择菜单“插入”——》图片——》“来自文件”或“剪贴画”;选择所需插入的图片按“确定”即可将图像插入到网页中的指定位置;6.可对图片进行简单编辑:单击图片,在弹出的“图片”工具栏中对图片进行简单编辑。

A、文字的插入
在需要插入文本的位置处单击,便可输入文本。

可以选中文本进行文字的简单编辑,包括“字号”“字体”“颜色”等。

相关文档
最新文档