当前位置：文档库 › 制作网页——FrontPage2000(精)

制作网页——FrontPage2000(精)

制作网页——FrontPage2000

◆单元概述

Internet作为一种新兴的信息传播媒体和信息资源宝库，它吸引了越来越多的人。我们不但可以获取最快捷、最准确的信息，还可以利用这个新的媒介来宣传自己。

在本单元中，我们将应用FrontPage软件，制作一个以青春校园为主题的网站——小荷才露尖尖角。为了使制作的网页激动人心、丰富多彩，我们要在网站的网页里添加文字、图片、音乐等媒体，还要为网站规划结构。

在网站与网页的创作过程中，我们将学习规划网站结构，创建、编辑网站中的各个网页，设置网页中的共享边框、导航栏和网页主题，最后我们要作品发布到Internet。

在本单元的学习中，我们要充分利用教师提供的样例，认真观察与分析样例中网站的结构与网页的组成，但不要受样例的束缚，及时完成每一个学习任务。相信同学们一定会制作出高水平的作品。

◆单元重点

1．主要技术重点：网页制作

2．相关技术重点：技术应用、运行环境、程序设计、Internet

3．软件：Microsoft FrontPage2000、网络浏览器

第l课进入FrontPage世界

◆课程描述

在本节课中，我们将了解网站、网页、主页的关系，通过观察网页，了解网页的组成，创建一个新站点。

◆教学目标

1.了解网站与网页

2.认识MicroSoft FrontPage2000

3.创建一个新的站点

◆教学过程

复习与导入

1．复习上学期所学的内容：

1)信息技术基础知识(信息与信息技术，计算机组成，信息安全)；

2)windows2000(美化桌面，窗口与对话框，资源管理器，文件和文件夹)；

3)网络知识(网络基础，IE看世界，信息搜索，电子邮件，网上交流)

2．导入新课

在本单元中，我们将学习网页制作技术，通过学习能够制作一个漂亮的网页，而在本节课中，我们则了解网站与主页，初步认识FrontPage2000，并创建一个新站点。

任务与活动

第一任务了解网站与网页

1．活动与探索

打开IE浏览器，观察与思考问题：网站与网页的关系；网页与主页；怎样从主页进入到其它页面?

2．了解常用的网页制作软件(FrontPage，Dream Weaver)

第二任务初识FrontPage2000

1．活动：启动FrontPage2000，观察FrontPage2000窗口的组成。（标题栏；菜单栏；工具栏；视图栏；信息栏；网页编辑区。）

第三任务创建新站点

1．教师演示创建站点的过程

第1步：“文件”→“新建”→“站点”。

第2步：在“新建”对话框中选择“只有一个网页的站点”。

第3步：在“选项”的下拉菜单中输入新站点的存放位置。（默认保存位置为“C:\My Documents\Mywebs”，默认的网站名称为：myweb、myweb2、myweb3……，要修改网站名称和位置可直接输入。）

第4步：单击“确定”完成站点的创建。

2．学生操作：创建新站点，注意保存在D盘。

教师作巡回辅导，解决学生中存在的问题，尤其是保存位置。

3．了解站点的保存、删除和站点内的文件管理

反馈与矫正

解决学生中存在的问题，特别是站点保存位置。

展示学生新建的站点。

课堂小结

通过本节课的学习，我们认识了FrontPage2000，熟悉了它的我们用FrontPage2000创建一个新站点。具体要求掌握FrontPage2000的启动；FrontPage2000窗口组成；用FrontPage2000创建一个新站点

教学随笔：

第2课为网站奠基

◆课程描述

了解创建网站的流程并制定自己小组的计划，围绕自己的主题收集资料，确定网站中网页的结构。

◆教学目标

1．规划网站，确定网站中网页的结构

2．围绕网站的主题收集主题

◆教学过程

复习与导入

1．复习：上一节课我们学习了站点的创建，大家回忆一下：如何创建一个新网站？

2．活动：打开上一节课创建的站点。

上一节课虽然创建了一个新站点，但这个站点也许是空的，要开发一个丰富多彩的网页，需要准备大量的资料，如文字、图片、声音、电影等，还需要网页的结构，这也开发网页前期的基础工作，本节课做的工作就是“为网站奠基”。

任务与活动

第一任务制定站点创作计划

1．在教师指导下，把学生分成创作小组。

2．商讨各组各人的分工。选出各创作组小组长，职责到人，确定网站主题。

第二任务设计网站的结构

各小组参考如下网站结构图，进行自我设计。

活动：打开IE浏览器，浏览网页，了解网站的结构。

要求各组拿出类似的结构图。

第三任务收集资料

在各小组组长的协调下，通过网络，来收集创作网页所需的各种资料，如文字、图片、声音、电影等。

反馈与矫正

教师对各小组网站结构设计进行指导。

展示各小组的网站结构图。

对各组进行评估。

课堂小结

本节课主要是为以后网站的创建做准备工作，各组设计了网站结构，并为网页制作所需的资料进行了收集。

