用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 编辑器将打开“选择文件”对话框，从本地磁盘中指定一个图像文件。

右击网页空白处，选“网页属性”快捷命令，单击“网页属性”对话框的“背景”选项卡，先选中“背景图片”复选框，选择合适的图像作为背景图插入网页，点击“确定”按钮。

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 ，通常无须更改；

?其它选项如“嵌入影片”、“设计字体”、“排列”、“背景颜色”通常按默认设置即可。

六、在课件中巧用框架

1 ．创建框架网页

使用“文件”菜单上的“新建”，在“新建”对话框上单击“框架”选项，选择“横幅和目录”模板，单击“确定”按钮。

2 ．把制作好的三个独立网页，指定到左框架、右框架和上框架

单击上面框架网页的“设置初始网页”按钮，弹出“创建超级链接”对话框，在站点目录中选中上网页（ top.htm ），“确定”。按同法把左网页（ left_frame.htm ）和右网页（ right_frame.htm ）分别指定到左框架和右框架上。

3 ．框架的基本操作

单击一个框架内的任意地方，该框架就被选中，成为当前活动的框架。该框架中的网页也就成为当前活动的网页。把光标移到框架与框架之间的分隔线上，等光标改变形状后单击，可以选择所有的框架。

4 ．改变框架的尺寸

把光标移到框架的边框上，等光标改变形状后拖动边框，直到框架拖拉成最适合各网页框架大小。

5 ．修改框架的属性

选择某框架，在框架上单击鼠标右键，在弹出的菜单中选择“框架属性”命令，在“选项”框内，选中“可在浏览器中调整大小”复选框，指定“显示滚动条”为“从不显示”。单击“框架网页…”按钮，在“网页属性”对话框，选中“显示边框”复选框。单击“确定”按钮 2 次，完成设置。

6 ．保存框架网页

点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意框架网页的命名要与框架一一对应起来，即 top.htm 对应上框架，左网页 left_frame.htm 对应左框架，右网页 right_frame.htm 对应右框架， index.htm 对应整个框架。

七、网页课件制作实例

1. 创建站点

（ 1 ）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。

（ 2 ）启动 Microsoft FrontPage 。

（ 3 ）点“文件→新建→站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（ D:\myweb ），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。

2. 建立框架网页

（ 1 ）点“文件→新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左框架和右框架 3 个区域。

（ 2 ）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入→组件→字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、 gif 动画或 Flash 动画。

（ 3 ）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。

（ 4 ）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

（ 5 ）点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意

框架网页的命

名要与框架一一对应起来，即 top.htm 对应上框架网页， left_frame.htm 对应左框架网页， right_frame.htm 对应右框架网页， index.htm 对应整个框架。

3. 建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它，在右边的编辑区制作完成“导入”网页。点常用工具栏上的“保存”按钮。

用同样的方法创建“新课”网页 xinke.htm 、“课堂练习”网页 ktlx.htm 、“知识扩展”网页 zskz.htm 、“课堂小结”网页 ktxj.htm 、“网上学习资源”网页 wsxxzy.htm 、“课外探究”网页 kwtj.htm 。

4. 制作超链接

双击“文件夹”窗格中的 index.htm （主页） , 在左框架网页目录区选中表示“情境导入”的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main ，点“确定”。用同样的方法将“新课”与 xinke.htm 、“课堂练习”与 ktlx.htm 、“知识扩展”与 zskz.htm 、“课堂小结”与 ktxj.htm 、“网上学习资源”与 wsxxzy.htm 、“课外探究”与 kwtj.htm 建立超链接关系。

点“预览”按钮，点左框架网页目录区的超链接，看它所对应的网页是否在右框架区正确地显示。

5 ．完善课堂练习网页

双击“文件夹”列表中的 ktlx.htm ，在右框架区输入练习题（例如一道有 A 、 B 、 C 、D 四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”，该评价网页存放回答正确的反馈信息。双击它，点“插入→图片→来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选“ images ”文件夹 ( 默认存放站点图片的文件夹 ) ，点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ wrong.htm ”，该评价网页存放回答错误的反馈信息。

