4.2_网站与网页设计2

上传人:luoxia****01801 文档编号:76822035 上传时间:2019-02-05 格式:PPT 页数:41 大小:702.50KB
返回 下载 相关 举报
4.2_网站与网页设计2_第1页
第1页 / 共41页
4.2_网站与网页设计2_第2页
第2页 / 共41页
4.2_网站与网页设计2_第3页
第3页 / 共41页
4.2_网站与网页设计2_第4页
第4页 / 共41页
4.2_网站与网页设计2_第5页
第5页 / 共41页
点击查看更多>>
资源描述

《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 浏览网站中的网页,

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > IT计算机/网络 > 网页设计/UI

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号