教学随笔：

第3课在网站中创建网页

◆课程描述

本节课要在导航视图中创建网页，并能根据需要及时增删网站中的网页，为了使网页具有相同的风格，还需要应用共享边框。

◆教学目标

1．学会在导航视图中创建网页

2．掌握网站结构的编辑

3．设置共享边框

◆教学过程

复习与导入

上节课我们为创建网站做了大量的准备工作，回顾各组设计的网站结构。

本节课要在导航视图中创建网页，并能根据需要及时增删网站中的网页，为了使网页具有相同的风格，还需要应用共享边框。

任务与活动

第一任务：按站点结构创建各个网页

教师稍加演示，让学生开始创建网页。

第1步：打开站点。

第2步：单击“视图”栏中的“导航”按钮，切换到“导航”视图。

第3步：将“主页”改命，如“小荷才露尖尖角”。

第4步：在主页之下建立其他网页

按照站点结构依次建立其他的网页。

第二任务：编辑网站结构

第1步：在网站中添加一个新网页。

选择“文件”→“新建”→“网页”命令，在“新建”对话框中“常规”

标签中选择“普通网页”。

第2步：将新网页保存在代表站点的文件夹里。

选择“文件”→“保存文件”命令，在“另存为”对话框中选择站点文件夹，单击“确定”按钮关闭对话框。

第3步：删除一个网页。

第三任务：设置共享边框

1．共享边框的意义：

2．操作过程

第1步：选择“格式”→“共享边框”命令。

第2步：在“共享边框”对话框中勾选“所有网页”、“上”、“左”、“包含导航按钮”等选项。

3．学生在教师指导下进行设置

反馈与矫正

教师进行辅导，解决学生中存在的问题，对学生网页进行点评。

课堂小结

本节课进行了如下操作：学会在导航视图中创建网页；掌握网站结构的编辑；设置共享边框。

教学随笔：

第4课漂亮网页一点通

◆课程描述

在本节课中，我们要了解在网页中输入、编辑文字的方法，并掌握如何在网页中插入图片和设置网页的背景图案。

◆教学目标

1．学会编辑网页文本

2．掌握在网页插入图片

3．掌握网页背景的设置

4．掌握保存带有图片的网页

◆教学过程

复习与导入

复习上节课的内容

引入：图片在网页中扮演着重要的角色，在网页中如何导入图片，这是我们本节课的重点内容。

任务与活动

第一任务：编辑网页文本

1．教师演示插入文字的方法。

2．学生分组在网页中输入文字

第二任务：在网页中插入图片

1．插入图片的方法

2．活动：在学校服务器上放置图片素材，让学生上网下载，选取图片到网页中。

第三任务：保存带有图片的网页

当我们在网页中插入了图片后，为方便管理，FrontPage会在保存时出现提示，主动询问我们是不是要把插入的图片保存到这个站点中，建议你选择“确定”，这样我们发布网页时，就不会发生无法显示图片的情况。

第四任务：设置网页的背景

格式——背景

活动：学生浏览图片，设置网页背景。

反馈与矫正

对学生辅导，展示学生作品。

课堂小结

在本节课中，我们要了解在网页中输入、编辑文字的方法，并掌握如何在网页中插入图片和设置网页的背景图案。

教学随笔：

第5课导航栏与套用主题

◆课程描述

了解网页中导航栏的作用，并能在网站的网页中设置导航栏。掌握网页“主题”的设置方法，并能改变网页中已有的“主题”。

◆教学目标

1．了解导航栏的意义

2．掌握导航栏的设置

◆教学过程

复习与导入

复习上节内容：编辑网页文本；在网页中插入图片；设置网页的背景；保存带有图片的网页。

出示样例，导入新课：导航栏与主题

任务与活动

第一任务：认识导航栏

了解网站结构图：

第二任务：设置导航栏

第1步：启动FrontPage2000，打开站点。

第2步：在网页上部的共享边框中，右键单击“编辑些导航栏属性……”等文字，在快捷菜单中选择“导航栏属性”。

第3步：在“导航栏属性”对话框中，勾选相应的选项，单击“确定”关闭对话框。

第4步：设置好导航栏的内容后，在网页中即可显示出来。

第三任务：使用主题设置统一风格

第1步：选择“格式”→“主题”命令。

第2步：在弹出的“主题”对话框中选择你喜爱的主题。

反馈与矫正

在分组操作的基础上，解决学生存在的问题

展示学生的作品。

课堂小结

认识导航栏；掌握设置导航栏的方法；了解并使用主题设置统一风格。教学随笔：

第6课整齐的表格

◆课程描述

掌握利用表格有效地规划网页上的信息，将文字、图片精确定位，并为表格或单元格设置背景。

◆教学目标

1．学会在网页中建立表格

2．掌握表格的编辑

3．制作一个课程表的网页

◆教学过程

复习与导入

复习上节课内容：