回到课堂练习网页 , 依次将 A 、 B 、 C 、 D 四个选项链接到评价网页 , 目标框架设为“新建窗口”，即在新窗口中打开评价网页。保存后预览。

手把手教你如何制作一个完整的网站

手把手教你如何制作一个完整的网站 制作网站是一件耗时间的事情，不过我们也要带着责任心去做，想要制作好一个网站，必须要先了解它的具体操作流程，详细的了解各个步骤后，才能找到有效的制作方法。 第一、了解需求 制作网站的第一步就是要了解好客户对网站的制作需求，首先让客户把他们想要的效果、风格、开设的栏目等说明清楚，然后再根据他们提供县官的资料，比如单位的简介，联系方式，网站框架的设计要求，对产品和项目的描述等。 第二、制定网站的制作方案 工作人员与客户双方要协商好关于网站的制作的内容、细节和风格等问题，最终达

成共识后才能开始制作，如果制作之前没有商量好，那么制作的结果会使得客户不满意，矛盾就会产成了，所以工作人员要负责，在制作之前客户也不能抱着随便的心理。协商好了之后就可以直接支付相应的费用，并签合同了，合约是关系到双方的利益问题，也要引起重视，谨慎签订。客户在签完一系列的合同之后，要注册好域名和空间，因为网站开展运营的前提条件就是选择适合的域名和空间。 第三、网站的定位很关键 网站的制作应该明显的体现出相关单位的一个核心理念，因为我们要做的就是在最短的时间内、最有限的空间里将自己的核心思想通过相应的介质传播给用户，我们可以选择通过图片、文字、音频等途经进行传播，网站的建立就应该明确的宣传自己能为客户提供哪些帮助，而不是仅仅是为了“门面”的设计而忽略了网站的实用性。 第四、验收 就是网站制作完成后应该多次进行审核、修改和通过客户的验收，这样一个网站才能算是建好了。如果网站涉及到图片和文字等数据的安全问题，应该立即采取更新、修改或者找回密码等措施，我们有权利制作网站，那就要旅行好维护网站安全的义务。 通过以上的详细介绍，相信大家对网站的制作流程都已经很熟悉了，想要制作网站的朋友赶紧尝试一下吧。

Frontpage网页设计之主页制作

网页的制作教案 一、教学目标： 1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2、认识FRONTPAGE的界面； 3、掌握在主页中插入文字、图片、水平线； 4、掌握页面文件与图片的保存。 二、教学重点： 1、能在指定位置建立只有一个网页的站点（难点） 2、能在页面中插入文字、图片、水平线 3、掌握页面文件与图片的保存（难点） 三、学情分析： 学生已经学习了WORD、POWERPOINT与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程 设计教师活动： 1、引入课题： （激发兴趣，活跃气氛）经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来） 问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一

个是主页,主页的文件名一般为：index.htm,主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage建立站点，制作一个主页。 先来研究一下没有发布的网站,打开教师做的网站问：同学们看到了什么？（文件夹） 小结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。 2、新建站点： 与word比较，有什么不同？（增加了视图区，编辑区有三个窗口） 小结：视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。 Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。（教会学生利用导学课件，根据导学课件完成任务）任务1：学生根据导学课件，在d:\建立自己站点 教师巡视指导请一位学生示范如何建立站点，教师总结问：在文件夹列表中看到了什么？分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中） 3、编辑主页与保存主页看效果图， 请学生分析主页中的元素总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍根据导学软件，学生完成任务2：设计主页、保存主页与图片。教师巡视指导 4、总结反馈请学生示范， 讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存总结：必须切换到“普通”窗口下编辑主页的保存中存在问题：单击“文件”“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。 5、请学生继续完成自己的主页，有能力的同学完成提高篇，教师巡视指导 6、教师与学生共同评价总结展示学生作品

