《2002网页制作》由会员分享，可在线阅读，更多相关《2002网页制作（48页珍藏版）》请在金锄头文库上搜索。
1、FrontPage 2002网页制作郭伟刚 Email: Tel: 82982543 佛山科技学院信息中心 2005年3月准备工作网页文件的特点 由多个文件组合生成一个文件，其中的声音、图 片、动画、视频都是以单独的文件存放的 制作网页时，应该 先分类设计好存放这些网页素材的目录结构；(See Next Page) 把自己制作或查找到的素材资料分别放到相应的目 录中，备用。 具体用到这些素材时（例如图片），要到相应的目 录中去找。最好不要从其他地方乱找，如果找了， 最后也要将它保存到指定目录中。D:WebPageImagesMp3FlashMyIdeasCollectionsFavourit
2、e Index.htm首页文件index.htm以及其他一些主要文件直接放在D:webpage目录下， 所有的图片都放在images目录中，MyIdeas目录用来存放自己原创 的内容，Collections目录用来存放自己从网上搜集的专题资料。如果内 容多，还可在MyIdeas目录下创建子目录，分别存放不同类型的素材。特别注意：在使用Frontpage制作网页时，应将webpage目录作为站点打 开，这样对素材的管理会带来很大方便。认识FrontPage2002用户界面：会用Word就会用FrontPage 不同的视图方式 文件夹视图方式、报表视图方式、导航视图 方式、超级连接视图方式、任务视
3、图方式、 导航栏 网页视图：编辑网页 两大功能： 站点管理 网页编辑FrontPage2002创建和管理网页利用模版与向导创建一个网页保存网页 把网页保存到本地磁盘中打开网页 从本地磁盘打开文档 从任何Web网站打开网页FrontPage 2002可打开的文档类型 html,doc,xls,rtf,txt三种视图方式普通视图方式 用于编辑网页，直接加入各种网页元 素。HTML视图方式 可以直接添加HTML标记，等同于在普通 视图中的操作。预览视图方式 查看网页的效果。真正的效果必须放置 到网络上用浏览器观看。文字的输入和编辑输入文字在网页中输入特殊符号在网页中插入日期和时间用剪贴板进行移动和复
4、制插入水平线字符和段落的格式字符格式： 改变字体种类和大小 改变字体风格和修饰效果 改变字符的颜色 选择字体、颜色的原则段落的格式 换行和分段 改变段落样式 ：对齐方式 、 缩进项目符号和编号 建立项目符号列表、编号列表 用图像作为项目符号主题选择和应用主题去掉或改变网页所应用的主题设置网页属性设置网页的常规属性 “文件属性”或右键快捷菜单“网页属 性”设置网页的背景属性 背景图片 背景声音（在“常规”选项卡）设置网页的页边距在网页中插入图片从本地磁盘中获取图像在网页中插入剪贴画 注意，没有完整安装Office2002时，剪贴画可能不可用从WWW上获取图像 (选择、复制、粘贴)FrontPag
5、e2002的图像格式 可插入GIF,JPG,BMP,WMF,TIF,PCX等格式的文 件，但是只能保存成GIF或JPG格式 GIF格式：最多256色；JPG：真彩色 GIF动画(只在浏览器或一些图象处理软件中有效)编辑图片图片工具栏 在GIF格式的图像上写字：必须是GIF 格式，JPG图像必须先转换成GIF格式 使GIF图像透明 调整图像的黑白对比度和亮度 、把彩 色图像变成黑白 把图像翻转 、修正图像 、裁剪图像 、 淡化图像 制作缩略图“图片属性”对话框图片处理关于图片的处理 图片大小的改变、格式改变、特殊效果设置等，都 要通过图象处理软件进行。最常用的有： Windows“附件”中的“画
6、图”程序；Microsoft的 “照片编辑器”，Adobe PhotoShop等 如何使得网页的背景是一个整张的图片而不是图片 的平铺？（将图片的尺寸调整到网页的大小，注意 屏幕分辨率） “水印”就是使得背景图片固定，不随着文字滚动。超级链接什么是超级链接怎样建立超级链接超级链接的目标： 从WWW上查找一个网页作为目标 指定一个e-mail地址作为目标 从本地磁盘中指定一个网页作为目标 (相对路径) 书签(同一文件或不同文件) 实际上任何一个文件都可以作为超级链接的目 标。文件的类型不同，浏览点击时打开的方式 不同。有些由浏览器直接打开，有些由机器上 的其他程序打开，有些则直接下载保存到磁 盘
7、。超级链接用图像作为超级链接映像地图(Image Map)(热点，热区)改变超级链接的外观 “网页属性”背景怎样编辑超级链接的属性 右键，“超级链接属性”目标框架 在新窗口中打开链接（不要乱用）表格的作用在网页制作时，表格的作用有两大类 ： 用来呈现系列、规则的数据； 用于网页的布局、美化 一般来说，正规的网站，你所看到的网页 背后，都是由一个甚至多个表格在将文 字、图片等信息合理布局。这也是我们学 习表格的主要目的。表格创建表格 插入一个规则的表格 自绘表格 把文本转换成表格、把表格转换成文本 在表格中插入表格 在表格中选择和移动插入点 移动、复制、删除单元格中的内容编辑表格 增加行或列 拆
8、分和合并单元 改变单元格和表格的尺寸修改单元格和表格的属性单元格的属性 背景图像、颜色 用途：在同一个页面的不同的区域设置不同 的背景 表格的属性 背景图像、颜色、边框 用途：可以对某一段文字设置不同的背景。 （当然要先将文字放入表格中） 给表格加上标题 “表格”“插入”“标题”表格用于布局要点： 布局表格的宽度一般不要超过屏幕的水平方 向分辨率。如：800*600的分辨率，表格宽 度最好用780，留有余地。高度则随意，但 不要太大。太大会降低网页下载的速度。一 个网页上可以插入多个表格进行布局。 表格的边框粗细设置成0 为防止有内容的单元格挤占空的单元格，要 单独设置每一列的宽度（不要统一设
9、置）。 用透明GIF图象来保证空白区域的位置框架 (Frameset)框架的作用创建框架网页 使用菜单“文件” “新建” “网页” “框架网页” 在每个框架中指定一个初始网页或新建网页 在框架页中设置超级链接：注意每个窗格都有一 个名字，要保证目标框架的正确保存框架网页 常常需要一次保存多个相关的网页文件注意查看框架页的HTML文件框架使用要点强烈建议： 先把框架中用的文件预先创建好； 然后再创建框架； 反对在框架中乱编辑。自己把自己搞糊涂。 建议在框架中做的操作：设置超级链接而 已！ 框架中的网页都是可以（也是应该）单独来 编辑！加入Web组件什么是组件(Component)？ 智能对象，增
10、加站点功能，维护简单。组件的类型 网页层次的FrontPage组件（重点） 基于FrontPage站点的组件（重点） 基于服务器端的FrontPage组件 由于服务器不对大家开放此功能，故只是简单介绍。 ActiveX控件 可以重用的软件模块网页层次的FrontPage组件三个用于动态效果设置的组件： 横幅广告管理器 悬停按钮 滚动字幕使用方法： 菜单“插入”-”web组件”，再在左边框中选 “动态效果”。网页层次的FrontPage组件横幅广告管理器 在Web页中的某个位置连续地显示一系列的图片， 单击任何一幅图片可链接到其他的URL。 插入的图片最好大小相同，（如何知道和设置图片 的大小？
11、）否则，浏览器要进行扩展或裁剪，这样 可能无法获得满意的效果 横幅的大小最好也与图片大小一致。 当插入一个“横幅广告管理器”组件时，FrontPage实 际上创建的HTML代码调用了名为fprotate.class 的 Java小程序，当保存包含“横幅广告管理器”的网页 文件时，Frontpage会将fprotate.class 和 fprotatx.class两个文件，保存到网页文件（或站 点）所在文件夹中，注意上传网页时必须将它一同 上传。悬停按钮悬停按钮是FrontPage提供的另一个Java小程 序，它显示一个按钮、纯色背景和文本标题。 当鼠标悬停于按钮上时，会更改按钮的颜色， 单击按
12、钮时，完成一个超级链接。产生悬停按钮效果的Java小程序名为 fphover.class和fphoverx.class，在使用时，要 确保与网页一同上传。滚动字幕在网页指定位置滚动显示的文字。滚动文字最好放在表格中定位不产生Java小文件（.class）基于站点的组件主要应用于站点的组件主要应用于站点的组件 共享边框共享边框(重点重点) 模版模版 主题主题 颜色主本颜色主本 导航栏导航栏 网页横幅网页横幅 替代替代 包含网页包含网页 目录目录 类别类别共享边框站点内多个网页共同使用的网页共享区域。这对于建 立同样风格的网页很有帮助。 打开一个站点后，选择菜单格式、共享边框，开始 为该站点设置共
13、享边框，此时不要作任何保存操作， Frontpage也会自动将共享边框分为四个HTML文件 top.htm bottom.htm left.htm right.htm保存到站点目录 _borders文件夹中。 这4个文件可以单独编辑，并可影响到使用共享边框的 网页。（FrontPage运行时，在站点中可自动更新） 但只有设置共享边框的当前网页被保存一次后，共享 边框中用户插入的内容才能被保存下来共享边框如果一个站点设置了共享边框，并应用于所有 网页，则在关闭该站点、重新启动Frontpage 之前，新建、打开任何一个网页，都会自动应 用共享边框。 如果在站点内要新建一个不使用共享边框的网 页，
14、可以在新建该网页后，再选择格式、共 享边框，在对话框中去调被选中的边框选项。应用了共享边框的网页，如果移出站点，共享 边框仍然存在（因为边框网页已经包含在此网 页中，成为一个独立的HTML文件），但边框 中的图片可能不能显示。插入ActiveX控件方法：菜单“插入”?“web组件”?“高级控件”? “ActiveX控件”? “下一步”,选择所需的控件。 Windows Media Player控件 可用的声音文件格式：mp3,wav,mid等 可用的视频格式：avi,asf等Real Player G2 Control控件 可用的音、视频格式：rm等 Shockwave Flash Objec
15、t控件 注意，插入“Shockwave Flash Object”控件后，这时 网页中会出现一块白色矩形区域，双击它，在弹出的 “ActiveX 控件属性”窗口中输入或选择相关的参数即 可。（前提条件是安装了Flash软件或“Shockwave Flash Object”控件)插入表单表单的概念与特点创建表单 意见反馈表模板 用户注册表单模板 表单向导表单域的种类单行文本输入框 滚动文本框 复选框 单选按钮 下拉菜单 按钮 用图像作为按钮 使表单域的标签具有可击性表单处理隐藏表单域 指定表单处理程序 自定义表单处理程序 自定义默认的表单处理程序 自定义ISAPI、NSAPI、CGI或ASP程序 确认表单和确认表单域网页的动态效果网页动态效果，有两层含义： 网页的过渡，或整个网页呈现的形式 网页中元素的动态效果 FrontPage的功能不太强；用 DreamWeaver可以做很多动态效果 专业站点动态效果不要多网页的过渡 使用菜单：格式网页过渡网页元素的动态效果首先在网