新建站点；网站结构；共享边框；在网页中插入图片、背景；在网页中插入导航栏；网页主题。

2．在网页中，表格的使用非常多，如何在网页中插入表格呢?下面我们将学习如何在网页中插入课程表。

出示样例——网页中的课程表，引入新课。

任务与活动

第一任务建立表格

第l步：打开站点

第2步：插入表格

第3步：在表格内输入课程名

了解如何建立表格

第二任务表格的编辑

第1步：合并单元格

第2步：插入一列；一行

第3步：删除多余的行；列

活动：在网页中插入课表。

第三任务美化表格

表格属性的设置

第l步：为表格设置背景

第2步：隐藏表格的边框线

反馈与矫正

课堂小结

本节课我们学习了在网中创建表格；对表格进行了基本编辑；了解如何美化表格；学会制作一个课程表的网页。

教学随笔：

第7课飞跃空间的超级链接

◆课程描述

通过建立指向页面的链接、指向站点的链接、指向电子邮件的链接，使我们的网页更具有魅力，另外还要掌握如何编辑修改链接。

◆教学目标

1．了解超级链接

2．掌握网页超级链接的创建

3．学会链接到其它网站或信箱

4．掌握超级链接的编辑

◆教学过程

复习与导入

复习上节内容：掌握在网中创建表格；掌握表格的基本编辑方法；美化表格；学会制作一个课程表的网页

我们发现：在网页中有导航或超级链接，如何创建呢?

任务与活动

第一任务建立网页超级链接

网页中虽然有导航栏，但还可以再建立其他的超级链接到指定的网页。

第1步：打开站点。

第2步：在“文件夹列表”框中选择网页。

第3步：选择“插入”→“超链接”命令，在“创建超链接”对话框中选择要链接的网页名称。

第二任务链接到其它的网站

教师演示链接步骤。

第三任务创建邮件程序链接

在网页中插入文字，如“给我写信”，选中文字后，创建超级链接，链接到某一个电子信箱上，如zhangdeju@https://www.wendangku.net/doc/2713064740.html,

第四任务超级链接的编辑

超级链接的编辑涉及到创建、修改与取消。

反馈与矫正

在学生充分操作的基础上，对学生进行巡回辅导，解决存在的问题。

展示学生作品。

课堂小结

本节主要学习超级链接、超级链接的创建、链接到其它网站、链接到电子信箱、重新超级链接。

教学随笔：

第8课创意大考验

◆课程描述

本节课要在网页中加上移动字幕、横幅广告、背景音乐等动态效果，为原本静态的网页增添活力。

◆教学目标

1．学会在网页加入移动字幕

2．在网页中加入背景音乐

◆教学过程

复习与导入

上节课我们学习了超级链接的创建。

问：如何创建超级链接？都可以在哪些对象上创建？

大家上网浏览网页时可能看到移动字幕、广告，还可以听到动听的音乐，这在FrontPage2000中能不能实现呢？

任务与活动

第一任务在网页中加入移动字幕“欢迎光临！”

1．教师演示制作步骤：

第1步：打开站点。

第2步：将插入点光标移到要加入字幕的位置。

第3步：选择“插入”→“组件”→“字幕”命令，在“字幕属性”对话框中输入文字“欢迎光临！”，设置表现方式为“滚动条”，文本对齐方式为“顶边对齐”，选择适当的背景颜色。

第4步：切换至“预览”窗口，观察我们设置的滚动字幕。

2．学生操作练习。

第二任务在网页中加入广告

在浏览别人网页时，经常会看到一些活动的广告图片。我们可以通过横幅广告管理器，在网页中加入广告。

操作步骤：

第1步：打开站点，选择网页。

第2步：选择“插入”→“组件”→“横幅广告管理器”命令，在“横幅广告管理器属性”对话框中，选择适当的广告宽度和高度、过渡效果。

第3步：在“横幅广告管理器属性”对话框中添加图片文件。

第4步：切换至“预览”窗口，观察我们设置的横幅广告。

第三任务在主页中加入背景音乐

第1步：选择合适的MIDI音乐文件。

第2步：打开网站，选择网页。

第3步：在主页中加入背景音乐。

在网页中单击鼠标右键，在快捷菜单中单击“网页属性”。在“网页属性”对话框中，单击“背景音乐”的“浏览”按钮。在“选择文件”对话框中寻找并选择音乐文件。

反馈与矫正

学生分组操作，教师作巡回指导，解决学生中存在的问题。

展示学生作品。

课堂小结

本节课主要学习了：在网页加入移动字幕、广告，在网页中加入背景音乐。

选定学生回顾如何操作。

教学随笔：

第9课发布站点

◆课程描述

网页创作完之后，如何让更多的人浏览到自己的网页？这就需要申请一个域名空间。

◆教学目标

1．测试网站

2．申请免费主页空间

◆教学过程

复习与导入

我们在前一段时间主要是制作网页，在网页中加入文字、图片、音乐、广告、移动字幕、创建超级链接等，当我们制作完成之后，如何IE浏览器中预览？如何发布出去？今天，我们要申请一个免费空间，把我们的首页发布上去。

