资源描述
,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,第一节 入 门,一、Web,基础,二、新建站点,三、网页编辑,四、超级链接,五、网页排版,1,第一节 入 门一、Web基础1,1.认识,Web,Web,是万维网(World Wide Web)的简称,也被称为,3W,或,WWW,。,一、,Web基础,2,1.认识WebWeb是万维网(World Wide We,Web,的特点,信息双向性:,可在Internet上查询信息,也可以在Web服务器上建立存放网页,供他人浏览查询。,多媒体信息:,可处理文字、图象、声音、动画、视频。,超级链接:,使用超文本(Hypertext)是Web的最大特点,它是通向Internet资源的超级链接。,3,Web的特点信息双向性:可在Internet上查询信息,也可,2.网页与网站,网页:,也叫Web页,是HTML格式的文件。,主页:,又叫首页,当我们进入一个网站时所看到的第一个网页则通称为该网站的首页(Home Page)。,HTML:,HyperText Markup Language,超文本标记语言,格式化网页的代码。(,P251,HTML基本元素,要求熟悉一些常用的标记,),网站:,2个或更多的网页链接在一起,就构成了网站。,4,2.网页与网站网页:也叫Web页,是HTML格式的文件。4,网站,是以,服务器,为家的。,服务器,是一种大容量的超级电脑,与Internet日夜相连,它提供数据,如网页、电子邮件等。,在,浏览器,上单击一个,链接,时,就向,服务器,发出了请求,服务器再通过网络线把数据传给浏览器。,3.网站与服务器,5,网站是以服务器为家的。3.网站与服务器5,URL,(统一资源定位符),是,网页在Internet上的地址。,浏览器,根据,URL,通过,超文本传输协议,,将,Web服务器,上站点的,网页,代码提取出来,并翻译成漂亮的网页。,4.URL,(Uniform Resource Locator),6,URL(统一资源定位符),是网页在Internet上的地址。,典型的URL,例如:,http:/ HTML文件,上网浏览过程,请求数据,返回数据,超级链接,8,浏览器服务器网站传输协议、URL网页 HTML文件上网浏览,建在自己机器上的网站就是虚拟网站或叫本地站点。,本地计算机上的任何一个目录(文件夹)都可以作为虚拟站点。,虚拟网站的好处是:,实现网络操作本地化。,方便网站的建设和维护。,5.虚拟网站,9,建在自己机器上的网站就是虚拟网站或叫本地站点。5.虚拟网站9,二、,FrontPage入门,启动FrontPage(,自学,),FrontPage工作界面(,自学,),6种视图模式(,自学,),10,二、FrontPage入门 启动FrontPage(自学)1,三、基本站点操作,创建新站点,删除站点,打开、关闭站点,新建网页,保存网页,11,三、基本站点操作 创建新站点11,1.创建新站点,(1).利用模板,选择,文件新建网站,命令。,在站点模板中选择,个人站点,。,在,指定新站点的位置,下的文本框中输入,站点位置,(,D:AAA)。,单击,确定,按钮。,12,1.创建新站点(1).利用模板12,(2).从头开始建网站,选择,文件新建网站,命令。,在站点模板中选择,只有一个网页的站点,,或,空网站,。,在,指定新站点的位置,下的文本框中输入,站点位置,(,D:AAA2)。,单击,确定,按钮。,13,(2).从头开始建网站13,2.删除站点,打开站点。,在文件夹视图中选中,站点根目录,。,选择,编辑删除,命令。,选择,删除整个站点。,单击,确定,按钮。,14,2.删除站点打开站点。14,3.打开、关闭站点,打开站点,选择,文件打开网站,命令。,选择站点(或文件夹),单击,打开,。,FrontPage2000允许打开多个网站。,关闭站点,单击,关闭按钮,。,15,3.打开、关闭站点打开站点15,4.新建网页,在任何能够对文件操作的地方都可以新建网页,方法:,选择,文件新建网页,命令。,单击,新建网页,按钮。,单击,右键,,在菜单中选择新建网页。,16,4.新建网页 在任何能够对文件操作的地方都可以新建网页,,在不同视图下建网页的特点:,网页视图,可选用有网页布局的模板。,导航视图,可清晰地观察网站层次结构。,文件夹视图,可同时修改网页的文件名和标题。,17,在不同视图下建网页的特点:网页视图17,5.保存新网页,保存网页视图下建的新网页:,单击,保存,按钮。,键入网页的文件名,保存类型选择,Web页。,单击,更改,按钮,修改网页标题。,单击,保存,按钮。,18,5.保存新网页保存网页视图下建的新网页:18,四、应用站点主题,什么是主题?,应用主题步骤,修改网页标题,19,四、应用站点主题 什么是主题?19,1.什么是主题?,主题就是一种页面风格,包括,文本颜色,、,超级链接颜色,、,字体,、,背景图案,、,背景颜色,、,按钮,、,水平线,、,项目符号,、,导航栏,、,共享边框,以及,大标题,等的设置。不同的主题表现出不同的风格。,20,1.什么是主题?主题就是一种页面风格,包括文本颜色、超级,2.应用主题的步骤,生成导航图,:,把文件夹列表中的网页文件直接,拖到导航视图,中。,选择主题,:,打开网页,选择,格式主题,命令。,创建共享边框,:,选择,格式共享边框,命令。,21,2.应用主题的步骤生成导航图:21,3.修改网页标题,在网页视图和导航视图中可以修改网页标题,在网页中选横幅,单击右键,选择,网页横幅标题属性,。,在导航图中直接修改网页标题。,22,3.修改网页标题在网页视图和导航视图中可以修改网页标题2,第三节 网页编辑(,参照WORD自学,),一、使用文本,二、制作列表,三、插入图片,23,第三节 网页编辑(参照WORD自学)一、使用文本23,用图像的注意事项,网带的宽度有限,滥用图像会使网页下载速度慢得不堪忍受。,图像文件要尽量小:,一个页面的图像文件总合50k。,提高图像利用率:,尽量使用在页面中用过的图像。,24,用图像的注意事项网带的宽度有限,滥用图像会使网页下载速度慢,
展开阅读全文