frontpage网页制作模板.docx
- 文档编号:9447721
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:10
- 大小:20.59KB
frontpage网页制作模板.docx
《frontpage网页制作模板.docx》由会员分享,可在线阅读,更多相关《frontpage网页制作模板.docx(10页珍藏版)》请在冰点文库上搜索。
frontpage网页制作模板
竭诚为您提供优质文档/双击可除
frontpage网页制作模板
篇一:
用Frontpage20xx制作网页课件
用Frontpage20xx制作网页课件
Frontpage20xx是office家族的一员,应用于网站、网页的编辑管理,操作简单方便。
对于广大中小学教师来说,掌握frontpage20xx的操作,我们可以:
(1)制作网页课件(演示型、flash课件,网络型)
(2)建设教学资源网站举例:
http:
//221.194.113.149:
4601/xkzhkj/index.html三角形中的线段为例
今天我们将以“乡愁”为例,来讲述网站的制作过程。
创建网站是一个系统的过程,包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。
一、设计网站的结构
二、收集与加工网站所需素材
三、开发网站
四、发布网站
应该掌握的技能:
1、利用Frontpage,新建并保存一个站点。
2、新建、保存站点中的网页。
3、插入并调整表格。
4、在表格中输入文字并编辑。
5、加入背景图片。
6、在网页中插入图片并调整。
7、在网页中创建“超链接”。
8、在网页中利用框架布局网站。
9、在网页中设置背景音乐。
10、在网页中加入音频、视频、滚动字幕、水平线。
11、发布网站。
一、设计网站的结构
(一)确定网站的名称与栏目
1.网站名称就是一个网站的名字
命名原则:
(1)内容性;
(2)艺术性
2.网站栏目是网站内容的目录
栏目的设计应以教学需要为主要目的。
本网站的栏目主要有:
如菜单
(二)规划网站结构
网站的结构是指网站中各个网页之间的关系。
例:
《乡愁》网站结构图示例
二、收集与加工网站所需素材
网站素材包括文本、图片(图形与图像)、动画、音频和视频等。
在网站开发前,应根据每个网页内容的需要,收集相关的素材,途径:
网上搜索或自制。
1.如:
网站所需素材表
三、开发网站站点:
是一组相关网页的有机结合,网页之间彼此相连,这种完整的结构就称为站点。
(网站相当于一本书,一个体系。
网站的概念大于网页。
网页:
站点就像一本书,网页就像书中的一篇篇文章。
一个网站内可以包含很多页,当然也可以仅有一页。
homepage:
进入站点后看到的第一个页面通称为homepage,也称为主页或首页,通常被命名为“index.html。
新建站点:
启动frontpage20xx,新建---其他网站模板----只有一个网页的网站。
将素材拷入相应文件夹内。
新建网页:
新建---其他网页模板----普通网页
编辑网站首页
1、网页属性设置:
背景音乐(hunli.wav)、网页标题(乡愁主页)、背景图片
(beijingtupian.jpg)
2、表格布局:
(1)分别插入三个1行1列的表格:
宽:
760像素高:
任意,水平居中
(2)设置第1个表格高度为210像素,插入图片banner.jpg,设置宽759像素,
高210像素
(3)设置第2个表格,拆分单元格为5列1行,分别插入---web组件----交互
式按钮(浮雕标签2),网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁,字号12,字体微软雅黑,悬停蓝色,按下黄色,
图像宽152像素,高35像素,保持比例去掉。
其余几个按钮用复制粘贴,
修改文本即可。
(4)将index.htm复制粘贴,分别命名为zjxc.htm,qtxc.htm,pwxc.htm。
(5)设置第3个表格,输入文本乡愁、、、、、,宋体,14磅,将第一行文本设为水平滚动字幕。
(6)在文本下边插入两行,菜单:
表格----插入-----行/列
(7)分别在两行中输入文字,插入---网页组件------计数器,站长信箱要链接邮箱。
编辑走进乡愁
1、
2、打开zjxc.htm,设置第三个表格,拆分单元格,2列1行,再拆分右边单元格,2行1列。
对左边单元格设置背景图片(yuguangzhong.jpg),右边单元格第一行插入
艺术字“作者简介”宋体,24号,艺术字库第三行第一个。
第二行插入相关文本,宋体,14磅,双倍行距。
编辑倾听乡愁
1、
2、
3、设置表格背景图片(bj.jpg)拆分单元格3行1列,第一行插入图片(xiangchou.gif)余光中,楷体,18磅,加粗。
第二行输入文本,并进行排版,字体微软雅黑,12磅。
第三行插入----图片----音频(xiangchou.mp3)保存。
编辑品味乡愁
1、拆分单元格为2行2列,分别插入“乡愁四韵.swf”,“英语儿歌视频-howareyou.avi”,“2.jpg”,“3.jpg”。
音频支持格式:
waV、mid、Ram暂不支持mp3格式。
视频支持格式:
.swf,.wmv,.avi
编辑感悟乡愁
感悟乡愁模块链接的是一个新的框架网页
框架网页
框架:
框架网页:
所谓框架网页是一种特殊的网页,它可以将浏览器视窗分为多个不同的窗口,而每个窗口可以看作一个网页容器,用于显示不同的网页框架组成:
边框、滚动条、网页。
(一)创建框架网页
1.创建框架网页
单击文件→新建,选择“框架网页”选项卡,在“框架网页”对话框里列出了10种框架布局模板,选择自己需要的一种,单击“确定”。
2.编辑框架内容
每个框架有两个按钮,单击新建网页按钮,这些按钮就是用来让我们指定在框架里显示哪个网页的,或新建一个网页,或设置一个已经存在的编辑好了的网页。
3.保存框架网页
逐个保存每个框架内的新建网页。
(二)改变框架的布局
注:
框架的大小及属性均可通过“框架属性”对话框来设置。
“框架属性”对话框介绍:
·边距:
网页内容与框架边框之间的距离。
·显示滚动条:
包括3个可选项:
即“需要是”、“从不”、“始终”。
·“框架网页”按钮:
单击“框架网页”按钮,弹出“网页属性”对话框的“框架”选项卡,在此项中可以设置框架之间的距离,若想无框架边框,只须取消“显示边框”复选框即可。
1.调整框架的大小
法1:
用鼠标拖动
法2:
将光标置于要调整的框架中,单击右键或单击框架→框架属性
2.拆分或删除框架
拆分:
法1:
用鼠标拖动:
按ctrl键不放,用鼠标拖动框架的边框线法2:
用菜单:
将鼠标置于要拆分的框架中,单击框架→拆分框架
删除:
选定要删除的框架,单击框架→删除框架.
(三)设置目标框架
目标框架是超链接目标网页出现的那个框架。
例如,在左边的目录框架中单击一个链接后,右侧的框架中将出现一个对应的网页。
所以右边框架是左边框架中所看到的链接的目标框架。
1、设置超链接的目标框架
步骤:
选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定
知识加油站:
在“创建超链接”窗口击“目标框架”按钮,弹出“目标框架”对话框,从中选择“新建窗口”,则被链接的网页会创建一个新的浏览器窗口,并在其中显示。
设置超链接
每当我们在浏览网页时,都会发现当鼠标指针移动到某些文字或图片时,就会变成一只“手掌”的样子,这时只需单击鼠标左键就可以打开另一网页了。
这就是我们将要讲述的网页“超链接”方式。
正是由于有了“超链接”,因特网才会如此神奇和流行!
网页上的超链接主要有三种:
一种是相对网址的超链接;第二种是与绝对网址(如http:
//)的超链接;第三种是指在同一网页内的超链接。
四、发布网站
(一)测试网站
在发布站点之前,应该检查各个页面之间的链接、网站的外观和文件的路径等,测试无误后,可以发布网站了。
(二)发布网站
网页的发布,就是将制作好的网页发布到www中的某台web服务器上的过程。
也就是将用户创建在本地计算机上的一个站点复制到服务器上指定uRl的过程。
方法:
单击文件→发布网站,弹出对话框,在远程网站选项卡中选文件系统,在远程网站位置输入一个本地计算机中的具体路径或单击浏览,再单击发布网站。
用专门的上传软件发布,如FlashFxp
网站制作前的几个问题?
一、确定网站主题
1、根据用途2、根据自己性格的特点3、根据自己的特长
二、制定网站的结构
分支,层级
三、搜集素材
用FRontpage20xx制作网站
一、启动FRontpage20xx
方法:
开始—程序—micRosoFtFRontpage
二、创建站点
站点就像一本书,网页就像书中的一篇篇文章。
一个网站内可以包含很多页,当然也可以仅有一页。
一、创建站点:
步骤1:
文件——新建——站点
2:
在“新建”对话框中,单击“只有一个网页的站点”或“空站点”图标,在“指定新站点的位置”列表框中输入站点文件夹的位置、名称,单击“确定”。
例如在F盘创建名字为mysite的站点,输入:
“F:
\
篇二:
网页的制作--用frontpage创建站点
4.3网页的制作—用Frontpage创建站点
一、教学内容分析
《网页的制作》是教育科学出版社出版的初中信息技术七年级上册的内容。
本章内容是使用Frontpage进行网站的开发,本节主要让学生掌握Frontpage站点的建立、导航框架的搭建,目的是通过运用Frontpage网页制作工具创建站点,很好地发挥Frontpage对网页的组织管理功能;建立网页导航框架,快速搭建网站导航框架;创建共享边框,使得所需内容出现在站点内多个网页的相同位置。
进一步提高学生的网站设计能力和动手实践能力,又注重学生情感态度、价值观以及共通能力的发展,为学生应对未来挑战、实现终身发展奠定基础,提升学生的信息素养。
二、学习者特征分析
本课的学习者是我校初二年级学生,他们求知欲强,思维活跃,视野开阔,富有个性,他们的感知能力和思考能力较强,通过前一阶段的学习已掌握了网络技术知识和技能,他们渴望学到更多实用而有趣的网络技术知识。
frontpage是一个所见即所得的网页制作工具,易学易用,与word文字处理软件类似,这种软件有利于树立学生制作网站的信心,对提高学生的信息综合处理能力作用较大,网站站点的建立也给学生提供了展示个性,自主、协作的机会,可促使他们合作、主动、创造性地学习,在教学中给学生自由发挥的空间,让学生在兴趣中自主探究学习。
三、教学目标知识与技能
1.认识Frontpage的工作界面,学会启动该软件。
2.掌握站点的建立、打开、编辑和关闭的步骤。
3.学会创建导航框架、使用共享边框。
过程与方法
1.通过基于任务的探索和小组的合作,师生交流、提高自己的动手实践能力和创新能力。
2.通过自评和互评作品,能归纳利用Frontpage制作网站的基本思想方法。
情感态度与价值观
1.培养集体主义荣誉感,热爱学校,为校园网站建设出谋划策。
2.通过小组协作和自主探究活动,培养协作意识和探索精神,从而激发创作热情。
1
四、教学重点与难点
重点:
利用网页导航框架建立站点难点:
共享边框的使用五、教学策略设计教学策略
1.采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动,建立一定的探索情境,让学生思考、讨论,培养学生的观察、发现及思考的能力,激发学习兴趣。
2.采用任务驱动的方式,将教学重点、难点逐个攻破,并运用分层递进教学法促进各层学生不断进步,开发学生潜能、发展个性、关注每位学生,全面提高学生的信息素养。
学法指导
1.指导学生采用课堂讨论的方式,以教师为指导,充分发挥学生的主体能动性,通过学
生积极主动探讨,调动学生的积极性。
2.指导学生采取合作学习的方式,通过合作学习,提高了学生的动手能力、协作能力及运用知识解决实际问题的能力。
六、教学过程设计
2
3
4
5
篇三:
网页制作模板
做网站,麻烦在更新,特别是大规模更新,工作量非常大。
真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。
告诉你这个秘密吧,他们很多是在“批发”网页,并且你的机器中也有这样的“批发站”呢!
这个好东东就是——模板。
常见的网页制作工具:
Frontpage、dreamweaver中都有这项功能。
如用dreamweaver3.0制作网站时,使用模板就能减少大量的重复劳动。
一、建立模板1、创建模板页面
最简单的办法是将一个网页另存为模板文件,通过执行命令:
File→saveastemplate,dreamweaver会在网站根目录中建立一个模板文件夹——templates来保存该模板。
当然,也可以新建一个模板:
window→templates,会出现的templates面板,单击右下角的newtemplate按钮,输入文件名,就建立了一个空模板;再单击opentemplate按钮打开该模板,保存后自动存放于网站模板文件夹templates中。
新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。
举例:
这里以制作一个模板为例来说明。
在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。
其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包
下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。
右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。
为了保持页面整洁,我们用表格来布置这些元素。
准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。
2、设定可编辑区域
设定模板可编辑区域,一般来说有两种方法。
新建可编辑区域:
选择命令:
modify→template→neweditableRegion。
在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。
标记某一区域为可编辑区域:
选择命令:
modify→template→markselectinaseditableRegion。
如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。
取消可编辑状态:
选择命令:
modify→template→unmarkeditableRegion。
执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。
举例:
在大片空白区中随便单击一下,执行modify→template→neweditableRegion命令,在弹出对话框中输入名称:
main;选中左下角本页说明下面的文字,执行modify→template→markselectinaseditableRegion命令,输入名称:
exp。
可以看到可编
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- frontpage 网页 制作 模板