任务与活动

第一任务继续完成网页的制作

第二任务测试网站

第1步：启动FrontPage2000，打开站点。

第2步：选择“查看”→“报表”→“站点总览”命令。

第3步：在出现的站点总览画面中，我们可以清楚地看到有关我们站点的各项信息。

第4步：用IE浏览器打开自己的网页进行查看。打开存放自己网站的文件夹，并双击“index.htm” 文件即可打开自己网站的主页。

第三任务了解发布站点所需的条件

条件一：获得一个存放网页的空间。

现在，有很多ISP（因特网服务提供商）提供免费的主页空间。

如果想获得更好的服务，也可以向一些ISP申请收费的主页存放空间，当然对我们来讲，申请一个免费的主页空间就足够了。

条件二：能通过某种方式与Internet连接。

第四任务申请免费主页空间

第1步：启动IE浏览器。

第2步：查找提供免费个人主页服务的网站。

如“派尔电子邮局”：https://www.wendangku.net/doc/2713064740.html,

第3步：地址栏内输入：https://www.wendangku.net/doc/2713064740.html,。

第4步：在“派尔电子邮局”的网页中，单击“点击此申请建站”。反馈与矫正

指导学生申请免费空间。

课堂小结

如何申请免费空间，其方法如同申请免费信箱一样。

教学随笔：

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

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

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

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、教师与学生共同评价总结展示学生作品

HTML及网页制作练习题-完整版

1、在HTML中，（）标记不可出现在和标记符之间。（C）（Ａ）