《Frontpage2003网页设计与制作》教案

《Frontpage2003网页设计与制作》教案 2009141119 郭飞 一、教学目标 1. 知识与技能目标： (1) 了解网页制作过程，初步学会如何分割网页版面； (2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。 2. 能力目标： (1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置； (2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的分析能力、动手实践能力； (3) 学会将素材有效地组织在一起，以表达综合信息的能力。 3. 情感、态度、价值观： 鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。 二、教学重、难点 教学重点： 1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框的运用）； 2.插入图片以及图片的超链接制作。 教学难点： 1.利用网页分割设计原理，结合自己的主题，规划网页的版面； 2.插入表格并对表格进行设置； 3.设置背景图片、背景音乐、字幕。 三、教学步骤 1.插入艺术字、文本框： “插入”——>“图片”——>“艺术字”

“插入”——>“文本框” 2.插入图片并设置超链接： “插入”——>“图片”——>“来自文件”——>“完成”——>选中——>单击鼠标右键“超链接” 3.设置背景图片、背景音乐及字幕： 网页的任意位置单击鼠标右键——>“网页属性”——>“背景音乐浏览”——>“确定” 网页的任意位置单击鼠标右键——>“网页属性”——>“格式”——>“背景图片”——>“浏览”——>“确定” “插入”——>“Web组件”——>“字幕” 4.设置表格属性及单元格属性： 选中——>单击右键“表格属性/单元格属性”——>“确定” 四、教学过程 基于对前面的网页制作页眉页脚设置掌握后，要进一步讲解对版面的分割、文字图片插入技术的知识点。为了有利于小组间互相交流，每小组学生坐在一起，后期学生完成作品时教师起引导辅助作用，一步步引导学生完成本课的目标。 教学环节教师活动学生活动活动目的 新课导入 通过浏览几个不同版面分割的网页，引出今天内容。（2） 进行对优秀网 页的浏览，提问： 我们浏览这些网页 是为了得到网页中 什么内容？网页中 最显著的图像或文 字的部分是哪些？ 准备好下面需 要演示的网页。 浏览网页，积 极思考教师提出的 问题，发表自己的 看法。 启发学生知道网 页中最醒目的位置就 是你所想要传达的信 息。 传授逆向思维方 式。 展示几个不同 版面的网页，同时跟着老师演示 用实例启发学 生，根据实例讲解知

网页制作经验-编写高效率的HTML网页代码

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML 代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。 什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP 之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。

同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。 如果页面中不存在违背HTML标准语法规范的成分，即可被称为合法有效的HTML代码 合法有效的HTML代码对SEO的重要性 要使搜索引擎收录我们的网页，——在此基础上才能谈网站优化网站推广——其前提是要让搜索引擎的Spider能读懂我们的Web文件。搜索引擎Spider阅读网页的根据便是HTML规范，通过对HTML 代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。 需要明确的是，搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少，如果页面代码中存在其无法解释的HTML代码时，其便可能停止阅读该页面甚至可能停止在我们的网站内爬行，更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。

网页制作教案

课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。

FrontPage使用教程

FrontPage使用教程之改密码 出处：2345软件大全时间：2011-07-01人气：571我来评论 教程贴士：输入你自己的新密码，请不要都和例子里的一样哟！注意密码你不能有汉字和空格。 1、打开桌面上如图软件。 2、如图输入。 3、我们将要更改默认密码，提高安全性。

4、输入旧密码，即默认密码tiantao 5、输入你自己的新密码，请不要都和例子里的一样哟！注意密码你不能有汉字和空格。 6、有这样的信息证明密码修改成功。

Frontpage XP玩特效 出处：https://www.wendangku.net/doc/ea14373422.html,时间：2011-07-01人气：779我来评论 教程贴士：会使用Frontpage XP设计网页吗？会，相信不少人会脱口而出！的确，Frontpage XP可视化的操作界面 会使用Frontpage XP设计网页吗？会，相信不少人会脱口而出！的确，Frontpage XP 可视化的操作界面，直观明了的操作向导，会让菜鸟网友设计网页轻松快捷的。不过，要是让你用Frontpage XP，玩出一些只有专业图象才能生成的特效，你能行吗？看看下面的内容，相信你会说“行”的！ 一、表格立体特效 提到“立体特效”，相信许多人都以为必须借助Photoshop之类的专业工具才能实现；其实，也不全是这样。这不，本文要设计的立体表格，可是在Frontpage XP中玩出来的哟！这里的设计可不需要太多的图象软件使用经验，你只需简单地轻点鼠标，一幅漂亮的、具有立体特效的表格就能生成喽！好了，还是请大家一起来看看，如何在Frontpage XP中，一步一步设计表格的立体特效吧。 1、启动Frontpage XP程序，打开其编辑界面，执行菜单栏中的“文件”/“新建”/“网页”命令，来重新创建一个空白网页； 2、将鼠标移动到需要插入表格的位置处，再用鼠标依次单击菜单栏中的“表格”菜单项，从打开的下拉菜单中，执行“插入表格”命令，在随后出现的图1界面中，将表格的行数和列数均设置为“2”；

用FrontPage创建网页

《用FrontPage创建网页》教学设计 一、教学内容分析： FrontPage是微软办公自动化软件Office中的一个极为重要的组件之一，它具有功能强大、操作方便等特点，是目前最为流行的网页制作与站点管理工具之一。FrontPage 既是简单实用的网页编辑器，又是一个浏览，有“所见即所得”的效果，创建网页的过程中还可以不时地在文本编辑器和浏览之间切换，以查看编写页面的效果。而且，六年级学生已经学过Word2003或PowerPoint2003的操作，而它们又出于同一家族，它们有许多相似之处，FrontPage的许多菜单、工具的操作会有一种似曾相识之感，教学过程中，要注意引导学生进行知识的迁移，这些都有助于学生轻松进入FrontPage的世界。 二、学生学情分析 教学对象是六年级的学生，他们会对许多事物充满好奇，求知欲较强，且创作欲望和表现力也较强，对于教师布置的任务能够认真对待。因此课中，鼓励他们独立完成作品，培养他们自主学习和合作探究的意识。因为有Word软件的学习经验，学生在学习FrontPage 软件时会有似曾相识的感觉，很多的知识点都已学习过，所以教师不要拘泥于教材，要根据学生的实际情况，有的放矢，充分激发学生学习兴趣，最大限度挖掘学生的创造潜能。但是学生之间还存在一定差异，信息技术认知能力、实际操作能力和知识水平都存在一定的差异。三、教学目标： 【知识与技能】

（1）初步了解FrontPage 2003的基本功能。 （2）掌握FrontPage 2003的启动和掌握在网页上文字的输入。 （3）熟悉FrontPage 2003窗口的组成。 （4）通过实例学会创建简单的网页和保存网页文件。 【过程与方法】 （1）能用FrontPage 2003制作简单网页；具有一定探索新应用软件的能力 （2）通过对比观察，培养学生利用已学知识去解决问题的能力，培养学生敢于尝试和自主探究的学习能力；培养学生的相互协作能力和知识的迁移能力。 【情感态度与价值观】 （1）激发学生热爱自然、热爱环境、热爱家乡的情感。 （2）激发学生的学习热情和创作热情，在亲历学习过程中，获取知识、体验成功，从而提高学习兴趣。 （3）培养审美意识，促进学生形成良好的审美观；提高信息素养。 （4）在合作学习中，学会交流与协作，提高学生的合作意识和合作能力。 四、教学重点和教学难点 【教学重点】 FrontPage 2003的启动以及FrontPage 2003的窗口组成。 【教学难点】通过实例学会用FrontPage 2003创建简单的网页

frontpage2003中图片的编辑

图片的编辑 一、设置图片属性 直接插入的图片都是以其原始效果显示在网页中，不一定都符合用户的要求。因此用户需要对其属性进行设置。 一、设置图片大小 设置图片大小的具体操作步骤如下： （1）双击所插入的图片，弹出如图4.2.1所示的“图片属性”对话框。 （2）在“大小”选区中的“宽度”和“高度”微调框中设置图片的宽度和高度值。 图4.2.1 “图片属性”对话框 可以通过像素或百分比来设置。像素是一种精确的改变方式，可以将图片的宽度和高度精确到一个确切的值；百分比是一种粗略的改变方法，它是将图片根据原来的大小按照一定的比例改变，如选中“百分比”单选按钮，然后在“宽度”微调框中输入“40”；在“高度”微调框中输入“70”，设置后的效果如图4.2.2所示。 图4.2.2 设置图片大小效果

二、设置图片的环绕方式 设置图片环绕方式的具体操作步骤如下： （1）打开“图片属性”对话框，在“环绕方式”选区中选择所需的环绕方式，包括无、左和右3种环绕方式。 （2）单击“确定”按钮即可。 除了这3种环绕方式外，用户还可以通过拖动来改变图片位置。其方法是选中该图片，按住鼠标左键并拖动，此时光标将变成形状，表示在当前状态下可以将图片移动到其他位置，拖动鼠标至合适位置后释放鼠标左键即可。 三、设置图片与文本的对齐方式 在FrontPage 2003中，图片与文本之间有多种位置关系。通过设置图片与文本间的位置关系，可以对网页进行合理的布局。其设置方法是在“图片属性”对话框（见图4.2.1）中的“布局”选区中打开“对齐方式”下拉列表，然后在该下拉列表中选择所需的选项，单击“确定” 按钮即可。 ：如果用户需要给图片添加边框，可在“布局”选区中的“边框粗细”微调框中设置所需的边框值。 四、转换图片类型 在FrontPage 2003中，如果要转换图片的类型，其具体操作步骤如下： （1）在需要转换类型的图片上单击鼠标右键，在弹出的快捷菜单中选择“更改图片文件类型” 命令，弹出如图4.2.3所示的“图片文件类型”对话框。 图4.2.3 “图片文件类型”对话框 （2）在该对话框中选择所需的图片类型，然后单击“确定”按钮即可。

怎样制作自己的网页

和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程

frontpage网页制作教案

Frontpage网页制作导学案 青州一中刘志韩【学习目标】 1、包括网页制作基础知识 2、站点的规划和创建 3、网页文本和图片的处理、表格和框架的应用 【学习重难点】 1、建立一个主题网站 2、建设一个网站的步骤 3、网页的美化与特效的制作 【课前预习】 思考一下多媒体信息集成的方式有哪些？ 【自主学习】 1、在www中，________是信息的主要组织和表现形式。 2、用________语言编写的网页实际上是一种文本文件，以.HTML或者.HTM为扩展名，可以使用任何文本处理软件（如记事本、word等）创作或修改。 3、制作网页常用的软件有_________________和_________________。 4、网页文件的扩展名有哪些？ 5、网站开发的基本过程： 网站的规划——( )——( )——网站的发布与管理——网站的评价 【合作探究与指导】 三、网站的制作 1、创建站点 文件——新建——站点（选择或创建存储站点的文件夹） 2、网页的创建与编辑 文件——新建——网页 3、插入对象 水平线 图片 字幕 悬停按钮 4、创建超级链接 在对象上右击选择超级链接——选择链接的目标。 5、使用表格 表格——插入（在制作网页的过程中用表格来布局网页） 6、在站点中查看网页的编辑及网页之间的链接情况。 分步骤操作练习题： 1、新建一个站点，只有一个空白网页的站点。 2、在首页上插入“我最喜爱的明星”，然后进行修饰。 3、再新建一个空白网页。重新命名为“周杰伦”。 4、插入图片“周杰伦”，文本“周杰伦”，排版设置后保存网页。 5、再建立一张空白的网页，重新命名为“刘亦菲”。 6、插入图片“刘亦菲”，文本“刘亦菲”，排版设置后保存网页。 7、分别在首页和“周杰伦”“刘亦菲”网页建立超级链接。 操作练习： 【拓展任务】 以环保为主题，利用文件夹“环保”中的素材，制作一个5页的网站。

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

Frontpage制作网页-如何制作网页教程-网站制作教程-海...

Frontpage 制作网页-如何制作网页教程-网站制作教程-海乐网
怎样制作网页-如何制作网页 网站制作教程 怎样制作网页 如何制作网页-网站制作教程 海乐网 如何制作网页 网站制作教程|海乐网
现在市面上的有许多制作网页的工具，office 中也有一个专门作网页的工具 FrontPage ，其操作与 word 相似，比较容易上手。下面以 FrontPage 2000 为例，介绍 网页制作的基本知识。 一、 如何打开 FrontPage 了解主界面 单击任务栏“开始”按钮，选择“程序”选项，单击 FrontPage 就可以进入。
进入后你会发现 PRONTPAGE 界面和 WORD 很相似[图一]， 这是因为编辑 WEB 页 面和编辑 WORD 文档有很多同样的设置， 这些设置所用的图标和 WORD 中的是一样的。
[图一]ProntPage2000 界面

Frontpage 制作网页-如何制作网页教程-网站制作教程-海乐网
视图中的组框是用来切换视图的， 单击里面的小图标就可以切换到不 同的视图。FRONTPAGE 共有 6 种视图[如左]，使用不同的视图可以从不 同的侧面查看设计的 WEB 站点。对一个 WEB 站点而言，不断更新是很 重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能 很快，但是如果没有这 6 种视图的帮助，维护起来就很困难了。 这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以 了。
下面看一看同一个 WEB 站点在不同视图中是怎样显示的。
单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮
，窗口
中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的，双击文件夹列 表中的某一个 HTM 文件，在最右方的工作区中就会显示该网页的内容。
[图一]网页视图

Frontpage网页制作

Frontpage网页制作 【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。 【关键字】Frontpage创建站点、新建页面、文字、超链接 现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。 工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。 用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。 在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：

网页制作经验编写高效率的HTML网页代码

网页制作经验编写高效 率的H T M L网页代码 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。

frontpage2000网页制作教程(完全版)

第一课从一个网页开始 Frontpage2000教程第二课编辑网页 Frontpage2000教程第三课使用图形 Frontpage2000教程第四课超链接 Frontpage2000教程第五课使用表格 Frontpage2000教程第六课组件的使用 Frontpage2000教程七课使用框架 Frontpage2000教程第八课使用多媒体 Frontpage2000教程第九课站点操作 Frontpage2000教程第十课表单设计 Frontpage2000教程第十一课创建讨论组 Frontpage2000教程第十二课站点的发布 frontpage2000教程第一课从一个网页开始 作者：未知阅读人次：5527 文章来源：未知发布时间：2004-11-20 网 友评论(7)条 认识Frontpage2000 你是否紧跟时代的潮流上了网？你在聊天室里是否听过别人聊起自己的个人主页，你会不会觉得自己没有个人主页就落伍了？有没有想过自己也要做一个主页？想过？那你还瞎呆在那里干什么？赶快阅读本教程，你就该学会制作自己的主页了。 本教程教你学会使用微软公司的Frontpage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage

基础网页设计Microsoft Office FrontPage2003

目录 第一章计算机基础 第二章WINDOWS XP 第三章文字处理软件Word2003 第四章电子表格系统Excel2003 第五章演示文稿软件PowerPoint2003 第六章Access 2003关系数据库的使用 第七章计算机网络应用基础 第八章网页制作软件FrontPage 2003 第八章网页制作软件 FrontPage 2003 FrontPage 2003是微软公司最近推出的Microsoft Office System套装软件的重要组成部分.FrontPage是一款所见即所得的网页制作软件,该软件以其强大的功能向导和简单易用著称.与上一版本相比,此版本附带了许多新增功能和增强功能,可以帮助用户更快地创建设计网站,更轻松地共享设计数据,更有效地管理网站. 任务一创建站点、网页，插入相关元素

任务引入： 王君是一个中学生，他喜欢上网冲浪，梦想着有一天自己也能拥有一个个人网站，可是，怎样制作网站呢？一天，一个朋友向他推荐了一本书，名字叫《FrontPage2003》，告诉他里面有制作网页和网站的好方法。王君大喜过望，送走朋友，立刻如饥似渴的研究起来。 《FrontPage2003》这本书，从FrontPage的主要功能、FrontPage的启动与退出开始讲起，介绍了网页与网站的关系、FrontPage的三种编辑方式（普通、HTML、预览）以及三种编辑方式的不同用途、FrontPage中的6种视图，即网页视图、报表视图、导航视图、超链接视图、任务视图，以及各种视图的作用和操作特点，介绍了掌握创建站点的方法、网页编辑的方法，以及如何插入对象和超链接等等。 下面，我们就随着王君一起，学习如何创建一个具有个人风格的网站吧。 任务分析： 任务实施： 步骤一：了解FrontPage2003的主要功能 FrontPage2003的主要功能是制作网页和管理网站 使用FrontPage2003可以创建新的网页，也可以打开并修改以存在的网页FrontPage2003提供了多种编辑网页的方式不但可以直接修改HTML，而且可以采用“所见既所得”的方式编辑网页，还可以使用菜单命令插入各种网页元素，使用对话框修改其属性，十分灵活。 在FrontPage2003中，可以很容易的插入文本、图片、表格、组件等元素；可以使用主题，共享边框，框架等管理网页的外观；还可以使用表单等元素设计出交互式网页。FrontPage2003提供了强大的站点管理功能。一组相关网页和有关文件组成一个站点，站点也是FrontPage2003对网站管理的基本单位。在FrontPage中可以轻松实现设计、管理、分析、发布和维修站点等工作。 步骤二：FrontPage2003的启动与退出 1.FrontPage2003的启动： 1)单击“开始”按钮，在“开始”菜单中单击“程序”； 2)在“程序”菜单中单击，即可打开MicrosoftFrontPage2003的窗口，如下图所示,

教你制作静态网页的方法

教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建：文件----新建----创建 打开：文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存：文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置（标题、背景、背景图像、文本等） c. 设置网页对象的颜色 网页对象，如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER 实例练习： 1、输入以下文字 书签夹在诗集里， 落叶夹在深秋里。 喜悦夹在生活里， 追求夹在人生里。 2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项

目符号，对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中） 插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层； 3、可以随意移动层的位置； 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法： 1、先用鼠标点至欲插入表格的位置； 2、点插入面版中的“表格”—“插入表格”； 3、确定行数、列数后确定即将表格插入到选定位置了； 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像； 2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如：本网站另一个网页，或外部网页如https://www.wendangku.net/doc/ea14373422.html,，或电子邮件如：mailto:zdhwangji@https://www.wendangku.net/doc/ea14373422.html,） 3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接） 二、制作实例1

用FrontPage制作网页课件教程

用FrontPage制作网页教程 【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。【重点难点】重点是如何在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 ）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。 （ 2 ）启动 Microsoft FrontPage 。 （ 3 ）点“文件→新建→站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（ D:\myweb ），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。 2. 建立框架网页 （ 1 ）点“文件→新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左框架和右框架 3 个区域。 （ 2 ）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入→组件→字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、 gif 动画或 Flash 动画。 （ 3 ）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。

初学者如何做一个最简单的网页.

怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法，快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。 OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字，怎么起？请看方法：菜单——文件——另存为……——（选择你想保存的文件名、