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］。由于一个web站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹
就很有必要。比如，可以把所有的图形文件放入images文件夹。frontpage还提供了一个
_private文件夹，用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个
sound文件夹，用来存放web站点用到的声音文件：选中站点的根目录，然后单击“文件” 菜单的“新建”项，在弹出的子菜单中选择“文件夹”命令。在输入sou nd,新文件夹就建
立好了［图2-5］。
其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各
种文件放在这些目录里。
(3) 报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有。
(4) 导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表
一个网页。如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导
航栏把这种层次关系表现出来。
(5) 超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接。
⑹任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。
3?创建网页
这一节我们讨论怎样创建页面。
创建页面最简单的方法就是单击frontpage “常用”工具栏的“新建”按钮。它的右方
有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。
单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到frontpage 提供的许多网页模板［图2-6］，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网
页了。然后点确定。
使用模板可以不用总是从空白网页开始编辑，这样就省力很多。
4?修饰文本
怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。
字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。
字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了。
工具栏上的b、i、u图标的作用是：
按下b按钮，被选中的文字就会变为粗体
按下i按钮，被选中的文字就会变为斜体
按下u按钮，被选中的文字就会带下画线
字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头［图2-9］，选择适当的颜色，字的颜色就改变了。
还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。
“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。
“定位”下拉列表：在frontpage中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线
就是行的底线。
5?项目符号和编号
设计网页应该层次分明，结构清晰。这可以通过frontpage的列表功能解决。
选中要列表的内容，单击“格式”工具栏上的“项目符号”按钮，默认情况下，项目符号是一个小黑点。你也可以选择其它的项目符号，单击“格式”菜单，选择“项目符号和编号”命令。选择“图片项目符号”选项卡，单击“浏览”按钮，点“剪贴画”，再点web符
号按钮，选择合适的图片，单击“确定”按钮。
对有顺序的内容列表可以使用编号。单击“格式”菜单的“编号”按钮。现在有一个问题，“站点的主题”、“站点的共享边框”两行是属于“设计站点风格”的内容，可是也编号了。解决的方法是把这两项选中，单击工具栏上的“增加缩进”按钮，再次单击“增加缩进”
按钮，这样就可以了［图2-12］。要把这两项改为其他编号方式，可以选择“格式”菜单的“项
目符号和编号按钮”，在编号框里选择合适的编号形式，单击“确定”按钮。
怎样解决列表分级太多而显得不简洁的问题？方法是把子列表折叠起来，称为“折叠大纲”。将鼠标光标移到要折叠的列表的上一级处，单击鼠标右键，选择“列表属性”命令，将“启用折叠大
纲”和“开始时折叠复选框”选中，单击“确定”按钮。打开它时只要单击它就打开了。
6?插入水平线
在网页中适时的插入水平线可以使层次分明。最简单的方法是插入水平线使需要分隔的
部分分开。把插入点调整到插入水平线的位置，选择“插入”菜单的“水平线”命令。
双击插入的线条，在弹出的“水平线属性”对话框里单击“颜色”下拉列表，选择相应的颜色，可以改变线条颜色。在对话框中有“窗口宽度百分比”和“像素”选项，它们的作用是通过调整宽度数值设置线条的宽度，但是这个数值的单位却是由它后面的选择决定，调整“高度”的数值，可以改变线条高度。
单击水平线，选中它。按alte nter键，也可直接进入水平线对话框。
水平线变化有限，装饰性不强。我们还可以插入更丰富的线条来修饰页面，那就是线条
图像。线条图像就是一个特别狭长的图像。将水平线选中，按del键，将水平线删除，选择
“插入”菜单的“图片”命令，单击“剪贴画”选项。选择“图片”选项卡，这里把frontpage 提供的剪贴画按类别放在了下面的列表框中，选择“web框架”，选择小石头图像，单击“插
入剪辑”按钮。由小石头构成的线条就插入完成了。
如果想把线条缩短一点，可以在线条上单击鼠标右键，选择“图像属性”命令，打开“图
片属性”对话框，选择“外观”选项卡，选择“指定大小”，将宽度的单位设置为百分比，
将宽度调整为80，单击“确定”按钮。
7?插入时间标记
在in ternet上我们经常看到许多网页上都有一个最新更新日期，用来告诉用户页面上一次更新是什么时候，这是怎么做的呢？看完下面的部分你就知道了。
时间标记当活动网页被重新编辑或自动更新之后，会自动改变。设置起来也很容易：在
页面末尾输入：“更新时间”，执行“插入”菜单的“日期与时间”命令，在“日期时间属性” 对话框中选择“该网页上次编辑日期”，如果要改变日期的格式，可以单击“日期格式”下
拉列表，选择合适的格式。
8?插入注释
怎么在网页里插入注释呢？（在我们创建编辑和修改网页的过程中，经常需要插入一些
文字，表明设计的意图和方法，在编辑网页时作为参考和提示，这就是注释。）插入注释的方法是：普通模式下单击当前网页要插入注释的位置，把插入点设置到那里。
选择“插入菜单”的“注释”命令，这样就会弹出“注释”对话框，在“注释”文本框中输入注释的内容，单击“确定”按钮。
在指定的位置注释出现了。现在单击“预览”选项卡，切换到预览模式，注释没有出现。实际上注释并不是在浏览器中显示的网页的一部分，浏览者通过浏览器是看不到网页里的注
释的。
9?预览新建页面
设计好的页面，应该检查它在浏览器中是否显示正常。
方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网
页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在internetexplorer中是这样显示的，但是在netscape中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。
怎么用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览
器列表框中选择不同的浏览器［图2-18］。（以internetexplorer5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
这一部分内容很简单，但是这些内容在制作网页的过程中几乎每次都会用到，“万丈高楼平地起”，不要小看这些最基本的操作呀。
手把手教你如何制作一个完整的网站
手把手教你如何制作一个完整的网站 制作网站是一件耗时间的事情，不过我们也要带着责任心去做，想要制作好一个网站，必须要先了解它的具体操作流程，详细的了解各个步骤后，才能找到有效的制作方法。 第一、了解需求 制作网站的第一步就是要了解好客户对网站的制作需求，首先让客户把他们想要的效果、风格、开设的栏目等说明清楚，然后再根据他们提供县官的资料，比如单位的简介，联系方式，网站框架的设计要求，对产品和项目的描述等。 第二、制定网站的制作方案 工作人员与客户双方要协商好关于网站的制作的内容、细节和风格等问题，最终达
成共识后才能开始制作，如果制作之前没有商量好，那么制作的结果会使得客户不满意，矛盾就会产成了，所以工作人员要负责，在制作之前客户也不能抱着随便的心理。协商好了之后就可以直接支付相应的费用，并签合同了，合约是关系到双方的利益问题，也要引起重视，谨慎签订。客户在签完一系列的合同之后，要注册好域名和空间，因为网站开展运营的前提条件就是选择适合的域名和空间。 第三、网站的定位很关键 网站的制作应该明显的体现出相关单位的一个核心理念，因为我们要做的就是在最短的时间内、最有限的空间里将自己的核心思想通过相应的介质传播给用户，我们可以选择通过图片、文字、音频等途经进行传播，网站的建立就应该明确的宣传自己能为客户提供哪些帮助，而不是仅仅是为了“门面”的设计而忽略了网站的实用性。 第四、验收 就是网站制作完成后应该多次进行审核、修改和通过客户的验收，这样一个网站才能算是建好了。如果网站涉及到图片和文字等数据的安全问题，应该立即采取更新、修改或者找回密码等措施，我们有权利制作网站，那就要旅行好维护网站安全的义务。 通过以上的详细介绍，相信大家对网站的制作流程都已经很熟悉了，想要制作网站的朋友赶紧尝试一下吧。
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、教师与学生共同评价总结展示学生作品
2014年练习库48条Frontpage操作题整理版2
《Frontpage操作2》 【第1题】打开文件“Z:\319\index.htm”，进行以下操作并保存，效果如图片“样张.jpg”所示。 (1)将标题“留言板”居中对齐，字体设置为“黑体”，字号设置为14磅，加粗: (2)将文字“给我来信”超链接至lygwtq@https://www.360docs.net/doc/f36629788.html,； (3)设置网页的背景音乐为“back.mid”； (4)在表格中第一行的提示文字“1”所处的位置插入图片“logo.gif”；在第二行的提示文字“网上照片”所处的位置插入图片“my.jpg”。 【第2题】打开文件“Z:\125\i ndex.htm”，进行下列操作并保存，效果如图“样张.jpg”所示。(1)在网页中表格的第一个单元格中插人图片“banner.jpg”，水平居中放置，并设置图片的宽度为“750像素”，高度为“120像素”； (2)将正文标题“太湖简介”设置为:隶书、24磅、绿色，水平居中； (3)设置网页背景图片为“bg.jpg”。 【第3题】打开“z:\372\14.htm”进行以下操作后并保存 (1) 在提示文字“插入图片处”插入dhm.jpg，图片宽度为184像素，高度为126像素，并删除上述提示文字； (2) 在标题“春节食俗”下方插入1 行3列的表格，在表格的3 个单元格中分别依次输入“春节的起源”、“历代春节食俗”、“春节各地食俗”； (3) 在网页下方提示文字“(插入书签处)”设置书签，书签名称为“3”，并删除上述提示文字；将表格单元格中的“春节各地食俗”与上述书签建立超链接。 【第4题】打开文件“考生文件夹\21\form1.htm”，进行以下操作并保存，效果如图片“样张.jpg”所示。 (1) 在网页上部插入一个包含1行1列的表格，设置表格的背景图片为“haijun.gif”，在表格中添加文字“调查表”，格式要求：黑体、居中。 (2) 在网页中插入表单，如“样张.jpg”所示： 在网页中插入复选框，名称为“C1”，值为“ON”；在网页中插入复选框，名称为“C2”，值为“ON”；在网页中插入复选框，名称为“C3”，值为“ON”；在网页中插入单选框，名称为“R1”，值为“V1”；在网页中插入单选框，名称为“R2”，值为“V2”； 在网页中插入滚动文本框，名称为“S1”，初始值为“***”。 【第5题】打开“考生文件夹\736\”文件夹下的文件“wy1.htm”进行以下操作后并保存，效果如样张“表格内容样张.jpg”所示！ (1) 把表格的边框粗细设置为2，对齐方式为“水平居中”；将文字“用户登陆”加粗，并将表格第4行的第1列和第2列单元格合并； (2) 完成表单内容，在表格的第2行第2列和第3行第2列单元格中分别插入名称为“T1”，初始值为“用户名”的单行文本框和名称为“T2”，初始值为“密码”的密码输入框；在第4行单元格中插入名称为“B1”，值为“提交”的提交按钮和插入名称为“B2”，值为“重置”的重置按钮；
《Frontpage2003网页设计与制作》教案
《Frontpage2003网页设计与制作》教案 2009141119 郭飞 一、教学目标 1. 知识与技能目标： (1) 了解网页制作过程，初步学会如何分割网页版面； (2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。 2. 能力目标： (1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置； (2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的分析能力、动手实践能力； (3) 学会将素材有效地组织在一起，以表达综合信息的能力。 3. 情感、态度、价值观： 鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。 二、教学重、难点 教学重点： 1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框的运用）； 2.插入图片以及图片的超链接制作。 教学难点： 1.利用网页分割设计原理，结合自己的主题，规划网页的版面； 2.插入表格并对表格进行设置； 3.设置背景图片、背景音乐、字幕。 三、教学步骤 1.插入艺术字、文本框： “插入”——>“图片”——>“艺术字”
“插入”——>“文本框” 2.插入图片并设置超链接： “插入”——>“图片”——>“来自文件”——>“完成”——>选中——>单击鼠标右键“超链接” 3.设置背景图片、背景音乐及字幕： 网页的任意位置单击鼠标右键——>“网页属性”——>“背景音乐浏览”——>“确定” 网页的任意位置单击鼠标右键——>“网页属性”——>“格式”——>“背景图片”——>“浏览”——>“确定” “插入”——>“Web组件”——>“字幕” 4.设置表格属性及单元格属性： 选中——>单击右键“表格属性/单元格属性”——>“确定” 四、教学过程 基于对前面的网页制作页眉页脚设置掌握后，要进一步讲解对版面的分割、文字图片插入技术的知识点。为了有利于小组间互相交流，每小组学生坐在一起，后期学生完成作品时教师起引导辅助作用，一步步引导学生完成本课的目标。 教学环节教师活动学生活动活动目的 新课导入 通过浏览几个不同版面分割的网页，引出今天内容。（2） 进行对优秀网 页的浏览，提问： 我们浏览这些网页 是为了得到网页中 什么内容？网页中 最显著的图像或文 字的部分是哪些？ 准备好下面需 要演示的网页。 浏览网页，积 极思考教师提出的 问题，发表自己的 看法。 启发学生知道网 页中最醒目的位置就 是你所想要传达的信 息。 传授逆向思维方 式。 展示几个不同 版面的网页，同时跟着老师演示 用实例启发学 生，根据实例讲解知
高中信息技术会考_Frontpage操作题要点
网页制作操作知识点 可能涉及的试题类型 1、新建、打开、保存网页 2、文字的设置 (1)按要求在网页相应位置输入文字 (2)字体的设置:选中要设置的文字,右键—“字体”或“格式”—“字体”/“段落” 3、图片的设置 (1)插入图片:光标先定位于要插入图片的位置,再选择“插入”菜单—“图片”—“来自文件” (2)图片属性的设置,对齐方式、宽度高度,边框; 选中要设置的图片,右键—“图片属性”—“外观”选项卡 4、表格的设置 (1)插入表格:光标先定位于要插入表格的位置,再选择“表格”菜单—“插入”—“表格”,按要求设置行数、列数,对齐方式、边框粗细、颜色等。 (2)插入行、列、表格:光标先定位于要设置的单元格,右键—“插入行”/“插入列”或选择“表格”菜单—插入
(3)删除行、列:选中要删除的行、列,右键—“删除行”/“删除列” (4)表格背景、边框颜色粗细,高度宽度,对齐方式的设置: 光标先定位于要设置的单元格,再右键—“表格属性” (5)单元格的合并、拆分:选择要设置的单元格,右键—合并单元格或拆分单元格 (6)单元格背景、水平垂直对齐方式、单元格的边框色、高度与宽度等的设置: 光标先定位于要设置的单元格,再右键—“单元格属性”
5、超链接的设置 选中需要设置超链接的对象(瞧清就是文字(全选需要设置的文字)还就是图片设置超级链接), 右键—“超链接”出现“创建超链接”对话框 （1）链接到网站地址: 方法:在“地址”处输入要链接的网址如: （2）链接到本地文件: 方法:搜索到所需要链接的目标文件,选中该文件—确定,如jrwh、htm （3）电子邮件链接: 在左侧“电子邮件地址”处单击,在出现的对话框中键入要超链接的电子邮件地址—确定
网页制作教案
课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。
2014年山东信息技术会考Frontpage操作题
2013山东省信息技术学业水平考试真题 1、用FrontPage新建一个空白网页，并完成以下操作： （1）输入“李清照简介”文字，在将文字格式设置为：红色、楷体-GB2312、7号（36）磅，并居中； （2）在文字下面插入一个3行2列的表格，设置表格边框粗细为0，并把第二列第二单元格与第三单元格合并成一个单元格，将图片 “liqingzhao.jpg”（图片位置 “C:\ATA-MSO\testing\165056-376C\FRONTPG\T2-BO3\liqingzhao.jp g”）插入此单元格中； （3）把此文件保存为 “C:\ATA-MSO\testing\165056-376C\FRONTPG\T2-BO3\index.htm”。 操作步骤： （1）、打开FrontPage软件，选择菜单“文件”→新建→由一个网页组成的网站，输入“李清照简介”，选择文字利用工具栏设置属性。 （2）点击菜单“表格”→插入→表格，设置行数、列数及其它属性。 (3)选中把第二列第二单元格与第三单元格，右击选择合并单 元格，光标定位合并后的单元格，点击菜单“文件”→“插入”→“图片”→“来自文件”按路径选择图片liqingzhao.jpg （4）点击菜单“文件”→“保存”，根据要求设置保存路径。 5、用Frontpage打开网页
C:\ATA-MSO\testing\165056-376C\FRONTPG\T1-BO3\xqj.htm，并进行以下操作： （1）在文字“山东古代名人”下面插入一条长为800像素的水平线。（2）在第1行的单元格中，插入Flash动画“xqj.swf”（动画位置C:\ATA-MSO\testing\165056-376C\FRONTPG\T1-BO3\xqj.swf），并设置此动画的属性：高度为20像素，宽为600像素，Flash动画在此单元格中水平居中显示。 （3）将该网页另存为“xinqiji.htm”，仍然保存在 “C:\ATA-MSO\testing\165056-376C\FRONTPG\T1-BO3”文件夹下。 操作步骤： （1）打开Frontpage软件，选择菜单“文件”→“打开”，根据题目提供的路径打开文件，把光标定位在“山东古代名人”后面，点击“插入”→“水平线”，双击插入的水平线，设置宽度为800像素； （2）点击菜单“插入”→“图片”→“flash影片” （3）点击菜单“文件”→“另存为”，文件名为“xinqiji.htm”，点 击“保存” 7、用Frontpage打开网页 C:\ATA-MSO\testing\165056-376C\FRONTPG\T5-BO3\index.htm，并进行一下操作： （1）把表格的第一行第一个单元格拆分成两列，并在新拆分成的2个单元格中从左到右依次分别插入图片“logo.jpg”（图片位置 C:\ATA-MSO\testing\165056-376C\FRONTPG\T1-BO3\logo.jpg）和
用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创建简单的网页
怎样制作自己的网页
和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程
Frontpage200 操作步骤
Frontpage 2000操作步骤 第一题步骤：: 1、单击开始——程序——Frontpage，单击文件——打开——选定L：\test.ppt——单击打开。 2、右击页面——网页属性——设置标题——单击确定。 3、选定第一段，单击格式——字体——设置字号、字型。单击格式——段落——对齐方式为水平居中。 4、单击第一段最后，单击插入——水平线 5、选定第二段，单击格式——字体——设置字体、字号。单击格式——段落——对齐方式为水平居中。 6、单击第二段最后，单击插入——水平线 7、选定第三、四段，单击格式——字体——设置字体颜色。 8、选定文章最后，单击表格——插入——设置表格的行、列、边框、宽度。 9、单击文件——保存，单击文件——退出。 第二题步骤：: 1、单击开始——程序——Frontpage，单击文件——打开——选定L：\test.ppt——单击打开。 2、右击页面——网页属性——设置标题、背景颜色——单击确定。 3、选定第一段，单击格式——字体——设置字号、字体。单击格式——段落——对齐方式为水平居中。右击——超链接——输入网址——单击确定 4、单击第一段最后，单击插入——水平线 5、选定第二、三、四段，单击格式——字体——设置字号、字型、字体颜色。 6、选定第五段，单击格式——字体——设置字号、字型。单击格式——段落——对齐方式为水平居中。右击——超链接——输入网址——单击确定 8、选定文章最后，单击表格——插入——设置表格的行、列、边框、宽度。输入文字。 9、单击文件——保存，单击文件——退出。 第三题： 使用Frontpage打开L:\Test.html文件. 1、设置背景颜色为银色,设定标题是”网页的制作”(不含引号) 2、在第一段中设置江苏省情,字体为行楷，字号为19磅,字型为加粗斜体，颜色为蓝绿色。本段居中,加入链接https://www.360docs.net/doc/f36629788.html,. 3、在第一段的后面加入水平线. 4、对第二,三,四段左对齐,字体为黑体，字号为15磅,加粗,字褐色(从”江苏地处美丽……到资源的有时.”). 5,对第五段(全省国民经济主要统计指标)设置字号为14磅,居中,加粗,并加入链接https://www.360docs.net/doc/f36629788.html,. 6,文件的最后插入3*3表格,对齐方式为水平居中，边框粗细设为2，单元格边距为1，单元格间距为4 ，边框颜色为蓝色，指定宽度为100(百分比).，指定高度为6像素。在第3行第3 列中插入L：、test.jpg，并加入超链接
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打开网页C:\1\xqj.htm,并进行以下操作： （1）在文字“山东古代名人”下面插入一条长为800像素的水平线。 （2）在第1行的单元格中，插入flash动画“xqj.swf”（动画位置C:\1\xqj.swf),并设置此动画的属性：高度为20像素，宽为600像素，flash动画在此单元格中水平居中显示。（3）将该网页另存为“xinjiqi.htm”，仍然保存在C:\1文件夹下。 第二题： 用FrontPage打开网页C:\2\lqzjj.htm,并进行以下操作： (1)把文章标题“李清照简介”字体设置为隶书，红色，7号（36磅），并居中对齐； (2)在第二行第一个单元格中插入文件“jieshao.txt”（文件位置C:\2\jieshao.txt)中的全部文件内容； (3)将图片“back.gif”（图片位置C:\2\back.gif)设为网页背景，并保存网页。 第三题： 用FrontPage打开网页C：\3\index.htm,并进行以下操作： （1）把表格的第一行第一个单元格拆分成两列，并在新拆分出的2个单元格中从左到右依次分别插入图片“logo.jpg”(图片位置C：\3\logo.jpg）和”tupian.jpg（图片位置C：\3\tupian.jpg） （2）将文字“给我来信”设置为超链接，链接到电子邮箱：zhongh@https://www.360docs.net/doc/f36629788.html, （3）将网页的标题设置为“签字留言”，并保存。 第四题： 用frontpage新建一个空白网页，并完成以下操作： （1）输入“李清照简介”文字，再将文字格式设置为：红色、楷体、7号（36磅）、并居中；（2）在文字下方插入一个3行2列的表格，设置表格边框粗细为0，，并把第二列第二单元格和第三单元格合并为一个单元格，将图片“liqingzhao.jpg”(图片位置C：\4\liqingzhao.jpg）插入此单元格中。 （3）把此文件保存为C：\4\index.html 第五题： 用FrontPage打开网页C：\5\bdfz.html，并进行以下操作： （1）在网页中间部分，提示文字“插入图片”处，插入图片back.jpg），图片右对齐，并
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”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：
frontpage2000网页制作教程(完全版)
第一课从一个网页开始 Frontpage2000教程第二课编辑网页 Frontpage2000教程第三课使用图形 Frontpage2000教程第四课超链接 Frontpage2000教程第五课使用表格 Frontpage2000教程第六课组件的使用 Frontpage2000教程七课使用框架 Frontpage2000教程第八课使用多媒体 Frontpage2000教程第九课站点操作 Frontpage2000教程第十课表单设计 Frontpage2000教程第十一课创建讨论组 Frontpage2000教程第十二课站点的发布 frontpage2000教程第一课从一个网页开始 作者：未知阅读人次：5527 文章来源：未知发布时间：2004-11-20 网 友评论(7)条 认识Frontpage2000 你是否紧跟时代的潮流上了网？你在聊天室里是否听过别人聊起自己的个人主页，你会不会觉得自己没有个人主页就落伍了？有没有想过自己也要做一个主页？想过？那你还瞎呆在那里干什么？赶快阅读本教程，你就该学会制作自己的主页了。 本教程教你学会使用微软公司的Frontpage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage
FRONTPAGE操作题
FRONTPAGE操作题 第12套 1、将网页标题更改为：我的学习我做主 2、将“信息技术”的文字颜色设为“白色”， 单元格背景设置为“红色” 3、将表格5个单元格的宽度设为：100像素 4、在语文试卷前插入“书签”，书签名为：语文 并将网页顶端导航栏中的语文超级链接到：“语文”书签 5、删除试卷表格的最后一行。 第14套 1、设置网页标题：中国茶文化 2、在“中华国饮茶文化”下方加入字幕： 内容为：欢迎你到茶乡来 背景色：绿色 方向：右 3、字幕下方插入：宽度为80%的绿色水平线 4、将网页下方的图片链接到：https://www.360docs.net/doc/f36629788.html, 第16套 1、将表格的第一行中两列合并。 2、将表格的第一行的单元格背景颜色:蓝色 3、在第一行的单元格中输入文字:歌手王力宏 文字颜色：红色； 4、将第5行第2列的文字“王力宏大事记”超级链接改为：https://www.360docs.net/doc/f36629788.html, 5、将网页顶部标题“王力宏的天空”设置为滚动字幕，方向:右 第18套 1、设置网页背景颜色为：浅蓝色； 2、设置第1行文字的格式为：幼圆，24磅，居中对齐； 3、插入一个1行2列的表格，把表格边框粗细设为0； 4、把fp中sby.txt里的文字复制到表的第1行第1列 在表的第1行第2列插入fp中的图片：shiboyuan1.jpg 5、在表下面输入“返回”，并超链接到：fp中的tour1.htm 第20套 1、网页标题设为：ftp练习 背景音乐设为：test.mid 网页背景设为：银白色2、在表格中间一行插入字幕 内容：这是我的作品 方向：右 表现方式：交替 3、对“E-Mail”做邮箱链接：myclass@https://www.360docs.net/doc/f36629788.html, 4、将表格的宽度改为：500像素 第22套 1、网页标题设为：多彩的植物世界 2、在表格下方插入一条绿色水平线 3、将“植物的生长”超链接到：植物的生长.txt 4、在表格第1行最后一个单元格插入图片：button18A.jpg 4、删除“植物简介”一行单元格。 第24套 1、网页标题设为：西安世界园艺博览 2、建立一个4行3列的表格 3、在第1行第2列的单元格中，插入图片：xasjyybl.jpg 4、将第2行三个单元格合并，并插入绿色水平线 5、在第3行第2列单元格中输入：主题：天人长安，创意自然--城市与自然和谐共生 6、在第4行第2列单元格中输入：西安世界园艺博览 设格式为：隶书、18磅 链接到：https://www.360docs.net/doc/f36629788.html, 第26套 1、在网页顶端插入图片:fp_files\banner.jpg 2、网页标题设为:好吃街网页背景为：紫色 3、设置表格边框粗细为：2，颜色：绿色 4、为“美味特色菜”栏目中的“彩带鱼头”设置超链接，链接到https://www.360docs.net/doc/f36629788.html, 5、在网页底部插入滚动字幕 内容为：这里有好多好吃的哟方向：右 第28套 1、网页标题设为：福娃 背景音乐设为：beijing.mid 背景：白色 2、在最上面的单元格中插入字幕 内容：北京欢迎您！背景：黄色 3、在5个福娃图片上面的单元格中插入颜色为蓝色的水平线 4、将页面最后文字“联系我”链接到邮箱：fuwa@https://www.360docs.net/doc/f36629788.html, 第30套
教你制作静态网页的方法
教你制作静态网页的方法 一、网页设计基础 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.360docs.net/doc/f36629788.html,，或电子邮件如：mailto:zdhwangji@https://www.360docs.net/doc/f36629788.html,） 3、在页面属性里修改链接的属性：修改--页面属性（链接、活动链接、访问过链接） 二、制作实例1