（Ｂ）
（Ｃ）（Ｄ） 2、<table>属性中，rowspan定义的内容是（D）（A）单元格所跨的列数（B）行的宽度（C）列的高度（D）单元格所跨的行数 3、在HTML中，正确的嵌套方式是（B）。（Ａ）<table><td><tr></tr></td></table> （Ｂ）<table><tr><td></td></tr></table> （Ｃ）<table><tr><td></tr></td></table> （Ｄ）<table><td><tr></td></tr></table> 4、最大的标题是:（D）（A)<h7> （B)<h6> （C)<h2> （D)<h1> 5、HTML样式格式文件的后缀名是：（C）（A).asp （B).js （C).css （D).ss 6、下面哪一个标记是用于插入背景音乐的：（D）（A)<MUSIC> （B)<SWF> （C)<A> （D)<BGSOUND> 7、请指出下面正确的说法是：（C）（A)背景音乐标记符号通常插入在<body>…</body>之间（B)可以在JavaScript语句之间插入背景音乐（C)背景音乐最好使用MP3格式（D)用SRC属性指明声音文件地址 8、下列哪些是视频文件。（BD）（Ａ）jpg文件（Ｂ）avi文件（Ｃ）mov文件（Ｄ）mpg文件 9、HTML是一种专门用来设计网站的计算机标记语言(T F) 10、网站模版是指网站内容的总体结构和(A) A.页面格式总体规划 B.网页制作规划</p><h2>九年级信息技术教案</h2><p>九年级信息技术教学计划中小学信息技术课程是为了适应技术迅猛发展的信息时代对人才培养提出的新要求而设置的必修课程，作为一门新兴学科，它已越来越受到重视。为了全面贯彻落实国家课程计划，加强对我市义务教育阶段教育教学的管理和指导，进一步推进素质教育，提高教育教学质量，促进学生全面发展，我市教育局以多年将信息技术课纳入毕业和升学考试中，所以本学期要着重学习教育部门规定的考试内容。一、学生基本情况：九年级学生已经具备了一定的信息技术水平，基本掌握了计算机的一般操作方法和使用常用软件，但由于每一学期信息技术课时比较少，每周只有一节课，学生的遗忘性大，大多数学生学后没有注意巩固，学生掌握的情况不是很理想，参差不齐。二、教学目标：初中信息技术课程考试分为信息技术基础知识、操作系统、文字处理和电子表格四个模块。本学期将着重对这四部分内容进行巩固和复习，培养学生的动手实践操作能力，能够较熟练的掌握对计算机操作的基础操作能力，培养学生主动学习和自学能力，培养学生正确的学习信息技术的方法，培养学生良好的信息素养，把信息技术作为支持终身学习和合作学习的手段，为适应信息时代的学习、工作和生活打下必要的基础。三、方法措施：在设定了教学内容的同时，要采用一定的方法措施使学生能够系统的掌握信息技术知识。 1、对学生学习信息技术的目的进行引导，端正其学习态度。 2、对学生进行严格的要求，让他们能充分利用好课堂45分钟时间。 3、对每个班都培养一名信息技术代表学生，由此学生带头对其他学生进行引导和榜样。 4、加强复习与巩固，培养学生兴趣</p><p>第1.2课时启动frontpage2000建立站点和图片收集教学目的：掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。教学重点：创建站点，收集图片，启动frontpage2000。教学时间：2课时教学过程：教师讲解、示范 1、启动FrontPage 2000 单击任务栏上的“开始”按钮,从“程序”菜单中选择“Microsoft FrontPage”单击。 2、FrontPage 2000的界面说明 FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。 ①、菜单栏包括”文件”、”编辑”、”查看”、”插入”、”格式”、”工具”、”表格”、”框架” 、”窗口”、”帮助”等10个菜单。工具栏单击”查看”菜单，选择”工具栏”，在出现的下拉菜单中列出了几种不同的工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。 ②、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。普通显示方式是最常用的显示方式，一般是在此方式下工作。 HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。 3、新建站点实例：使用”只有一个网页的站点”模板创建一个Web站点。操作步骤：（1）打开”文件”菜单，选择”新建”菜单项，在子菜单中选择”站点”菜单项，出现一个”新建”对话框，在对话框的”指定新站点的位臵”项中输入新站点的存放位臵。 (2)：新站点的存放位臵选择是磁盘存储方式，是因为考虑到实践操作中的方便。而一个站点要让在 Internet上的用户正常浏览的话，应该通过FrontPage的站点发布功能或FT文件传送方式，把该站点内容</p><h2>八年级信息技术上册学案设计</h2><p>第一单元网站设计与制作学案第1课创建站点本课学习目标：1、知识目标：了解网站规划方法；认识Frontpage2000的工作界面；理解站点、网页、主页的概念。 2、技能目标：学会规划和设计网站；能够搜集网站相关素材；学会新建和打开站点。 3、情感、态度与价值观目标：感受网站规划的重要性，养成做事有计划、勤思考的习惯。教学方法：自学法、演示法、观察法、实践法、小组合作。教学重点：网站规划的一般步骤；Frongpage2000的站点管理。教学难点：网站规划的一般步骤。学习时间：1课时。学习过程：引入课题：许多同学都有上网的经历，那么什么是网站呢？网站：网站是在因特网上一个相对独立的信息的集合，这些信息以网页的形式向全世界发布。因此，网站就是相关网页的集合。学习与探究：一、他山之石，可以攻玉通过对“中国少年雏鹰网”与“联想公司网站”首页的比较，谈谈自己的感受，并说出它们之间有什么差异？二、网站规划的一般步骤小组合作：阅读本部分内容，总结网站规划的一般步骤？常见的网页版面布局形式有哪些？步骤：1、确定网站的主题和风格； 2、设计规划网站的结构和内容； 3、设计网站的版面布局；（“T”型、“口”型、时尚型、“三”型布局） 4、搜集整理网站素材； 5、选择网站制作工具(frontpage2000)。三、Frontpage2000的站点管理 1、初识Frontpage 根据打开程序的一般方法，自己试着打开Frontpage。并思考有没有其它的打开方法。 2、新建站点教师演示：“文件”---“新建”---“站点”，打开“新建”对话框。学生操作：（1）指定新站点的位置为“D：\情感小屋”，并选择站点类型为“只有一个网页的站点”。（2）观察界面发生了什么变化？在“文件夹列表”中自动生成了哪几个文件或文件夹？它们有什么作用？ 3、打开站点 “文件”---“打开站点”。四、实践与创新的： 1、访问以下网站，描述它们各自的主题和风格，并画出网站的结构图和主页的布局图。 https://www.wendangku.net/doc/2713064740.html, https://www.wendangku.net/doc/2713064740.html,./01/indes.html</p><h2>网页制作经验-编写高效率的HTML网页代码</h2><p>许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML 代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP 之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。</p><p>同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。如果页面中不存在违背HTML标准语法规范的成分，即可被称为合法有效的HTML代码合法有效的HTML代码对SEO的重要性要使搜索引擎收录我们的网页，——在此基础上才能谈网站优化网站推广——其前提是要让搜索引擎的Spider能读懂我们的Web文件。搜索引擎Spider阅读网页的根据便是HTML规范，通过对HTML 代码的分析，Spider才能判断网页内容，在此基础上才能判断针对相应关键词的相关性。需要明确的是，搜索引擎Spider不同于浏览器的一点便是其容错能力相对于浏览器要差不少，如果页面代码中存在其无法解释的HTML代码时，其便可能停止阅读该页面甚至可能停止在我们的网站内爬行，更严重的错误甚至会导致其同时也丢弃已经收集到的网站内其他页面的内容信息。</p><h2>frontpage网页制作教案</h2><p>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页的网站。</p><h2>用FrontPage创建网页</h2><p>《用FrontPage创建网页》教学设计一、教学内容分析： FrontPage是微软办公自动化软件Office中的一个极为重要的组件之一，它具有功能强大、操作方便等特点，是目前最为流行的网页制作与站点管理工具之一。FrontPage 既是简单实用的网页编辑器，又是一个浏览，有“所见即所得”的效果，创建网页的过程中还可以不时地在文本编辑器和浏览之间切换，以查看编写页面的效果。而且，六年级学生已经学过Word2003或PowerPoint2003的操作，而它们又出于同一家族，它们有许多相似之处，FrontPage的许多菜单、工具的操作会有一种似曾相识之感，教学过程中，要注意引导学生进行知识的迁移，这些都有助于学生轻松进入FrontPage的世界。二、学生学情分析教学对象是六年级的学生，他们会对许多事物充满好奇，求知欲较强，且创作欲望和表现力也较强，对于教师布置的任务能够认真对待。因此课中，鼓励他们独立完成作品，培养他们自主学习和合作探究的意识。因为有Word软件的学习经验，学生在学习FrontPage 软件时会有似曾相识的感觉，很多的知识点都已学习过，所以教师不要拘泥于教材，要根据学生的实际情况，有的放矢，充分激发学生学习兴趣，最大限度挖掘学生的创造潜能。但是学生之间还存在一定差异，信息技术认知能力、实际操作能力和知识水平都存在一定的差异。三、教学目标：【知识与技能】</p><p>（1）初步了解FrontPage 2003的基本功能。（2）掌握FrontPage 2003的启动和掌握在网页上文字的输入。（3）熟悉FrontPage 2003窗口的组成。（4）通过实例学会创建简单的网页和保存网页文件。【过程与方法】（1）能用FrontPage 2003制作简单网页；具有一定探索新应用软件的能力（2）通过对比观察，培养学生利用已学知识去解决问题的能力，培养学生敢于尝试和自主探究的学习能力；培养学生的相互协作能力和知识的迁移能力。【情感态度与价值观】（1）激发学生热爱自然、热爱环境、热爱家乡的情感。（2）激发学生的学习热情和创作热情，在亲历学习过程中，获取知识、体验成功，从而提高学习兴趣。（3）培养审美意识，促进学生形成良好的审美观；提高信息素养。（4）在合作学习中，学会交流与协作，提高学生的合作意识和合作能力。四、教学重点和教学难点【教学重点】 FrontPage 2003的启动以及FrontPage 2003的窗口组成。【教学难点】通过实例学会用FrontPage 2003创建简单的网页</p><h2>front page教案</h2><p>第一节Front Page 2000 系统概述一、Front Page 2000 的功能与特点 1、Front Page 2000 的主要功能 A、编辑 B、排版 C、图形 D、打印 2、Front Page 2000 的特点 1）易学易用 2）所见即所得 3）多种模式的显示方式 4）灵活方便的表格处理功能 5）图文混排的操作 6）不同文档格式的自动转换二、Front Page 2000 的启动和退出 1、启动方法：“开始”→“程序”→“Microsoft Front Page”。 2、Front Page 2000 窗口介绍 1）文档窗口用于打开Front Page文档。 2）标题栏显示打开的文档名。 3）菜单栏包括Front Page操作的所有命令。 4）常用工具栏包括一些常用的操作命令。 5）格式栏单击格式栏中某一图标，可进行某一格式 6）标尺栏 7）文本编辑区用于输入、编辑文本。 8）选定栏以行为单位选定文本。 9）状态栏显示当前光标所处的状态。 10）滚动条移动滚动条可显示文档窗口中的所有文档。 3、联机帮助操作时可使用“帮助”菜单获取帮助信息。 4、Office 助手 5、快显菜单选定某一操作对象，然后在选定对象处单击鼠标右键，将弹出与该对象相关的快显菜单。 6、退出有多种退出方法。在关闭时若显示保存文档对话框，则可选择“是”或“否”对文档进行保存或放弃保存。</p><p>第二节文档的建立与编辑一、文档的建立与打开 1、创建新文档方法：“文件”→“新建…”→选“常用”模式及“文档”。 2、打开已存在的文档方法：“文件”→“打开…”→在选择对话框选择要打开的文档。二、输入文字与符号 1、输入文字及符号在编辑区中输入文字和符号。 2、自动换行一行结束时将会自动换行，可以不需要按回车键。在Front Page中，按回车表示一个段落结束，并加上段落结束符。 3、保存文档 ·保存新文档方法：“文件”→“保存”→弹出保存对话框。 ·保存已命名的文档方法：“文件”→“保存”。 ·修改文档名存盘方法：“文件”→“另存为…”。 4）自动保存文档方法：“工具”→“选项…”→“保存”页框，设置自动保存文档时间。 4、利用模板建立文档方法：“文件”→“新建…”→选择一种模板，单击“确定”。三、修改文档 1、插入点定位将光标插入到某一位置。 2、选定编辑对象有多种选定方法。 3、插入文本·插入与改写方式的切换·插入其他文件内容 4、修改及删除文本·删除·用新文本替换原有内容·撤消与重复 5、复制与移动文本·复制文本·移动文本 6、查找与替换文本·查找文本·替换文本</p><h2>网页制作教案</h2><p>课堂任务快速建站技术—模板的应用课程名称：利用模板快速建站课时数：4 教学目标：知识与技能：了解模板的定义，模板的可编辑区域的定义。过程与方法：掌握在网页中创建模板的三种方法；掌握模板的可编辑区域的定义、建立和取消；掌握模板的应用和取消；掌握如何将模板从网页中分离出来；掌握使用模板快速建站；情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：在DreamWeaver8中创建模板和应用模板。教学难点：学会模板的可编辑区域的定义、建立和取消。教法：任务驱动法学法：记录关键步骤，积极动手练习。课前准备：第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。教学过程设计：（一）导入设计：我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计：（1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来；（2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。（3）教师在学生回答问题的同时，总结评价并补充相关要点。（4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。（5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。</p><h2>使用HTML制作网页(精)</h2><p>使用HTML制作网页台州电大工程技术系钱莹 HTML（Hyper Text Mark-up Language ）即超文本标记语言，是 WWW 的描述语言。HTML语言是由 HTML标记组成的描述性文本，HTML 标记可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。通过使用HTML，我们可以制作出精美的页面，同时，它也是设计功能更强大的电子商务网站的基础。通过本章节的学习，要求同学掌握Tab标签，字标题标签，文本，链接，图片，表格等各类HTML标记的使用规则，熟悉标记中各类属性的含义及使用方法。在本章节的学习中，我们将围绕HTML标记学习，通过一个实际案例制作（台州旅游网主页），依次学习Tab标签，字标题标签，文本，链接，图片，表格等各类HTML标记；在对以上标签进行介绍同时，辅以实际案例制作，使学习过程中能够理论与实际相结合，提高教学效果。台州旅游网 Tab标签 < html>< /html>其间为所有的页面元素代码 < head>< /head> 放置页面的一些属性，如meta等 < title>< /title>设定网页的标题 < body>< /body>整个页面的主体部分，可设定背景色，文本等例:< body bgcolor="颜色代码" background="图片地址" onload="" text=""</p><p>link="" vlink="已访问后的颜色" alink="单击时的颜色"> HTML标记示例 <html> <head> <title>台州旅游信息网台州旅游信息网制作步骤一：熟悉（HTML,HEAD,TITLE,BODY）标记步骤一程序功能：通过示例，使学生对HTML标记功能产生直观印象。重点： html标记必须成对使用，譬如各标记的功能标记的嵌套关系 2.字标题标签 < h1>< /h1>放标题1,2……表显示的大小 < h2>< /h2> · < h7>< /h7>

