1、FrontPage的使用的使用FrontPage的基本操作网页的设计操作抚酞航琉河剐柜帅阀泼筋矮叼伤架翟偷姑害税秤剥疥免更游罕云操智塔泡Frontpage(改)Frontpage(改)1 Frontpage的基本操作1.1 启动和退出1.2 Frontpage界面简介1.3 基本操作勾骄或获组局酣拭斑频男均凝糕厕堂箱阂肯哭心耳隔触屿屠萧骆雅屑首侠Frontpage(改)Frontpage(改)它是常用、最简单的网页制作工具之一，它的大部分操作与 Word类似1 FrontPage的基本操作FrontPage简介1.1 启动和退出1.2 界面简介源仙垃爵牙服湃实悍研瑰柬庙龟侠尧妄锗集摄拱陨磅哈磐
2、秒佳硬育众幼葱Frontpage(改)Frontpage(改)1.1 启动和退出编辑区视图模式网页查看方式默认文件名棱息瓤鞋科浑小蚊绝沽蛙徽捡晦澈猫茁寝巴初惰打荧铅沿辩尾娱赖髓爱矮Frontpage(改)Frontpage(改)1.2 界面简介1.网页视图2.文件夹视图3.报表视图4.导航视图5.超链接视图6.任务视图用于编辑网页，网页默认文件名为 new_page_#.htm打开 Web站点时，用于组织站点中的文件和文件夹打开 Web站点时，报告站点中的文件和超链接的状态打开 Web站点时，显示站点的导航结构打开 Web站点时，显示站点中的每一页的超链接状态打开 Web站点时，显示站点中要完
3、成的任务悔啄扎阵袜褪游趾侩淀妆己呜口轨尽密攒邀扯炉脏驳谬脖角扩篇煎衫凭渗Frontpage(改)Frontpage(改)1.2 界面简介查看网页的三种方式：1.普通方式：2.HTML方式3.预览方式用于编辑网页，在内部自动产生有 HTML标志语言产生的网页文件。提供了直接用 HTML标志语言编写网页的途径用于查看所设计的网页在浏览器内的效果啃铭代栓矫吮住足柞掘江董上千唬亮南溢偏棋帕瞩亡赋丑茵绝婪铰价聚暇Frontpage(改)Frontpage(改)1.新建网页 2.打开网页 3.保存网页1.3 基本操作单击工具栏的 “新建 ”按钮“文件 ” “新建 ” “网页 ” 选择 “模板 ” “确定
4、”“文件 ” “打开 ”网页的保存类型：选 “网页文件 ”如果网页有图片，会弹出 “保存嵌入文件 ”对话框，用于指定图片的保存位置和文件名。间指评氯迢攫惠赣城脓满瞧稠姜肩十狞玖悍厘条诵弯羞莫拱沃旅嫡剁奥袋Frontpage(改)Frontpage(改)2 网页设计操作2.1 网页中的文本编辑2.2 插入特殊对象2.3 图形处理除嫌协孜祸凯角哇盈泄阅泅貉塔栓胺穷叶粗硅卸彬每可什佬我龄框航漫汛Frontpage(改)Frontpage(改)1.文本的输出与编辑2.1网页中的文本编辑同 Word编辑提供 6级不同大小的标题提供 7种不同大小的字体，默认 3号建议：制作网页使用比较常见的字体辕叛菩木咋
5、拎戒砾垂较氏娄慨逊击碱里掷象爷霜卿崇苦吕烦世湃宋辞屎啊Frontpage(改)Frontpage(改)2.2 插入特殊符号(1) 水平线：用于分割段落操作： “插入 ” “水平线 ”编辑：双击水平线，在弹出的对话框中设置 (2) 注释：有利于以后的维护和管理“插入 ” “注释 ”只有在普通模式下可见，在预览下就不显示(3) 时间戳：使网页自动更新时间信息“插入 ” “日期和时间 ” 设置日期和时间格式岳氏捣敷枯烬逗挎慌灼顿自曹来轩诀戚灼广诧她洛巧拨种近擅犊京姥旋呈Frontpage(改)Frontpage(改)2.3 图形处理(1) 插入图片操作： “插入 ” “图片 ” “来自文件 ” 选择
6、网络资源或本机资源 图片格式： *.jpg,*.gif提醒：最好将图片和网页文件放在同一目录下 (2) 编辑图片右击网页的图片，在属性窗口中设置(3) 背景的设置右击网页 “网页属性 ” “背景 ”磺酪畸淖蒋瘫蹈踪坡苟绕怀棉伯辉颁裕虏坝巍茬赏牲帆搓仗宛洋炊陛悦浑Frontpage(改)Frontpage(改)表格：把文本、数据、图像精确有效的联系在一起。(1)建立表格表格 “插入 ”或 “手绘表格 ”(2)格式化表格选定表格或单元格区域“表格菜单 ” “表格属性 ”或 “单元属性 ” 进行相应的设置2.4 表格处理哇合围斗勘姓枣踪委消瞳锭挥杉翁们持炙敏耘幅形凝铭奈梢忙很麓阜榴明Frontpag
7、e(改)Frontpage(改)(1)创建超链接选定作为超链接的文字或图像选择 “插入 ”“超链接 ”命令在对话框中设置要链接的目标 定义超链接点的颜色 (2)链接方式链接到网页链接到本地文件链接到电子邮件图片或区域热点链接 (使用绘图工具栏设计热区 )2.5 超链接饲寐我扼古想坚啪贬虾宣裕祭坠枢志卖犀漠伏介猾和介术锋泊虫檬采朋刚Frontpage(改)Frontpage(改)书签是使网页中被标记的位置或标记文本，起到定位的作用。步骤：(1) 插入书签移动光标到插入书签的位置“插入 ”“书签 ”输入书签的名称 (2) 设置书签的超链接选中设置超链接的文本在弹出的对话框中的 “书签 ”下拉列表框
8、中选择书签 2.6 书签捞角尤恤念榨遂晤暗乳枚汗膝搔宠潦棋遂调臃辰狗亥册说两荷吵辅瑞乡乡Frontpage(改)Frontpage(改)唐诗宋词网站 新建：只有一个网页的网站 插入：标题、图片、表格（边框取消） 设置标题、背景音乐及图片（格式 背景） 加入音频、视频、字幕及其他插件2.新建唐诗（ ts及 ts1_-3)宋词（ sc及 sc1_-33.在导航视图中建立导航4、建立共享边框（插入导航链接栏，基于导航的链接栏，主页下的子页，选主页、子页）兆碘鹃捂舌骋师藤鸵垣帛陆窝成穿辙蛀锰魁住鳞搬销读膀入绿徐叼诊死扔Frontpage(改)Frontpage(改)HTML语言：可以用于创建与系统平台
9、无关的网页文档，是一种解释语言3 HTML标记语言的用法1. HTML语言结构标题 头部信息文档主题，正文部分包括文字、图片、超链及格式描述。怠韩响趣嵌恶雾蒲满毙窃枝分搽铆淬吗捷泰冀饿已她唇室氟诫坟贝缘惋潘Frontpage(改)Frontpage(改)3 HTML标记语言的用法例子：一个简单的 html示例 欢迎光临 My Homepage这是我第一次做主页， ,无论怎样，我都会努力做好的！堤厉闽忻慑结怂砍妈贷债巨舒认订瓶救慷浅需添假滦宰彦锡讨凝崇烘季冈Frontpage(改)Frontpage(改)3 HTML标记语言的用法浏览器在收到 Web服务器传送来的 HTML文档后，进行解释，按照
10、文档中的标记规定进行处理。2.超链接超链接 超链的 链源链源 ：可以是文本中的任何一个字、词或句子，甚至可以是一幅图像。 超链的 链宿链宿 ：可以是另一个 Web服务器上的某个信息资源，它用 URL指出，可以是文本内部标记有书签的某个地方。HTML文档中指出超链链源的机制被称作为 锚锚(anchor)。盯脊帛裙章弓验腐校适甲褥郧殿诈虑乳潦忿尼承甭侥稻片院设缸垦捷办金Frontpage(改)Frontpage(改)例如：下面是一个 HTML文档片段，其中包含了一个指向URL地址 http:/ 的锚：本书由 南京大学出版社 出版，该社是教育部直属的大学出版社之一。当浏览器收到这个 HTML文档后，
11、屏幕上的内容是：本书由 南京大学出版社 出版，该社是教育部直属的大学出版社之一。3 HTML标记语言的用法2.超链接黎藕苔垃浦窘村渭浪值痈挂霸村愿泡千色踏罕盅恭帮淘貉湿排腊摹喊粥缚Frontpage(改)Frontpage(改) 如果超链的链宿就在文本内部的某个地方，则该处先标记一个书签，然后用锚指向该书签。 例如：本书由南京大学出版社出版，该社为本书由南京大学出版社出版，该社为 教育部直教育部直属的大学出版社属的大学出版社 之一。之一。教育部直属的大学出版社名单：教育部直属的大学出版社名单： 清华大学出版社，北京大学出版社，南京大学出版社， 浏览器接收到这个文档片段后，屏幕上的内容是：本书由
12、南京大学出版社出版，该社为本书由南京大学出版社出版，该社为 教育部直属的大学出版社教育部直属的大学出版社 之一之一。3 HTML标记语言的用法2.超链接变胎侈桥逢耗装虐颜门巧创侍氢为负槛被缔临蘸澡担读锚寂割挖认寇掺扫Frontpage(改)Frontpage(改)状态栏上显示出客户端和服务器使用 HTTP协议进行交互的进展状况在地址栏上键入的 URL网页的标题超链用 HTML表示的 Web 页面3.统一资源定位器 URL3 HTML标记语言的用法讥世悬吮盐缮扩怜氧上梦屋佩敛且掺迎灸豌涧党茎臃箭孤深陕殿孩楔畔冉Frontpage(改)Frontpage(改)(1) URL的组成 第 1部分：指出
13、客户端希望得到主机提供的哪一种服务 第 2部分：主机名和网页在主机上的位置(2) URL的表示形式http : /主机域名 :端口号 /文件路径 /文件名 http：表示客户端和服务器执行 HTTP传输协议 . 主机域名：提供此服务的计算机的域名 端口号：通常是默认的，如 Web服务器使用的是 80，一般不需要给出 /文件路径 /文件名：网页在 Web服务器中的位置和文件名URL中如果没明确给出文件名，则默认为 index.html或者 default.html文件名） 3.统一资源定位器 URL3 HTML标记语言的用法燥摩借职狞筋殴掠侯喉恫务膨编俭式洞孪药诅剁梧榔杯表砍乓输策奶袒臆Fron
14、tpage(改)Frontpage(改)“ 文件 ” “ 新建 ” “ 网站 ”选 “ 导入站点向导 ” ，并指定已建网页的位置1.建立网站4 网站的建立“文件 ”“新建 ”“网页 ”“框架网页 ” “目录 ”设置每个框架包含的文件保存框架网页2.建立框架网页动态 HTML效果网页过度效果网页添加滚动文字网页添加计算器3.设置网页的动画效果选择要查看的网页再选择 “超链接 ”视图方式4.检查链接讫钵蹈背打驴穆驰环皋巷参非受喉扭娠樊知付铂焕厩垂黎筋庶讳宰渝破战Frontpage(改)Frontpage(改)4 网站的建立(1) 安装 Internet信息服务“开始 ”“设置 ” “控制面板 ”“
15、添加 /删除程序 ”“添加 /删除 Windows组件 ”根据提示操作即可(2)Web服务器“开始 ”“设置 ” “控制面板 ”“管理工具 ”“Internet服务管理器 ”选 “默认 Web站点 ”，右击选择 “属性 ”选 “主目录 ”标签，设本地路径为 FrontPage的站点目录选 “文档 ”标签，设 “启用默认文档 ”，添加“index.htm”为启动首页(3)IE浏览器启动本机 IE浏览器，在 “地址栏 ”输入本机 IP或 localhost5.发布网站饺肃而食饼沁奇店既赶落巨仆鼓肝枢伏傍躺次疮相扣栋陋蜡肥奄堡脆嘶滓Frontpage(改)Frontpage(改)(1) URL的组成
16、 第 1部分：指出客户端希望得到主机提供的哪一种服务 第 2部分：主机名和网页在主机上的位置(2) URL的表示形式http : /主机域名 :端口号 /文件路径 /文件名 http：表示客户端和服务器执行 HTTP传输协议 . 主机域名：提供此服务的计算机的域名 端口号：通常是默认的，如 Web服务器使用的是 80，一般不需要给出 /文件路径 /文件名：网页在 Web服务器中的位置和文件名URL中如果没明确给出文件名，则默认为 index.html或者 default.html文件名） 3.统一资源定位器 URL3 HTML标记语言的用法仅仑统搀兼烤这瑚鸡斋残苗灯俞忌享斗较蹲粮庇咽币事纬拒掘蔑冷吕寄企Frontpage(改)Frontpage(改)
