下面是小编为大家收集的用FrontPage制作网页课件授课教案:(共含13篇),仅供参考,欢迎大家阅读,希望可以帮助到有需要的朋友。同时,但愿您也能像本文投稿人“古始渐中上更全”一样,积极向本站投稿分享好文章。
用FrontPage制作网页课件教案
【教学目标】了解用FrontPage制作课件的优势与不足,学会用FrontPage制作网页型课件,用FrontPage制作网页课件
授课教案:
【重点难点】重点是如何在FrontPage插入多媒体素材,难点是课件交互性的实现和网页源代码的应用。
【教学策略】教师实例演示,学生上机操作,教师辅导和点评。
【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合,并辅以文字教材、网上学习资源和教学光盘。
【教学内容】现在越来越多的课件是用网页制作工具来制作,并结合数据库、 ASP等技术来加强课件的交互性。
网页形式的课件可以集成丰富的多媒体信息,具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点,适合于个别化学习、课堂教学和网络教学。
网页课件的开发工具软件有很多,包括: 语言编程如 HTML 、 DHTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML等。
所见即所得的可视化编辑工具,如 FrontPage 、 Dreamweaver 、Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。
对于一般都有繁重教学任务在身的学科教师来说,没有太多的精力去学习复杂的编程语言。
可视化网页编辑工具由于源代码自动生成,使教师可以有更多的精力关注内容的表达和教学设计。
用FrontPage编制的网页课件有较易操作的界面(与上网浏览网页完全相同),一门课程或一堂课的脉络结构(知识结构)可以在主页上用菜单(树形菜单或弹出菜单)或导航条的形式清楚地表明,可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等,甚至操作注意事项。
FrontPage 被公认为最好的入门级的网页编辑工具。
一、FrontPage基本操作
启动 FrontPage : 双击桌面上的 FrontPage 快捷方式图标; 开始→程序→Microsoft FrontPage ;右击一个扩展名为 htm 或 html 网页文件,选“编辑”。
2. 打开或隐藏视图栏、文件夹列表和网页文档 a. 点“视图→ 视图栏”打开或隐藏视图栏。
点“视图 → 文件夹列表”打开或隐藏文件夹列表。
b. 右击扩展名为 htm 或 html 网页文件( 如 index.htm ) ,选“编辑”,系统默认用 FrontPage打开网页。
c. 点“文件→打开”或点 常用工具栏中的“打开”按钮, 从本地磁盘或网络驱动器中打开网页文档,从任意 Web网站打开网页,打开最近打开过的网页文档。
3. 在 FrontPage 编辑器中预览网页 a.点普通视图按钮,观察刚才打开的 index.htm 网页。
b. 点HTML 视图按钮,观察 index.htm 网页。
c.点预览视图按钮,观察 index.htm 网页。
4.FrontPage 视图方式:网页视图,文件夹视图,报表视图,导航视图,超级链接接视图,任务视图。
5. 保存网页: 点“文件 →保存(另存为)”或点常用工具栏中的“保存”按钮,将新建的网页或从万维网上打开的网页保存到本地磁盘,把自己喜欢的网页作为模板保存。
6. 关闭网页: 点“文件 →关闭”或文档窗口 中的“ X”按钮,关闭当前网页。
二、设计网页课件的框架结构
三、在网页中插入表格、图像、背景、 剪贴画、声音、视频和动画等多媒体对象
1. 插入表格 插入到网页上的文本、图片、音频、视频、动画等元素,往往看起来显得不够整齐,为了使网页更美观,我们利用表格来控制复杂的网页布局,即 用表格来定位 网页元素 。
(1) 点“表格→ 插入 → 表格”,输入行数、列数(如 3 列 5 行),插入一个规则表格, 设置表格的属性。
(2)用“表格”工具栏上的 按钮或“表格”菜单上的“插入行或列”命令来增加 表格的 行或列。
(3)用“表格”工具栏上的按钮删除一个单元或多个单元,删除一行、多行或一列、多列,删除整个表格,表格删除后立即按“常用工具栏”中的“撤消”按钮或按“Ctrl+Z ”恢复表格;选择单元格或单元格中的内容用鼠标把选择的内容拖到新位置进行移动;按住 CTRL键,再用鼠标把选择的内容拖到新位置进行复制。
(4)选中需要拆分的单元,单击“表格”工具栏上的按钮或使用“表格”工具栏上的“笔”拆分单元格;选中需要合并的单元,单击“表格”工具栏上的按钮或单击“表格”工具栏上的(擦除 ) 按钮合并单元格。
经过处理, 3 列 5 行的表格 变成 1 列 4 行。
2. 插入图像和背景图象将鼠标定位到要插入图片的位置(如某个单元格内),单击“常用工具栏”上的`“插入图片”按钮,从已建站点的图片文件夹中 选择 合适的图片,点击“确定”,教案《用FrontPage制作网页课件 授课教案:》。
也可以 在“图片”对话框中点击“插入一个计算机中的图片”按钮, FrontPage编辑器将打开“选择文件”对话框,从本地磁盘中指定一个图像文件。
右击网页空白处,选“ 网页属性 ”快捷命令,单击“ 网页属性”对话框的“背景”选项卡,先选中“背景图片”复选框,选择合适的图像作为背景图插入网页,点击“确定”按钮。
3. 插入剪贴画点“插入”→“图片”→“剪贴画”命令,选择一幅剪贴画,单击“插入”按钮,或直接双击剪贴画。
4. 插入声音或视频剪辑选择“插入”→“高级”→“插件”命令,打开“插件属性”对话框,单击“浏览”按钮,打开“选择插件数据源”对话框,从站点文件夹或本地计算机上指定要播放的声音或视频文件。
调整网页中插件图标到合适的尺寸。
5. 修改图像属性右击网页中的图像,选“图片属性”命令,在“常规”选项方式下指定图像的格式(例如 jpg 和质量 75);在“文本”框内简单地描述图像;单击“外观”选项卡,指定图像无边框即边框线宽度为 0,指定图像与相邻的文字或图像之间的水平间隔和纵向间隔,要改变图像的大小,首先选中“大小”框内的“指定大小”复选框,然后分别指定图像的宽度和高度。
熟悉“图片”工具栏:创建自动缩略图;调整图像的黑白对比度和亮度;给图像加上斜面边界;把彩色图像变成黑白图像;把图像翻转;修正图像;裁剪图像;淡化图像;把图像恢复原样;在GIF 格式的图像上写文字;使 GIF 图像透明等。
6. 插入水平线美化网页网页水平线用于把网页分隔成几个部分。
新建或打开网页文档,把插入点移到要插入水平线的地方,单击“插入”菜单上的“水平线”命令。
要把水平线插入在下一行,就把插入点定在行尾。
在水平线上单击鼠标右键,在弹出的菜单中选择“水平线属性”命令,也可直接双击该水平线,设置水平线的宽度、 水平线的对齐方式和水平线的颜色。
四、在课件网页中使用书签和超级链接接
1. 书签的作用书签用于在长网页内部快速跳转和定位。
2. 创建书签网页 从 Web网页上复制一篇比较长的文本,粘贴(选择性粘贴:无格式文本)到新建网页中。
选择要标记的位置,单击“插入”菜单中的“书签”命令。
FrontPage编辑器将显示“书签”对话框。
在“书签”框中键入书签名称(最好用西文命名),书签名称应具有较好的描述性,然后单击“添加”按钮。
可看到标签小旗出现在期望定位的位置上。
用同样的方法创建其它书签。
在网页顶端创建系列提纲(目录)文本,选中其中一个,右击文本,选“超链接”,在“链接到”栏中点“本文档中的位置”,在书签列表中选中合适的书签,确定。
用同样的方法给其它的提纲(目录)文本建立超链接。
保存网页,在IE 中预览。
3. 超级链接 使用超级链接,不仅可使站内的网页成为一个有机整体,还可使不同的站点之间建立联系。
例如,在制作“网上学习资源”网页时,需要给所列出的大量的网上学习资源的标题文字设置超链接,以便访问者通过点击网页上的标题文字打开相对应的学习资源。
首先选中标题目文字,然后单击标准工具栏上的“超级链接”按钮,在弹出的“创建超链接”对话框中指定超级链接所对应的网页,或在URL 文本框中填入网页的地址即可。
4.创建图像热点作为超级链接接新建或打开包含有复杂图片(如地图或大型仪器图片)的网页。
练习创建图像热点作为超级链接接。
例如,在世界地图片上的“国家地区”区域处创建一个热点,指定它跳转到“按国家地区查询”的主页上。
方法是:首先单击图像,编辑器将显示“图片”工具栏,选择“图片”工具栏上的“图片”按钮,把光标移到图像上,光标将变成笔状,按住鼠标左键在图像上画出热点。
释放鼠标后,FrontPage 编辑器自动打开“创建超级链接”对话框,在此指定该热点要跳转的目标网页或网址。
制作好后在 IE浏览器中预览。
5. 改变超级链接的外观选择某文字超级链接,单击“格式”菜单上的“背景”命令,打开“网页属性”对话框的“背景”选项。
把该超级链接的颜色改为另一种更醒目的颜色,预览一下,看超级链接文字是否发生变化。
试着用不同的颜色表示未访问过的超级链接(Hyperlink) 、访问过的超级链接 (Visited Hyperlink) 和将要访问的超级链接 (ActiveHyperlink) 。
看看改变超级链接的外观的效果。
6. 编辑超级链接属性右击超级链接,选“超级链接属性”,FrontPage编辑器将打开,在URL框内键入新的网页文件名或网址。
观察改变后的效果。
7. 取消超级链接右击超级链接,选“取消超级链接”命令。
五、插入活动元素 - 让课件网页活起来
1. 制作悬停按钮定位插入点,单击“插入” / “组件” /“悬停按钮”,打开“悬停按钮”对话框。
把动态按钮默认标签“按钮文本”,改成所需的按钮文字,单击“字体”按钮,在打开的“字体”(字体)对话框里设置您所需标签的字体。
要为动态按钮创建超级链接,可直接在“链接到”框内键入要跳转的URL ,也可单击“浏览”按钮,从当前打开的网站、 WWW、本地磁盘中指定跳转目标。
可重新指定按钮的前景颜色,不过如果按钮显示的是图像,前景颜色无效。
当用户把鼠标移到动态按钮上时,按钮的颜色将自动发生变化,这是动态按钮最大的特色,至于颜色是怎样变化的,可通过“效果”和“效果颜色”框设定。
还可改变按钮的宽度和高度(以像素为单位)。
FrontPage制作网页型课件教案设计
【教学目标】了解用FrontPage制作课件的优势与不足,学会用FrontPage制作网页型课件,用FrontPage制作网页课件授课教案:。
【重点难点】重点是如何在FrontPage插入多媒体素材,难点是课件交互性的实现和网页源代码的应用。
【教学策略】教师实例演示,学生上机操作,教师辅导和点评。
【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合,并辅以文字教材、网上学习资源和教学光盘。
【教学内容】
现在越来越多的课件是用网页制作工具来制作,并结合数据库、ASP等技术来加强课件的交互性。网页形式的课件可以集成丰富的多媒体信息,具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点,适合于个别化学习、课堂教学和网络教学。网页课件的开发工具软件有很多,包括:
语言编程如HTML、D HTML、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML等。
所见即所得的可视化编辑工具,如FrontPage、Dreamweaver、Flash、Authorware、PowerPoint、CourseBuilder等。
对于一般都有繁重教学任务在身的学科教师来说,没有太多的精力去学习复杂的编程语言。可视化网页编辑工具由于源代码自动生成,使教师可以有更多的精力关注内容的表达和教学设计。
用FrontPage编制的网页课件有较易操作的界面(与上网浏览网页完全相同),一门课程或一堂课的脉络结构(知识结构)可以在主页上用菜单(树形菜单或弹出菜单)或导航条的形式清楚地表明,可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等,甚至操作注意事项。FrontPage被公认为最好的入门级的网页编辑工具。
一、FrontPage基本操作
1.启动FrontPage:双击桌面上的FrontPage快捷方式图标;开始→程序→Microsoft FrontPage;右击一个扩展名为htm或html网页文件,选“编辑”。
2.打开或隐藏视图栏、文件夹列表和网页文档
a.点“视图→视图栏”打开或隐藏视图栏。点“视图→文件夹列表”打开或隐藏文件夹列表。
b.右击扩展名为htm或html网页文件(如index.htm),选“编辑”,系统默认用FrontPage打开网页。
c.点“文件→打开”或点常用工具栏中的“打开”按钮,从本地磁盘或网络驱动器中打开网页文档,从任意Web网站打开网页,打开最近打开过的网页文档。
3.在FrontPage编辑器中预览网页
a.点普通视图按钮,观察刚才打开的index.htm网页。
b.点HTML视图按钮,观察index.htm网页。
c.点预览视图按钮,观察index.htm网页。
4.FrontPage视图方式:网页视图,文件夹视图,报表视图,导航视图,超级链接接视图,任务视图。
5.保存网页:点“文件→保存(另存为)”或点常用工具栏中的“保存”按钮,将新建的网页或从万维网上打开的网页保存到本地磁盘,把自己喜欢的网页作为模板保存。
6.关闭网页:点“文件→关闭”或文档窗口中的“X”按钮,关闭当前网页。
二、设计网页课件的框架结构
三、在网页中插入表格、图像、背景、剪贴画、声音、视频和动画等多媒体对象
1.插入表格
插入到网页上的文本、图片、音频、视频、动画等元素,往往看起来显得不够整齐,为了使网页更美观,我们利用表格来控制复杂的网页布局,即用表格来定位网页元素。
(1)点“表格→插入→表格”,输入行数、列数(如3列5行),插入一个规则表格,设置表格的属性。
(2)用“表格”工具栏上的按钮或“表格”菜单上的“插入行或列”命令来增加表格的行或列。
(3)用“表格”工具栏上的'按钮删除一个单元或多个单元,删除一行、多行或一列、多列,删除整个表格,表格删除后立即按“常用工具栏”中的“撤消”按钮或按“Ctrl+Z”恢复表格;选择单元格或单元格中的内容用鼠标把选择的内容拖到新位置进行移动;按住CTRL键,再用鼠标把选择的内容拖到新位置进行复制。
(4)选中需要拆分的单元,单击“表格”工具栏上的按钮或使用“表格”工具栏上的“笔”拆分单元格;选中需要合并的单元,单击“表格”工具栏上的按钮或单击“表格”工具栏上的(擦除)按钮合并单元格。经过处理,3列5行的表格变成1列4行。
2.插入图像和背景图象
将鼠标定位到要插入图片的位置(如某个单元格内),单击“常用工具栏”上的“插入图片”按钮,从已建站点的图片文件夹中选择合适的图片,点击“确定”。也可以在“图片”对话框中点击“插入一个计算机中的图片”按钮,FrontPage编辑器将打开“选择文件”对话框,从本地磁盘中指定一个图像文件,教案《用FrontPage制作网页课件授课教案:》。
右击网页空白处,选“网页属性”快捷命令,单击“网页属性”对话框的“背景”选项卡,先选中“背景图片”复选框,选择合适的图像作为背景图插入网页,点击“确定”按钮。
3.插入剪贴画
点“插入”→“图片”→“剪贴画”命令,选择一幅剪贴画,单击“插入”按钮,或直接双击剪贴画。
4.插入声音或视频剪辑
选择“插入”→“高级”→“插件”命令,打开“插件属性”对话框,单击“浏览”按钮,打开“选择插件数据源”对话框,从站点文件夹或本地计算机上指定要播放的声音或视频文件。调整网页中插件图标到合适的尺寸。
5.修改图像属性
右击网页中的图像,选“图片属性”命令,在“常规”选项方式下指定图像的格式(例如jpg和质量75);在“文本”框内简单地描述图像;单击“外观”选项卡,指定图像无边框即边框线宽度为0,指定图像与相邻的文字或图像之间的水平间隔和纵向间隔,要改变图像的大小,首先选中“大小”框内的“指定大小”复选框,然后分别指定图像的宽度和高度。熟悉“图片”工具栏:创建自动缩略图;调整图像的黑白对比度和亮度;给图像加上斜面边界;把彩色图像变成黑白图像;把图像翻转;修正图像;裁剪图像;淡化图像;把图像恢复原样;在GIF格式的图像上写文字;使GIF图像透明等。
6.插入水平线美化网页
网页水平线用于把网页分隔成几个部分。新建或打开网页文档,把插入点移到要插入水平线的地方,单击“插入”菜单上的“水平线”命令。要把水平线插入在下一行,就把插入点定在行尾。在水平线上单击鼠标右键,在弹出的菜单中选择“水平线属性”命令,也可直接双击该水平线,设置水平线的宽度、水平线的对齐方式和水平线的颜色。
四、在课件网页中使用书签和超级链接接
1.书签的作用
书签用于在长网页内部快速跳转和定位。
2.创建书签网页
从Web网页上复制一篇比较长的文本,粘贴(选择性粘贴:无格式文本)到新建网页中。选择要标记的位置,单击“插入”菜单中的“书签”命令。FrontPage编辑器将显示“书签”对话框。在“书签”框中键入书签名称(最好用西文命名),书签名称应具有较好的描述性,然后单击“添加”按钮。可看到标签小旗出现在期望定位的位置上。用同样的方法创建其它书签。
在网页顶端创建系列提纲(目录)文本,选中其中一个,右击文本,选“超链接”,在“链接到”栏中点“本文档中的位置”,在书签列表中选中合适的书签,确定。用同样的方法给其它的提纲(目录)文本建立超链接。保存网页,在IE中预览。
3.超级链接
使用超级链接,不仅可使站内的网页成为一个有机整体,还可使不同的站点之间建立联系。例如,在制作“网上学习资源”网页时,需要给所列出的大量的网上学习资源的标题文字设置超链接,以便访问者通过点击网页上的标题文字打开相对应的学习资源。首先选中标题目文字,然后单击标准工具栏上的“超级链接”按钮,在弹出的“创建超链接”对话框中指定超级链接所对应的网页,或在URL文本框中填入网页的地址即可。
4.创建图像热点作为超级链接接
新建或打开包含有复杂图片(如地图或大型仪器图片)的网页。练习创建图像热点作为超级链接接。例如,在世界地图片上的“国家地区”区域处创建一个热点,指定它跳转到“按国家地区查询”的主页上。方法是:首先单击图像,编辑器将显示“图片”工具栏,选择“图片”工具栏上的“图片”按钮,把光标移到图像上,光标将变成笔状,按住鼠标左键在图像上画出热点。释放鼠标后,FrontPage编辑器自动打开“创建超级链接”对话框,在此指定该热点要跳转的目标网页或网址。制作好后在IE浏览器中预览。
5.改变超级链接的外观
选择某文字超级链接,单击“格式”菜单上的“背景”命令,打开“网页属性”对话框的“背景”选项。把该超级链接的颜色改为另一种更醒目的颜色,预览一下,看超级链接文字是否发生变化。试着用不同的颜色表示未访问过的超级链接(Hyperlink)、访问过的超级链接(Visited Hyperlink)和将要访问的超级链接(Active Hyperlink)。看看改变超级链接的外观的效果。
6.编辑超级链接属性
右击超级链接,选“超级链接属性”,FrontPage编辑器将打开,在URL框内键入新的网页文件名或网址。观察改变后的效果。
7.取消超级链接
右击超级链接,选“取消超级链接”命令。
五、插入活动元素-让课件网页活起来
1.制作悬停按钮
定位插入点,单击“插入”/“组件”/“悬停按钮”,打开“悬停按钮”对话框。把动态按钮默认标签“按钮文本”,改成所需的按钮文字,单击“字体”按钮,在打开的“字体”(字体)对话框里设置您所需标签的字体。要为动态按钮创建超级链接,可直接在“链接到”框内键入要跳转的URL,也可单击“浏览”按钮,从当前打开的网站、WWW、本地磁盘中指定跳转目标。可重新指定按钮的前景颜色,不过如果按钮显示的是图像,前景颜色无效。当用户把鼠标移到动态按钮上时,按钮的颜色将自动发生变化,这是动态按钮最大的特色,至于颜色是怎样变化的,可通过“效果”和“效果颜色”框设定。还可改变按钮的宽度和高度(以像素为单位)。动态按钮还有一些高级用法,单击“自定义”按钮,在“自定义”对话框可设置播放声音或音乐和在动态按钮上显示图像等。
2.制作横幅广告
定位插入点后,单击“插入”/“组件”/“横幅广告管理器”命令,打开“横幅广告管理器”对话框。单击“添加”按钮从图片目录下分别获取图片序列(例如01.gif ~04.gif),设置宽度、高度、渐变效果、显示每幅图片时间。要为横幅广告创建一个超级链接,只需在“链接”框内键入跳转目标的URL,或者单击“浏览”按钮定位跳转目标。
3.制作字幕
定位插入点后,单击“插入”/“组件”/“字幕”命令,打开“字幕属性”对话框。在“文本”框内键入要显示的字幕内容,设定文字游动“方向”、“速度”、“表现方式”、“文本对齐方式”等选项。在“表现方式”框内,可指定字幕游动的方式,默认是“滚动条”,如果选“幻灯片”,表示当第一个字符而不是最后一个字符触及左边界时就停止游动,如果选“交替”,表示像钟摆那样在左右边界内摆来摆去。可任意设置字幕的宽度和高度,字幕的宽度和高度既可以按像素的绝对值给出,也可以按Web浏览器窗口的百分比给出。默认情况下,字幕周而复始,不停地游动,周而复始。您可让字幕只游动若干次,方法是,不选中“连续”复选框,然后在“次数”框内选择要游动的次数。此外,还可给整个字幕加上“背景颜色”。
4、插入Flash动画
方法一:“插入”→“Web组件…”→“高级控件”→“插件”
(1)将鼠标定位到要插入Flash动画的位置,单击菜单命令“插入”→“Web组件…”,在“插入Web组件”对话框中“组件类型”列表框中选“高级控件”,再在右边点选“插件”,单击“完成”按钮。
(2)单击“插件属性”对话框中的“浏览”按钮,打开“选择插件数据源”对话框,选择要插入的swf课件,单击“打开”按钮。
(3)返回“插件属性”对话框,设置合适的“高度”、“宽度”等项,单击“确定”按钮。双击插入到网页中的插件,或右击,选“插件属性”,均可打开“插件属性”对话框,进行修改。
方法二:“插入”→“Web组件…”→“高级控件”→“ ActiveX控件”
(1)用插件的方法播放.swf课件,操作简单、实用,但如果要对.swf课件进行更多的控制,应在“插入Web组件”对话框中点选“ActiveX控件”,单击“下一步”, 打开“插入ActiveX控件”对话框,在控件列表框中查看是否有 “Shockwave Flash Object”,如果有,点选它,单击“完成”按钮。如果没有,则点击“自定义”按钮,打开“自定义ActiveX控件列表”对话框,勾选“Shockwave Flash Object”控件,单击“确定”按钮,返回“插入Web组件”对话框,点选新增加的“Shockwave Flash Object”,单击“完成”按钮。
(2)这时网页中会出现一块白色矩形区域。用鼠标双击它,在弹出的“ActiveX控件属性”窗口中有三个选项卡,选“Flash 属性”,设置好各选项。图中各选项的含义是:
影片URL:输入或粘贴要插入的Flash动画的链接地址;
品质:默认为“High”(高质量播放),推荐选择“Best”(最优播放);
比例:推荐选择“Show All”(完全显示);
播放:务必勾选;
循环:是否勾选该项取决于Flash动画的内容,通常要勾选该项;
显示菜单:通常勾选该项;
窗口模式:默认为Window,通常无须更改;
其它选项如“嵌入影片”、“设计字体”、“排列”、“背景颜色”通常按默认设置即可。
frontpage|网页
共享边框就是站点上有一个或多个网页共享的区域,用FrontPage 2000制作共享边框网页
。共享边框可能是一个在网页顶端(类似于网页页眉)、底端(类似于网页页脚)、左边或右边的区域。共享边框是创建具有一致外观的网页的最快速最灵活而且最容易的方法。使用共享边框,仅用一个步骤即可将相同的内容放入多个网页中,而不用分别编辑每一个网页,可谓方便到家。
例如∶要快速在站点上每个网页的顶部放上徽标或者要更改具有 300个网页的 Web 站点的版权注意事项,可将上边框、页脚设置成共享,再将图案和版权注意事项添加到上边框及页脚就一切搞定!
以下是使用共享边框的示例:
在共享上边框添加网页横幅以确保每个网页都有标题;
在共享上边框添加公司徽标;
添加导航栏,让站点访问者可访问站点主页详细内容;(若加入导航栏,则它会显示在共享边框中。否则,会出现注意提示您添加内容,此时您可以选择该备注并按 Del 键删除。)
在共享下边框添加版权注意事项;
添加站点上一次修改的日期和时间;
添加回复用电子邮件地址,例如站点管理员的电子邮件地址。
使用共享边框的优点在于只需要在一处修改内容就可更新所有网页!
“共享边框”在FrontPage 98中就已经出现过。你可以在共享边框里放置任何对象,比如文本图片等。
“共享边框”实际上就是一个网页,只不过它嵌入到应用共享边框的每一个页面里。在FrontPage 2000中共享边框以虚线标出。
下面我们来看看共享边框网页具体怎么制作。
1、打开FrontPage 2000,点选菜单“文件/新建/站点”,在弹出的模板窗口选择你需要的站点模板,单击确定。注意,如果你只是单独利用FrontPage 2000编辑一个网页,那么将不能使用共享边框。
2、点选菜单“格式/共享边框”弹出共享边框设置窗口。在这里选择共享边框将应用到的页面,可以是所有网页或者所选的网页(当前编辑页)。共享边框可以应用到页面的上、下、左、右,你可以根据实际需要设置,
一般来说页面的导航栏都是设置在页面的上边或者左边,所以你可以点选“包含导航按钮”项。这里提醒各位,如果你非要把导航栏放置到右边,将会因为超出页面边界而使得访问者要拖动滚动条才能完整浏览,你应该不想如此烦人吧?设置好后单击确定。
就是这么简单两步后,共享边框便已经应用到了你站点的每一页。
在设置好共享边框后,就可以添加内容了,同时您也可以在共享边框的任一点更改或删除内容。
首先打开使用了要修改的共享边框的网页。
然后在网页视图模式中,单击共享边框区域,这是用虚线框起来的区域。当您在区域内单击后,轮廓会变成一条实线。
这时便可更改共享边框内部区域的内容。例如:键入文本或添加图片。
满意后单击 “保存文件” ,所作的更改便会出现在共享该边框的所有网页上。
您可以使用站点默认的共享边框,也可以分别设置各个网页的共享边框。例如∶站点的默认设置可能是共享上边框和左边框;每一个新网页都会有这些共享边框。然而,如果您不想在某些网页上使用共享边框,则可以关闭它。
如果你想取消某一个页面的共享边框,那么在文件夹列表视窗(如果你没有看到相关的视窗,点选菜单“查看”并选择“文件夹”项即可。),点选要取消共享边框的页面文件,然后点选菜单“格式/共享边框”或者在编辑页面状态下单击鼠标右键,在弹出的快捷菜单里选择“共享边框”项,弹出共享边框设置窗口,把选定的共享边框应用取消,单击确定后该页面共享边框应用被取消。当然,你只是取消了这一页的共享边框其他页面的共享边框依然存在。
如果你想恢复为该页应用共享边框,那么点选页面文件后,重复地应用共享边框的第2步就行了。用同样的方法,你也可以取消所有页面的共享边框。
共享边框就是一个页面,你当然可以像编辑其它页一样编辑它。
一般来说我们可以直接在应用了共享边框的页面里编辑共享边框,这是常用的方法。不过你无法查看共享边框页面的HTML代码。
你还可以点选菜单工具/站点设置,在站点设置窗口点选“高级”标签卡,在“显示隐藏目录中的文档”前的方框里打上勾,然后点击“确定”并刷新站点即可。
在文件夹列表视窗有一个_borders目录,点选该目录,在左边就出现了该目录下的内容。这里的内容就是共享边框的页面。如果你应用了上、下、左,那么你会看到三个页面,双击某一个页面就可以编辑它。
frontpage|创建|网页
当你想在网络上建立自己的“小天地”时,是不是为自己没有动态效果的Gif而烦恼着,如果是的话,哈哈!看了本篇文章后将会消除你的烦恼,用FrontPage 2000创建网页动画
。其实FrontPage 2000里面有一个小工具可以实现动态图画效果的,具体操作步骤让我慢慢道来吧。1、先用画图、Photoshop等制图软件,绘制出两个或两个以上大小相等的图片文件,然后保存。
2、启用FrontPage 2000,在“插入”里选取“组件”,在“组件”的二级菜单里有一项“横幅广告管理器”(它可不只是用来做广告的噢),如果没看见的话,用鼠标指向二级菜单下端的向下箭头即可见到,
3、点选“横幅广告管理器”后,弹出对话框(可别小看它呀,就是它为你解决烦恼的)。
“宽度”、“高度”是指所创建的动态图画的高与宽,将它设置为你绘图时的图片大小吧。
“过渡效果”是指图画的动态效果,它有很多项供你选择,如果你有兴致的话,可以逐一地试。
“每幅图片显示(秒)”即是设置每幅图片显示几多秒啦,一般设置在2~10秒之间。
“显示图片”里有[添加]按钮,点击它吧,在弹出的对话框里按路径选择刚才你创建的图片文件,之后按确定返回,这时在“显示图片”栏里显示了你的图片文件所在的路径,再“添加”另外的一幅甚至多幅图片吧,按[确定]返回后,选取“预览”标签看看有什么,嘻嘻……
如果你想修改的,只需在图片上右击,选取弹出的菜单的“横幅广告管理器属性”就行了,怎么样,烦恼消除了吧。
用Word制作网页 教案
第1课 Word大变身――用Word制作网页 教学目的:将word文件转换为网页格式,会浏览自己制作的网页。 指导意见:本课内容较多,链接其他相关知识。 教学设计 教学目标: 1、掌握利用Word制作网页的基本方法。 2、能将Word文件转换为网页。 教学过程: 一、观察自己上网时浏览的网页,里面内容及格式和我们的文件有哪些相同点? 二、打开保存过的具有“我喜爱的.动漫一览表”的Word文件――“动漫表”。 学生按下列步骤操作,教师给予讲解和指导。 1、将Word进行必要的设置。 (1)设置艺术字居中。 第1步:在菜单中依次选择“格式”→“艺术字”。 第2步:设置艺术字版式。在出现的对话框中选择“版式“标签,其中环绕方式选择”嵌入型“,这样可将艺术字插入文字当中,可以用设置文本的对齐方式进行设置。 第3步:选中艺术字,单击工具栏中的“居中“按钮。 (2)设置表格居中。 第1步:在表格中任意位置单击鼠标左键,将插入光标放在表格中。 第2步:在菜单栏中依次 选择“表格”→“表格属性”。 第3步:在出现的“表格属性”对话框中,选择“表格”标签的对齐方式为“居中”,其他为默认值。 (3)设置表格的边框样式。 为美观起见我们将表格的边框线进行变化。 第1步:在表格中任意位置单击鼠标左键后,依次选择“表格”→“表格属性”。 第2步:在出现的“表格属性”对话框中,单击“边框和底纹”按钮,在出现的对话框中选择“边框”标签中的设置项为“全部”,线型为倒数第二中(因为只有第一种和最后两种能够在网页上显示)。 2、将Word文件转换为网页。 将Word文件进行保存后,选择“文件”菜单中的“另存为”菜单项。在出现的“另存为”对话框中,将保存类型选择为“Web页”,位置还是文件的位置。 3、浏览网页。 到“动漫”文件夹下,可以看到出现了一个带有e图标的文件,它就是刚刚保存的网页文件。双击它可以用浏览器以网页的方式打开进行浏览。 三、阅读知识链接。 编辑网页应该注意:网页的标题要简洁、明确;每个网页都要合理布局,保持页面风格一致,展现主题。网页中插入的图片要尽量的小。网页中引用的资料及商标(或图标)不能侵犯版权。 四、谈制作心得。frontpage|网页
日前,笔者在Internet上碰到一些奇怪的网页,用Frontpage巧补残缺网页
。这些网页,不但无法用右键菜单复制图片,而且用IE菜单中的“文件→另存为”命令也无法将图片保存下来,使保存在自己计算机中的网页成为“残缺”的网页。怎样才能将那些图片“补齐”呢?经过摸索,笔者终于找到了用Frontpage快速保存完整网页的解决方法。下面以保存某个页面为例,我们在装有FrontPage的机器上进行如下操作。
1. 用IE打开此网址,然后单击工具栏上的FrontPage图标,使网页进入可编辑状态,
2. 在FrontPage编辑窗口中,不需任何修改,直接单击“文件→另存为”,在“另存为”对话框中指定一个保存路径(如“D:WebFiles”),在“文件名”中任意给网页取个名(如“p1-c4+.htm”),然后单击“保存”。
OK,现在进入D:WebFiles文件夹中,打开p1-c4+.htm文件。看到了吧?网页一点也不“残缺”了。在同一文件夹下,FrontPage已自动将网页中的6张图片(image001.jpg~image006.jpg)保存在“p1-c4+.Files”子文件夹中了。用这种方法修补“残缺”网页是不是很简单?
frontpage|鼠标|特效
我们知道,利用Flash动画制作软件可以制作出生动的鼠标光照效果,用FrontPage 2000制作鼠标光照特效
。其实,我们利用FrontPage同样可以在网页中实现鼠标的光照效果,而且制作出来的文件存储容量还要比Flash小。其中,用FrontPage制作鼠标光照效果的具体编码如下:width: 500px; top: 10px; left: 0px;color: White; filter: light">
我们知道,利用Flash动画制作软件可以制作出生动的鼠标光照效果,
其实,我们利用FrontPage同样可以在网页中实现鼠标的光照效果,
而且制作出来的文件存储容量还要比Flash要小。
其中,用FrontPage制作鼠标光照效果的具体编码如下:
现在很多网站都需要访问者填各种表进行注册,
用Frontpage制作电子邮件提交表单
。每当有访问者填完表点一下“提交”按钮后,网站管理者便会收到一份包含站点访问者输入到表单中的全部数据的邮件,这样对网站的管理是十分便利的。我们也来用FrontPage 制作这样一个表单。
首先在“插入”菜单中选择“表单”,插入一个表单(单行文本框、多行文本框都行),只是“表单域属性”的“值/标签”要定为“提交”;然后在网页视图模式下,右键单击表单,在选择快捷菜单上的 “表单属性”。
这里将“发送到”选中,并在“电子邮件地址”框内, 输入您想传送表单结果的电子邮件地址。
注意,如果除了将表单结果以电子邮件传送外,您并不想再将它保存为文件,请将“文件名称”框清除,
接着单击“选项”,再单击 “电子邮件结果” 选项卡在这里您可以根据自己的实际需要设置电子邮件结果的属性,例如电子邮件格式是要求“带格式的文本”还是“HTML定义列表”或者是“使用制表符分隔的文本数据库”,一共有8种格式可供选择。
在“主题行”框中,键入您要显示在电子邮件主题行中的文本。如果保留此框为空白,那么默认的邮件主题将是 “表单结果”。
如果要在邮件主题行中包含表单中某一域的结果,请选择“表单域名称”,然后在“主题行”中键入域名称。
如果希望将特定的电子邮件地址作为发件人地址(即邮件的 From 或 Reply To 行)显示在邮件中,请在 “答复行” 框中键入该地址。
然而,如果您的表单包含用于接收站点访问者电子邮件地址的域,您可以使用该地址作为发件人的地址。选择“表单域名称”,然后再在“答复行”框中输入该表单域名称。
这样,以后每一次站点访问者提交表单时,一个包含表单结果的邮件就会被传送至您所指定的电子邮件地址。胸中有数是不是要舒服些?
最后要提醒大家:为了使用这项功能,您必须在站点服务器上安装 Microsoft
利用表格制作网页
实验目标
该网页将利用设计页面的布局,制楚雄师院的页面简介。通过该种制作,我们可以体会到表格在布局设计中的实际运用,体会如何使用表格来控制页面中的元素对象,已达到自然,生动的配置构成元素的目的。
实验过程
《1》在dreamweaver中执行《文件》中的《新建》命令,创建一个HTML文档。然后在《文件》中保存该文档。然后在《文档》工具栏的《标题》中输入“师院首页”。然后单击《常用》工具栏的表格按钮,插入一个3行3列的表格。
<2>选中第2行表格的第2单元格。单击属性面板中的合并所选单元格按钮,将其合并。然后将指针置于第1行第1列单元格内在属性面板中将《宽》设为200,<高》设为30。
《3》单击《常用》工具栏中的常用图像按钮,再打开的《选择图像源文件》对话框中选中一幅图片,单击《确定》按钮,为单元的插入一幅图片。
《4》将鼠标指针移到第1行1列单元格内,在属性面板中将《宽》设为50,《高》设为30,单击《常用》工具栏中的图像按钮,打开《插入鼠标经过图像》对话框。
《5》在打开的< 插入鼠标经过图像>对话框中,单击《原始图像》后面的《浏览》按钮.。在打开的对话框中选中一幅图片,单击确定按钮,在单击《鼠标经过图像》后面的《浏览》按钮,用同样的方法选定一幅图片。
《6》设置完成后,单击《确定》按钮,然后同同第4,5步一样为第1行的第1,2列也分别设置鼠标经过图像。然后将鼠标指针置于第一行第三列的单元格内,在《属性》面板中,为《宽》设为100,《高》。设为50。为《背景颜色》设为#333cc。
《7》将鼠标指针置于表格的第3行,按前面的方法,为第3行单元格也插入一幅图片。然后将鼠标指针置于表格的下一行,单击《常用》工具栏表格图标按钮,为文档在插入一个3行3列的表格。
《8》将鼠标指针置于插入表格的第1行第1列中,在属性面板中将《宽》。设为120,然后将鼠标指针置于第1行第1列单元格内,按下Ctrl+Alt+t组合键,打开《表格》对话框。设置好后,单击《确定》按钮,给单元格插入嵌套表格。
《9》选中插入的嵌套表格在属性面板中将《对齐》设置为剧中右对齐。然后将鼠标指针置于嵌套表格第一行中,按照前面的方法,为其插入一幅图片。同样的,为其第2,3,4,5列也分别插入图片。
《10》在属性面板中,将第6列单元格的《高》设为50,再将鼠标指针置于第7列,为其插入一幅图片。单击《状态栏》中的《tatle》标签,选中第7步插入的3行3列的表格,在属性面板中,为《背景颜色》设置为#009966。
《11》将鼠标指针置于7步插入表格的第2行2列中,在属性面板中,将《垂直》设置为顶端。打开《表格》对话框,其中的设置如图11所示。设置完后,单击《确定》按钮,为单元格插入嵌套。
《12》在上一步插入表格的属性面板中,将对齐方式设为居中对齐,将鼠标置于该表格的第2行,按下ctrl+alt+I组合键,在打开的对话框中选择一幅图,单击确定,为单元格插入图片。在该单元格的属性面板中,单击居中对齐按钮,将图片居中。
《13》将光标置于下1列单元格,输入文字。在网页中右击,在弹出的快捷键菜单中执行《CSS样式》的新建命令,弹出《新建CSS规则》对话框。按照设置后,单击《确定》按钮,弹出《X1的规则定义》对话框。
《14》在《X1规则定义》对话框中,将《文字》设为宋体,《大小》设为12像素,,《样式》设为正常,<行高>设为26像素,其余不变.单击<确定>按钮,在编辑窗口选中输入的文字,右击,在弹出的快捷菜单中执行《CSS样式》的x1命令,为文字应用css样式。
《15》将鼠标指针置于第7步插入的3行2列表格的下一行,然后按下ctrl+Alt+T组合键打开《表格》对话框,设置完毕后,单击《确定》按钮,为网页插入表格。
《16》选中上一步插入的表格,在属性面板中,将《背景颜色》设为#99FF66。将鼠标指针设置于第1行单元格内,在属性面板中,将《水平》设为右对齐,然后为该单元格插入一幅图片。
《17》将鼠标指针置于定2行单元格内,在属性面板中,将《格式》设为段落,《水平》设为右对齐,然后输入师院信息。在网页中右击,在弹出的快捷键菜单中执行《css样式》的《新建》命令弹出《新建css规则》对话框。
《18》《新建css规则》对话框的设置如图18所示,设置好后,单击《确定》按钮。弹出《x2的规则定义》对话框,将《大小》设为19像素,《样式》设为正常,《行高》设为20像素,《颜色》设为,其余不变。设置完毕后,单击确定按钮。
《19》在编辑窗口选中输入的文字,右击在弹出的快捷菜单中执行《css样式》的《x2》命令,为文字应用css样式。按下ctrl+s组合保存文件,按下F12键预览在IE中。
什么是表格
表格,是指按所需的内容项目画成格子,分别填写文字或数字的书面材料,便于统计查看。是人们表达解释事务性质所运用的数据传达形式,在经济领域或者统计活动中运用很是广泛。
在Microsoft Office 中:
表格:表格由一行或多行单元格组成,用于显示数字和其他项以便快速引用和分析。表格中的项被组织为行和列。
表格由行,列,单元格三个部分组成。
在现实生活中:
表格应用于各种软件中,有表格应用软件也有表格控件,典型的像Office word,excel, 表格是最常用的数据处理方式之一,主要用于输入、输出、显示、处理和打印数据,可以制作各种复杂的表格文档,甚至能帮助用户进行复杂的统计运算和图表化展示等。表格控件还可常用于数据库中数据的呈现和编辑、数据录入界面设计、数据交换(如与Excel交换数据)、数据报表及分发等。比如Spread,ComponentOne的FlexGrid。而随着互联网时代的发展,现在还能在网上做表格,简称“网表”或“在线表格”。
表格的HTML基本语法
什么是网页
网页是一个文件,通常是HTML格式(文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页通常要透过网页浏览器来阅读。根据W3C对于WEB PAGE的定义,网页是一个信息的集合,其内容包含一个或多个网络资源的信息,同时预期使其成为单一个URI。进一步说,一个网页其包含一个或多个嵌入于网页中的网络资源使其成为单一个URI档案(HTML),而该URI并 不再嵌入于其他档案之中。
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
网页是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
静态网页
静态网页,其内容是预先确定的,并存储在Web服务器或者本地计算机/服务器之上。
特点:
1,制作速度快,成本低
2,模板一旦确定下来,不容易修改,更新比较费时费事
3,常用于制作一些固定板式的页面。
4,通常用于文本和图像组成,常用于子页面的内容介绍。
动态网页
动态网页,是取决于由用户提供的功能,并根据存储在数据库中的网站上的数据中创建的页面。
储存
当要将网页存入自己的电脑内,网页浏览器通常提供以下的选择:
只储存网页的文字部分完装封装,即连同该网页(HTML)所要用到的图像、Applet和JavaScript等文件也一并封装储存只有HTML,不作任何改动;若果网页内的连结是相对连结,可能会令图片消失只有HTML,但将网页内连结到的文件改成绝对定义有些网页浏览器容许在打印网页前预览,并可选择印底色与否,甚至放大、缩小。
frontpage|网页
页面修整
通过模板建立的网页,常常预先置放了些标题栏、目录栏(一般叫导航栏),导航栏都是用很多元素组成的,结构上稍稍复杂一些,一般情况下我们不必要对这些东西进行低层次的修改,FrontPage也不允许操作者修改,但在某些项目上,我们还是可以根据自己页面的要求来修改。
操作 修改页面的主标题:在主页(index.htm)的页面上部,模板预置了一个名为“主页”的横幅标题,这个横幅标题和整个主页格格不入。点击横幅,按“Del”键删除,然后在同样位置插入一个事先准备好的横幅图片为主页标题。
操作 修改导航条的链接:在主页的左边,有一个导航条(目录栏),在建立站点的时候,导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改,只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标,然后选择输入文字“给我写信”,设置文字的超链接,这里的链接地址设置的是我的邮箱地址“mailto:豆豆@yesky.com”。
操作 删除页面元素:在主页的右下,程序放置了一个LOG图片,这个图片和我的主页不符,选择该图片,按“Del”删除。
操作 给页面添加水平线:水平线对于规划页面有很大的作用,可以让页面清楚,简洁。在要插入水平线的位置点击鼠标,选择“插入/水平线”,水平线就出现了。注意,一般模板网页的水平线由程序自动设置外观属性。而其他情况下,将由操作者自己设置水平线的颜色,粗细等。
进一步学习的建议:页面长期编辑后,可能会留下垃圾(无效代码),如果想做得更专业一点,可以在HTML标签窗口修改源代码,或者使用其他网页制作工具休整。
表格的美化
表格实际和文字、图片一样,是一个网页的基本元素,但表格在网页中,更大的用途是来规划页面。实际上,在网页编辑中,通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的,特别是图文混排的页面。
在FrontPage中添加常用的数据表格,和在word中添加表格一样的方便,直接使用插入表格命令,然后填写数据就可以了。甚至还可以将word文件中的? 粘贴进来。
操作 添加一个简单表格:在要插入表格的位置点击鼠标,选择“表格/插入/表格”,在弹出的对话框中设置表格的属性,然后选择表格的行数――2,选择表格的列数――1,然后指定表格的宽度,可以设置表格的宽度占网页宽度的百分比,或者直接设置表格的绝对宽度――像素。其他设置表格边框线的宽度为1,设置单元格间距为2。确定即可。
操作 在表格中添入文字:在表格中输入文字和在普通编辑页面中输入文字没有什么区别,另外,在生成主页模板的时候,程序在网页中添加了一个高级控件,可以自动显示网页的更新时间,
将这个控件拖入到表格中。这样,一个显示网页制作者的表格就制作好了。
操作 设置表格的属性:表格的属性比较复杂,分成单元格属性和表格属性。选择表格,然后选择菜单“表格/属性/表格”,在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动,表格的浮动是设置整个表格的对齐方式,而一般的对齐方式是设置表格内的元素的对齐。
操作 图文混排:在需要的位置加入一个只有一个单元格的表格,并设置好其他属性。在表格中添加图片,并设置好表格的大小。再设置表格为“左浮动”,调整文字,让文字在表格的右边。这样,图文相配的混排就得到了。
进一步学习的建议:表格的操作比较复杂,需要反复的练习,学习如何用表格构造特殊页面,如何实现复杂的图文混排等等。
主题的设置
经过以上过程,我主页制作也基本完成了。但页面的背景图、导航栏、颜色选择,边框等都不太令我满意,而这些都是模板自动设计的,而且不能修改。这个时候,就要使用主题了。
主题,就是FrontPage针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设置,主题的内容有几十种,操作者可以根据自己的喜好选择,这样,就可以省去自己分别对这些页面元素的设置。
操作 为网页指定主题:打开主页,选择“格式/主题”,弹出主题窗口。在主题窗口的左边,列出了可以选择的主题,默认的是“直边”,点击这些主题,可以在右面窗口查看该主体的风格,如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式,导航条的样式等等。另外,还可以设置是否需要背景图片,是否使用鲜艳的颜色等。选择“渐蓝”主题,单击确定,即可在网页窗口看到效果了。
主题都是事先设计好的,如果你有什么特殊要求,而FrontPage又不允许你在网页编辑时修改,这个时候,可以自定义主题。
操作 测试网页和网站:现在,我的主页基本完成了,要实地测验一下主页和整个网站的情况,看页面显示是否正常,各个超链接是否正确,设计上还有什么缺陷。打开要预览的主页,然后选择“文件/在浏览器中预览主页”,这样,我就看到了我精心设计的主页的真正模样了。测试的时候,要仔细看页面的各种元素,看是不是有不正确的地方。多改变一下浏览器的一些相关设置,如字体大小、全屏、缩放窗口。点击页面上的超链接,看是否能跳转到正确的页面。另外,最好将整个网站文件夹复制到其他机器上,看是否正确,特别是字体显示是否正确。
操作 查看网站报表情况:在视图窗口选择“报表”图标,打开报表窗口,在这个窗口,可以看到整个网站的一些统计数据。仔细查看这些数据,看看有没有什么问题,如无效的超链接等。如果一切没有问题,就可以发布了。
进一步学习的建议:网页的美化是一个经验和修养的问题,一方面多实践,另一方面多看优秀的网页。另外,网站的测试很重要,要摸索和掌握这方面的经验和技巧.
frontpage|网页
在网页中画条横线都用<hr>语句,即可插入一条水平线,但如何插入一条竖直线呢?我们既可以利用<hr>的方法,
具体做法:利用<hr>语句插入竖直线。在新建网页中插入一条水平线,然后将此线选中,单击鼠标右键,选择“水平线属性”命令,将其宽度设为1个像素,高度为100像素,一条高为100像素的垂直线就出来了(图1),
图1
想要更长的线,可以将高度设大,虽然网页中的直线会立刻加长,但实际运行时,竖直线怎么还是那么长,没有任何改变啊!这是为什么?那是因为HTML只认可100像素高的水平线。如果这时您加上一个回车键,然后再画一条同样的水平线,或者在竖直方向上的两个单元格内都加上一条同样的水平线即可将竖直线加长。通式还可以改变线的颜色达到不同的效果。
页面的美化
通过模板建立的网页,常常预先置放了些标题栏、目录栏(一般叫导航栏),导航栏都是用很多元素组成的,结构上稍稍复杂一些,一般情况下我们不必要对这些东西进行低层次的修改,FrontPage也不允许操作者修改,但在某些项目上,我们还是可以根据自己页面的要求来修改。
操作修改页面的主标题:在主页(index.htm)的页面上部,模板预置了一个名为“主页”的横幅标题,这个横幅标题和整个主页格格不入。点击横幅,按“Del”键删除,然后在同样位置插入一个事先准备好的横幅图片为主页标题。
操作修改导航条的链接:在主页的左边,有一个导航条(目录栏),在建立站点的时候,导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改,只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标,然后选择输入文字“给我写信”,设置文字的超链接,这里的链接地址设置的是我的邮箱地址“mailto:豆豆@yesky.com”。
操作删除页面元素:在主页的右下,程序放置了一个LOG图片,这个图片和我的主页不符,选择该图片,按“Del”删除。
操作给页面添加水平线:水平线对于规划页面有很大的作用,可以让页面清楚,简洁。在要插入水平线的位置点击鼠标,选择“插入/水平线”,水平线就出现了。注意,一般模板网页的水平线由程序自动设置外观属性。而其他情况下,将由操作者自己设置水平线的颜色,粗细等。
进一步学习的建议:页面长期编辑后,可能会留下垃圾(无效代码),如果想做得更专业一点,可以在HTML标签窗口修改源代码,或者使用其他网页制作工具休整
表格的美化
表格实际和文字、图片一样,是一个网页的基本元素,但表格在网页中,更大的用途是来规划页面。实际上,在网页编辑中,通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的,特别是图文混排的页面。
在FrontPage中添加常用的数据表格,和在word中添加表格一样的方便,直接使用插入表格命令,然后填写数据就可以了。甚至还可以将word文件中的? 粘贴进来。
操作添加一个简单表格:在要插入表格的位置点击鼠标,选择“表格/插入/表格”,在弹出的对话框中设置表格的属性,然后选择表格的行数――2,选择表格的列数――1,然后指定表格的宽度,可以设置表格的宽度占网页宽度的百分比,或者直接设置表格的绝对宽度――像素。其他设置表格边框线的宽度为1,设置单元格间距为2。确定即可。
操作在表格中添入文字:在表格中输入文字和在普通编辑页面中输入文字没有什么区别,另外,在生成主页模板的时候,程序在网页中添加了一个高级控件,可以自动显示网页的更新时间,
将这个控件拖入到表格中。这样,一个显示网页制作者的表格就制作好了。
操作设置表格的属性:表格的属性比较复杂,分成单元格属性和表格属性。选择表格,然后选择菜单“表格/属性/表格”,在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动,表格的浮动是设置整个表格的对齐方式,而一般的对齐方式是设置表格内的元素的对齐。
操作图文混排:在需要的位置加入一个只有一个单元格的表格,并设置好其他属性。在表格中添加图片,并设置好表格的大小。再设置表格为“左浮动”,调整文字,让文字在表格的右边。这样,图文相配的混排就得到了。
进一步学习的建议:表格的操作比较复杂,需要反复的练习,学习如何用表格构造特殊页面,如何实现复杂的图文混排等等。
主题的设置
经过以上过程,我主页制作也基本完成了。但页面的背景图、导航栏、颜色选择,边框等都不太令我满意,而这些都是模板自动设计的,而且不能修改。这个时候,就要使用主题了。
主题,就是FrontPage针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设置,主题的内容有几十种,操作者可以根据自己的喜好选择,这样,就可以省去自己分别对这些页面元素的设置。
操作为网页指定主题:打开主页,选择“格式/主题”,弹出主题窗口。在主题窗口的左边,列出了可以选择的主题,默认的是“直边”,点击这些主题,可以在右面窗口查看该主体的风格,如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式,导航条的样式等等。另外,还可以设置是否需要背景图片,是否使用鲜艳的颜色等。选择“渐蓝”主题,单击确定,即可在网页窗口看到效果了。
主题都是事先设计好的,如果你有什么特殊要求,而FrontPage又不允许你在网页编辑时修改,这个时候,可以自定义主题。
操作测试网页和网站:现在,我的主页基本完成了,要实地测验一下主页和整个网站的情况,看页面显示是否正常,各个超链接是否正确,设计上还有什么缺陷。打开要预览的主页,然后选择“文件/在浏览器中预览主页”,这样,我就看到了我精心设计的主页的真正模样了。测试的时候,要仔细看页面的各种元素,看是不是有不正确的地方。多改变一下浏览器的一些相关设置,如字体大小、全屏、缩放窗口。点击页面上的超链接,看是否能跳转到正确的页面。另外,最好将整个网站文件夹复制到其他机器上,看是否正确,特别是字体显示是否正确。
操作查看网站报表情况:在视图窗口选择“报表”图标,打开报表窗口,在这个窗口,可以看到整个网站的一些统计数据。仔细查看这些数据,看看有没有什么问题,如无效的超链接等。如果一切没有问题,就可以发布了。
进一步学习的建议:网页的美化是一个经验和修养的问题,一方面多实践,另一方面多看优秀的网页。另外,网站的测试很重要,要摸索和掌握这方面的经验和技巧.
最终效果图
1、在photoshop中新建文件,把背景填充一个深红色的,颜色:#7B0B0A,用滤镜――纹理――纹理化,纹理:砂岩,缩放:50%,凸现:3,其它默认,用画笔将边缘颜色加深,将不透明度调到5%,擦出如下图的效果,
2、用圆角矩形工具,把半径设置10px,按Ctrl Enter转换成选区,选取画面一小块。
最终效果图
1、在photoshop中新建文件,把背景填充一个深红色的,颜色:#7B0B0A,用滤镜――纹理――纹理化,纹理:砂岩,缩放:50%,凸现:3,其它默认,用画笔将边缘颜色加深,将不透明度调到5%,擦出如下图的效果。
2、用圆角矩形工具,把半径设置10px,按Ctrl Enter转换成选区,选取画面一小块,
3、填充深红色颜色:#810F0F。
4、给图层添加图层样式,投影,如下图设置:
5、添加图层样式,内阴影,如下图设置:
6、添加图层样式,斜面和浮雕,如下图设置:
6、添加图层样式,纹理,如下图设置:
7、添加图层样式,渐变叠加,如下图设置:
8、渐变的颜色值,如下设置:
9、应用所有图层样式后的效果图。
10、可以在面板上添加一些元素来点缀。
★ 网页制作契约书
★ 网页制作实验报告
★ 网页制作求职信
★ 网页制作自我介绍
★ 课件制作
★ 网页制作教学论文
★ 怎样制作课件
★ 教学课件制作