教案-用Frontpage制作调查问卷

用Frontpage制作调查问卷吴娟教学目的： 1、使学生初步认识frontpage组件中的悬停按钮和滚动字幕； 2、使学生能够举一反三，利用表单制作调查问卷； 3、开发学生的创造力和想象力，培养学生与人共事的协作精神。教学重点和难点： 1、用表单制作调查问卷； 2、“举一反三”，根据不同的题目类型选择不同的表单选项。教学地点：多功能教室教学用具：计算机多媒体投影仪教学程序：一、激发兴趣，形成动机（导入――5分钟）导入：师：同学们，你们喜欢上网吗？生：喜欢师：你们上网都干些什么呢？生：聊天，游戏师：那你们经常上网吗？生：偶尔；师：那你们认为上网对我们的学习有没有影响？生：有，但是不大那请同学们想一想，有什么好的办法让我来了解你们乃至更多的人对上网的看法。（学生思考）我们是不是可以尝试用问卷调查进行统计，好，接下来我们一起来参加问卷调查。学生分成两个大组，一个小组填写纸质的问卷调查，一组填写网站上的问卷调查，最后统计并分析调查结果；（电子问卷调查是老师课前做好的，学生只需要花一两分钟的时间就可以完成，然后通过网站的的查看结果来对调查结果进行分析，显然统计起来比纸质的问卷调查更容易。）电子问卷调查有如下优点：第一，电子的更节约能源，第二，电子的

