《4.2_网站与网页设计2》由会员分享，可在线阅读，更多相关《4.2_网站与网页设计2（41页珍藏版）》请在金锄头文库上搜索。
1、用FrontPage作网页,认识FrontPage2000,视图栏,视图切换按钮,工作区,创建站点,执行 “文件”/ “新建”下的 “站点”命令。 在 “站点” 列表中，选择要用来创建新站点的模板或向导。 在 “指定新网站的位置” 框中，键入或选择新站点的名称。,创建文件夹,在站点中创建一个文件夹可以组织网页和文件。例如：创建一个“ Multimedia”文件夹来存放声音、视频等对象文件。 选择现有的一个文件夹。 右击鼠标，在快捷菜单中选择 “新建文件夹”。 键入新文件夹的名称，单击 “确定”按钮。,设置文本格式,设置文本字体和颜色 设置文本粗体、斜体和加下划线 在文本周围加边框： 在网页视图
2、模式下，选择要添加边框的段落。 在 “格式” 菜单中，单击 “边框阴影”。 在 “设置” 下，单击 “方框”或“自定义”。 给文本设置底纹 删除文本格式： 在网页视图模式下，选择文本。 在 “格式” 菜单中，单击 “删除格式”。,设置行距和段落间距,在网页视图模式下，选择一个或多个段落，右击鼠标，然后选择快捷菜单中的 “段落”。 在 “段落间距” 下，作如下操作： 若要设置每个段落之上的间距，在 “段前” 框中输入一个值。 若要设置每个段落之下的间距，在 “段后” 框中输入一个值。 若要设置行间的垂直间距，单击 “行距大小” 框中的选项。,设置行和段落的缩进,在网页视图模式下，选择一个或多个段
3、落，右击鼠标，然后选择快捷菜单中的 “段落”。 在 “缩进” 下，作如下操作： 要缩进段落的左边，请在 “文本之前” 框中输入磅数。 要缩进段落的右边，请在 “文本之后” 框中输入磅数。 要缩进段落中文本的第一行，在 “首行缩进” 框中输入磅数。,创建超级链接-URL含义,当创建一个超链接时，它的目的端将被编码为 URL （统一资源定位符），例如 http:/ 或 file:/ComputerName/SharedFolder/FileName.htm 。URL 包含了站点服务器或者网络位置、路径和文件名称。 超链接可以是 绝对的或相对的： 一个绝对的 URL 包含完整的地址。 一个相对的 U
4、RL 将缺少一个或更多部份。缺少的信息将由包含 URL 的网页提供。,创建超链接,在网页视图模式下，选中用作超链接的文本或图片，右击鼠标，在快捷菜单中选择 “超链接”命令 。 单击 ， “制作一个指向您计算机上文件的超链接” 。 单击 ,创建电子邮件链接,创建指向一个书签的超链接,书签是网页中被标记的位置或被标记的选中文本。当要向站点访问者显示网页的特定部份时，可以创建一个指向书签的超链接。 在包含书签的网页的适当位置，键入并选中要将其用作超链接的文本或图片。 单击 工具栏中的“超链接” 按钮。 在 “书签” 框上，单击要将其作为目的端的书签。,设置超链接颜色,超链接 即未被选中的超链接。 当
5、前超链接 即当前被选中的超链接。 已访问过的超链接 即已经被浏览过的超链接。 在网页视图模式下，右击网页，再选择快捷菜单中的 “网页属性”，然后单击 “背景” 选项卡。 在 “超链接”、“已访问过的超链接” 以及 “当前超链接” 框中，选择想要的颜色。,插入图片,在网页视图模式下，将插入点放置到要插入图片的位置。 执行“插入”菜单下的 “插入图片”命令 。 单击 “来自文件” 。 从本地文件系统浏览您想要的图片并且选择该文件。您可以在 “文件类型” 框中指定要查看的文件类型。 用同样的方法插入“剪贴画”。,编辑图片,裁减图片：在“图片”工具栏单击“剪裁” 工具 旋转图片：在 “图片” 工具栏单
6、击 “向左旋转”，可逆时针翻转图片 90 度；单击 “向右旋转”，可顺时针翻转图片 90 度 翻转图片：在 “图片” 工具栏单击 “水平翻转” ，创建一个镜射；单击 “垂直翻转” 将图片向上向下翻转 图片颜色冲蚀：在 “图片” 工具栏，单击 “冲蚀” 按钮 在图片上放置文本：在 “图片” 工具栏，单击 “文本” 工具，在显示框中键入文本 添加凸凹效果：在”图片”工具栏，单击 “凹凸效果”,设置图片的对齐方式和间距,在网页视图模式下，在图片上右击鼠标，选择快捷菜单上的 “图片属性”，然后单击 “外观” 选项卡。 在 “对齐方式” 框中，单击某选项来指定图形在网页上的对齐方式。例如要使图片对齐网页
7、左边，而文本接在右边，可单击 “左对齐”。 在 “水平间距” 框中，输入的间距值显示在在图片的左边和右边。 在 “垂直间距” 框中，输入间距值显示在图片的上边和下边。,设置图片的边框属性,在网页视图模式下，在图片上右击，选择快捷菜单上的 “图片属性”，然后单击 “外观” 选项卡。 在“边框粗细”框中，以像素为单位设置边框的宽度（要删除边框，可键入 0 ）。,调整图片的大小,在网页视图模式下，在图片上右击鼠标，选择快捷菜单上的 “图片属性”，然后单击 “外观” 选项卡。 选择 “指定大小” 复选框。 若要保持高度与宽度的比例，可选择 “保持纵横比” 复选框。 指定是否要更改大小（像素值或百分比）
8、，然后在 “宽度” 和 “高度” 框中输入数值。,设置背景图片,在网页视图模式下，右击网页，在快捷菜单中选择 “网页属性”。 单击 “背景” 选项卡。 选择 “背景图片” 复选框，然后单击 “浏览”。 选择背景图片：,选中“水印”，实现背景不动，文字滚动,保存嵌入式图片,在网页中加入音频,单击“插入/高级”菜单下的“插件”命令 在“插件属性”对话框中单击“数据源”文本框右边的“浏览”按钮，选择音频文件。,设置浏览时插件的大小,选中时，插件看不到,在网页中插入Flash动画,单击“插入/高级”菜单下的“ActiveX控件”命令。 若弹出菜单中无所需要的控件，单击“自定义”，添加“Shockwav
9、e Flash Object” 选中网页中的空白区域，设置“ActiveX控件属性”,表格的用途,将信息通过表格格式显示 在网页上布置文本和图形等元素，实现网页布局,旅馆每晚的住宿费率,表格,创建表格 选择“插入/表格”中的命令 单击常用工具栏上的“表格”按钮 表格编辑 将插入点放置在表格中的任意位置，在快捷菜单中选择“表格属性” 单元格编辑 将插入点放置在表格中的任意位置，在快捷菜单中选择“单元格属性”,隐藏表格边框,在网页视图模式下，右击表格，选择快捷菜单中的 “表格属性”。 在 “边框” 下的 “粗细” 框中，键入 0 。,在表格中插入表格,在网页视图模式下，将光标移至要插入表格的单元格
10、中。 单击 “插入表格” 命令。,拆分和合并单元格,在网页视图模式下，选择要拆分的单元格。 右击鼠标，然后选择快捷菜单中的 “拆分单元格”。 单击 “拆分为列” 或 “拆分为行”。 在 “列数” 或 “行数” 域中，键入您所要拆分成的列数或行数。 合并单元格与此类似,设置单元格跨越,在网页视图模式下， 选择想设置单元格跨越的单元格、行或列。 右击，选择快捷菜单中的 “单元格属性”。 在 “行跨距” 框中，键入要增加的单元格行数。 在 “列跨距” 框中，键入要增加的单元格列数。,删除表格元素,框架,框架是一种特别 HTML 网页，它可将浏览器视窗分为不同的框架，而每一个框架可显示一不同网页。,创
11、建一框架网页,在 “文件” 菜单上， 指向 “新建”，单击 “网页”，然后单击 “框架网页” 选项卡。 单击框架网页模板。,创建超链接以在其他框架页显示,在网页视图模式下，打开框架网页，单击 “普通” 选项卡，然后单击欲创建超链接的网页。 键入或选择 超链接所需之文本或图片，然后单击 “超链接” 。 在 “创建超链接” 对话框内，选择要在其他框架显示的网页和目标框架 。,保存框架网页,将欲保存的框架网页显示在网页视图模式下，然后单击 “普通” 选项卡。 单击文件菜单的 “保存文件”命令 。 在 “另存为” 对话框中会出现框架网页布局的缩略图。所保存的部份会以深兰色框来突出显示。 若突出显示的是
12、框架网页的全部外框，则保存的是框架网页本身。 若突出显示的是单个框架，则保存的是框架所显示的网页。 在 “文件名” 框中，为框架本身或框架所显示的网页键入或选择一文件名称,重命名框架,框架网页上的每一框架都有一个特别的名称，用来在框架间指定浏览。 在网页视图模式下，打开欲修改的框架网页，单击 “普通” 选项卡。 在欲重命名的框架上的任一处单击右键，在快捷菜单上选择 “框架属性”。 在 “名称” 框内， 键入框架的新名称。,显示或隐藏框架框线,在网页视图模式下，打开欲修改的框架网页，然后单击 “普通” 选项卡。 在 “文件” 菜单上，单击 “属性”，然后单击 “框架” 选项卡： 欲显示框架间的框
13、线，选取 “显示边框” 复选框，然后在 “框架间距” 框内，键入边框的宽度像素。 欲隐藏框架间框线，清除 “显示边框” 复选框。,重置框架大小,在框架内单击鼠标右键，单击 “框架属性”，然后调整位于 “框架大小” 区域内的 “列宽” 和 “高度” 选项 。,CSS（级联样式表）简介,CSS是一系列格式规则，用于控制网页内容的外观。 CSS可以完成如下工作： 弥补HTML对网页格式化功能的不足，如段落间距、行距等 设置字体变化与大小 设置页面格式的动态更新 进行排版定位,创建网页样式,在网页视图模式下，选定 “普通” 选项卡。在 “格式” 菜单上，执行击 “样式”命令。 单击 “新建”，然后在
14、“名称 (选择器)” 框里，键入新样式名称。 单击 “格式”，指定新样式格式特征： 单击 “字体”设置字体属性（ 例如字体、颜色、字符间距，请） 单击 “段落”设置对齐方式，缩进或段落间距 单击 “边框”设置边框和底纹。 单击 “编号方式”设置项目符号的样式和编号 单击 “定位”设置定位属性（ 例如环绕方式、位置或 z-顺序）,应用样式到网页元素,样式包含格式设置信息，例如特定字体、背景颜色、或边框样式等等，可应用到网页上的几乎所有元素，包括文本、段落、图片和表格。 在 “样式” 框中，会列出标准 HTML 样式，例如标题 1，以及为网页创建的CSS样式。 选择网页元素，然后在 “样式” 框中
15、，单击要应用的样式。,删除网页样式,在网页视图模式下，选择 “普通” 选项卡。在 “格式” 菜单上，单击 “样式”命令。 在 “列表” 框里，选择 “用户定义的样式”。 单击“样式”框中欲删除的自定义样式，单击 “删除”按钮。,使用 FTP 发布站点,在 “文件” 菜单中，单击 “发布站点”。 单击 “选项” 以展开选项列表。 指定是发布已更改的网页，还是所有的网页。 若要发布子站点，请选择 “包含子站点” 复选框。 在 “指定发布站点的位置” 框，键入 FTP 站点服务器的位置 （举例，ftp:/ 单击 “发布”。,用表格排版,上机实践,实践教程（08版） 实验6-3-1 FRONTPAGE 2002基本操作 实验6-3-2 多媒体网页制作 实验6-3-3表单网页制作 实验6-3-4 使用WORD制作网页 实验6-3-5 浏览网站中的网页,