统计效率更高，也更准确，第三，电子的调查问卷可以更广泛，它不受时空的限制，可以让更多的人参与进来，所以，今天我们一起来学习用frontpage制作电子表格二、总结归纳，形成表象（探究学习――5分钟）现在请同学们跟着我一起来打开frontpage2000：开始程序Microsoft frontpage，在之前我们已经学过用frontpage2000制作简单的网页，但那只是静态的网页，今天我们要做的调查问卷是一个动态的网页，它具有交互性。调查问卷在frontpage2000中可以用什么来实现？（表单），下面我们一起来认识表单。比较word文档中的题型与之对应的表单选项单行文本框填写性别和年龄滚动文本框写调查问卷的感受单选按钮单项选择题复选框多项选择题三、观察演示，领会要领（教师引导――6分钟）教师简单讲解在frontpage2000中如何利用表单实现调查问卷的制作：下面我就简单的讲述一下我讲解和演示的过程： 1、表单制作：插入表单表单；敲回车（便于复制内容） 2、单行文本框； 3、滚动文本框； 4、单选按钮； 5、复选框。随着上诉步骤的展开，通过预览，调查问卷效果就出来了，学生会惊讶的发现，原来在frontpage中制作调查问卷这么有趣，这么简单，在老师的讲解和演示后，学生领会了表单制作的基本要领，对其操作步骤也慢慢了解，此时抓住学生若有所悟又跃跃欲试的心理，及时安排分组上机练习，使之很快就能掌握并巩固本课的内容。四、上机实践，掌握技能（协作探究――20分钟）四个学生一个小组，协作完成以下的一个任务来：①根据老师提供的素材，选择一个题目来制作调查问卷；②调查问卷中要包含至少三个表单选项。上机过程中如果出现疑难问题，你有几种求助方式，首先是小组协作完成，可以求助于老师，还可以到网络这个学习平台查找相关资料。

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

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

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

网页设计与制作试题(HTML基础)有答案

1.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳

网页制作经验编写高效率的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冗余臃肿问题了。

HTML网页制作基础题试题与答案

HTML网页制作基础题一、选择 1. 在一个框架的属性面板中，不能设置下面哪一项。（ D ）A．源文件B ．边框颜色C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（ C ） A．type="submit" B．type="reset" C．type="image" D ．type="button" 3. 下面哪一个属性不是文本的标签属性？（ A ） A．nbsp; B ．align C ．color D．face 4. 下面哪一项的电子邮件链接是正确的？（ B ） A．https://www.wendangku.net/doc/2713064740.html, B ．xxx@.net C．xxx@com D ．xxx@https://www.wendangku.net/doc/2713064740.html, 5. 当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（ C ）A．ASP B．HTML C．ZIP D．CGI 6. 关于表格的描述正确的一项是。（ D ）A．在单元格内不能继续插入整个表格 B ．可以同时选定不相邻的单元格C．粘贴表格时，不粘贴表格的内容 D ．在网页中，水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列，表格的总宽度为“ 699”，间距为“ 5”，填充为“ 0”，边框为“ 3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（ D ） A．126 B．136 C．147 D．167 8. 关于文本对齐，源代码设置不正确的一项是：（A．居中对齐：

B．居右对齐：

C．居左对齐：

D．两端对齐：

9. 下面哪一项是换行符标签？（C） A． B ． C ．
D． 10. 下列哪一项是在新窗口中打开网页文档。（B ）A．_self B ．_blank C．_top D．_parent 11. 下面对JPEG格式描述不正确的一项是。（ C ） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快C．最高只能以256 色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩

建立网站站点(教案)

建立网站站点（教案）一、教学目标知识目标：建立网站文件夹和新建网站的主页。技能目标：1．认识启动FrontPage，熟悉FrontPage软件环境； 2．建立网站空站点并新建保存主页；情感目标：教学中以简易地操作技能帮助学生树立成功建站的信心。二、重点难点教学重点：本课教学重点是启动FrontPage，在熟悉FrontPage软件环境的基础上建立网站空站点并新建保存主页。教学难点：本课的教学难点站点文件夹的理解。学生在理解上有一定的困难，他们一般不太理解为什么要用上文件夹来存放网页，这里教师需要作解释。三、环境与素材 1．教学环境：多媒体网络教室，学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版，要求能上因特网。 2．教学素材：准备示例网站以及首页相关的文字图片素材。四、学情分析初三没开课，之前学生基础较差，对于Word操作也不是很熟悉，不扎实，网站更是没接触过。讨论也不大积极。并且由于硬件条件较差，还不能保证每生一台机子。五、教学思想由一个网站演示入题，激发学生学习兴趣；通过与Word界面的比较，学生讨论让他们体会到原来FP同Word差不多，将悬着的心放下；接着进行建立一个站点文件夹，这时能过教师演示，讲解，学生操作；再进行建立网站主页，保存，同Word操作的比较，让学生了解与Word些许不同的地方；最后通过分层教学，布置新建主页的一些基本的图文件混排。以上一系列的设置都是为了让学生树立成功建站的信心。六、教学过程引入：将示例学生网站“蓝色阳光”展现在学生的面前。师：请同学们踊跃发言，谈谈自己的爱好，理想，特长等等。生：可能一：不回答。（解决方法，比如说A喜欢玩游戏，B喜欢动漫，C喜欢蓝球）可能二：回答各种各样的，或是单一的，或是两者兼有。师：好，从今天开始大家可以尽情的展现自我的个性，发挥你的专长，向全世界宣告：我来了！师：那么我们能通过什么来展示呢，当然方法可以是多种的，今天我们就用做网站来实现。建网站可以借助于工具软件，如Marcromedia Dreamweaver、东方网页王等都是目前流行的网页制作工具。我们今天用相对简单的软件Microsoft FrontPage来作为网页制作的平台。任务一：找一找2个同学一小组启动Microsoft FrontPage和Microsoft Word，谈谈它们的区别。情况一：学生找不出。师提示（视图栏、文件名、状态栏、分类页面选项卡）。

教你制作静态网页的方法

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