《计算机与信息技术基础(第3版)第九章.ppt》由会员分享，可在线阅读，更多相关《计算机与信息技术基础(第3版)第九章.ppt（44页珍藏版）》请在三一办公上搜索。
1、,第一章 概论 第二章 计算机基础知识 第三章 中文Windows XP 第四章 中文文字处理系统Word 2003 第五章 中文电子表格处理系统Excel 2003,第六章 中文幻灯片演示文稿PowerPoint 2003 第七章 多媒体技术基础 第八章 计算机网络基础 第九章 网页制作初步 第十章 计算机信息应用技术,21世纪高等学校公共课计算机教材,计算机与信息技术基础,http:/,第九章 网页制作初步,9.1 网页的基本概念 9.2 HTML语言简介 9.3 FrontPage 2003简介 9.4 使用FrontPage 2003制作网页 9.5 网页布局 9.6 创建表单页面 9
2、.7 网页动态效果的使用 9.8 网站的发布与管理,21世纪高等学校公共课计算机教材,9.1 网页的基本概念,9.1.2 网页,9.1.1 超文本和超媒体,9.1.3 网站与主页,9.1 网页的基本概念,网页,超文本文件,超媒体,首页,9.1.1 超文本和超媒体,WWW的信息组织形式:超文本和超媒体超文本（Hypertext）:通过链接关系，形成复杂的网状方式来组织信息形式，就称为超文本。超媒体（Hypermedia）:多种媒体类型的信息媒体,如文本、图像、动画、声音或影像等,称为超媒体。,9.1.2 网页,网页(Web Page)是通过WWW发布的包含有文本、图片、声音和动画等多媒体信息的页
3、面。它是一个文本文件，其扩展名通常为.htm或html。网页一般可分为以下两种：静态网页：该网页文件中不含程序代码，只有HTML标记，一经生成，内容就不会再变化。常利用网页制作软件:如FrontPage、Dreamweaver等方便地生成。动态网页：该网页文件不仅含有HTML标记，而且含有程序代码。动态网页能够根据不同的时间、不同的来访者而显示不同的内容。常通过ASP、PHP、JSP、ASP.NET等语言进行编程实现。,9.1.3 网站与主页,网站（web site）:是存储在Web服务器的共享目录中的一系列网页文件和其他相关联的网页、图形、文档、多媒体等文件的集合，实际它是一个文件夹。主页（
4、Home page）又叫首页，是指用户使用WWW浏览器访问Internet上的任何WWW服务器（即Web主机）所看到的第一个页面。通常将其命名为“index.htm”或“index.html”或“default.htm”或“default.html”。,9.2 HTML语言简介,9.2.2 HTML基础,9.2.1 HTML概述,9.2.1 HTML概述,HTML（HyperText Markup Language超文本标记语言）是一种用于网页制作的排版语言。HTML主要功能：格式化文本。创建列表。插入图像。创建表格。加入多媒体。建立超链接。提供交互式窗体等。HTML的编辑环境:用HTML语言
5、编写的网页是纯文本文件，可以用任何文本编辑器进行编辑,存盘时，其文件名扩展名为.htm或.html,称为HTML文件，也称为Web文件。可以通过浏览器读取并解释HTML文件。,9.2.2 HTML基础,HTML的基本语法,HTML文件由标记（Tag）、文本和URL组成。HTML的控制标记对大小写不敏感，同时控制标记用“”进行区分。大多数成对出现。格式为：受标记影响的内容,例如:清华大学主页 清华大学主页 属性示例,9.2.2 HTML基础,2HTML文件的基本结构,1 声明HTML文件的版本信息。2 网页文档标记3 头部元素4 标题元素 5 文档正文标记,HTML文件的基本结构一般可描述如下：
6、网页的标题 网页的内容,演示例9.1,9.3 FrontPage 2003,9.3.1 FrontPage 2003的界面组成,9.3.2 FrontPage 2003的基本视图,FrontPage 2003是Microsoft公司推出的Office 2003系列办公套装软件之一，使用方便，充分体现了“所见即所得”制作效果，操作简单和交互能力强，较之前的版本新增和改进了许多功能，如新增了“智能标记”、“数据库接口向导”、“访问状况分析报表”、“发布单一页面”、“SharePoint团队服务功能”等。,9.3 FrontPage 2003,菜单栏,工具栏,工作区,标题栏,标记栏,视图切换区,状态
7、栏,9.3.1 用户界面,默认文件名,FrontPage 2003提供了7种视图方式1.网页视图5.超链接视图 2.文件夹视图6.任务视图3.报表视图 7.远程网站 4.导航视图,网页视图上，有4种页面模式1.设计标签 2.代码标签3.拆分标签 4.预览标签,9.3.2 FrontPage 2003的基本视图,9.4 使用FrontPage 2003制作网页,9.4.1 创建站点,9.4.2 基本网页编辑,9.4.3 在网页中插入图片,9.4.4 表格处理,9.4.5 创建超链接,9.4.1 创建站点,1创建站点,站点是一个文件夹，通常所有要发布的网页文件和相互链接的共享文件、图像等均要放入站
8、点内。,建立站点的方法：使用向导建立新的站点“文件”菜单/新建/由一个网页组成的站点/“常规”选项卡/向导使用模板创建新的站点“文件”菜单/新建/其他模板自定义站点“文件”菜单/新建/由一个网页组成的站点/“常规”选项卡/空白网站更改站点的名称和设置“工具”菜单/“网站设置”命令删除站点“编辑”菜单/删除命令,9.4.1 创建站点,2创建网页,创建网页的方法有三种:建立空白网页单击常用工具栏中的“新建”按钮，使用现有网页来建立新的网页单击“文件”菜单“新建”“新建网页”“根据现有网页”命令使用模板来建立新的网页单击“文件”菜单“新建”命令“新建网页”“其他网页模板”,网页是构成网站的基本元素，
9、是信息的主要载体，可以作为网站的一部分存在，也可以独立存在。,保存网页“文件”菜单保存文件或常用“工具”栏中的“保存”按钮注意：如果网页中含有图片，在保存网页时将弹出“保存嵌入文件”对话框，指定图片保存到站点的位置和文件名。,9.4.2 基本网页编辑,演示例9.2,9.4.2 基本网页编辑,3设置网页属性,设置网页标题 单击“文件”菜单“属性”“常规”选项卡标题文本框中输入网页的标题设置网页背景单击“文件”菜单“属性”“格式”选项卡“背景”选择颜色或“背景图片”设置背景音乐 单击“文件”菜单“属性”“常规”选项卡背景音乐,9.4.3 在网页中插入图片,1在网页中插入图像,网页中可用的图像类型：
10、Gif格式、Swf 格式、Jpeg格式、Png格式在网页中插入图像：“插入”菜单“图片”“来自文件”或“剪切画”,2图片属性设置,选中图片，单击“格式”菜单“属性”命令“外观”选项卡,9.4.3 在网页中插入图片,9.4.4 表格处理,在Web中，表格可以有效的组织、规划和布局页面。表格是有效地组织和处理数据的一种形式。,9.4.5 超链接,在FrontPage 2003中，将链接被定义为两部分组成：超链接主体和超链接目标地址。超链接主体是指引导超链接的部分（包含文本和图像）,超链接的目标包括网页、页面中的书签、文件或电子邮件等。,当鼠标指针移动到超链接的主体上时，鼠标指针将会变成一个手的形状
11、。超链接目标地址是指鼠标单击后，将要显示内容，即切换对象。,1创建超链接,在网页中，超链接分为外部超链接和内部超链接两种。,书签用来标记网页中的信息位置，因而建立页内超链接。当一个页面文件很大或者要定位光标位置时，书签超链发挥积极的作用。创建书签超链接时，首先必须定义书签，然后再把超链接指向书签。,9.4.5 超链接,2书签链接,9.4.5 超链接,将光标移到文本载体的内部或是单击选定图片利用“常用”工具栏中的“插入超链接”按钮,编辑超链接单击鼠标右键快捷菜单编辑超链接,3编辑超链接,4超链接管理,查看站点中的超链接结构，了解站点的结构和各个文件的超链接是否正确。“视图”菜单“超链接”命令,9
12、.5 网页布局,FrontPage 2003提供了表格和框架两种页面布局的方法，其中框架技术可以将页面分成若干个子窗格，总体上有一个总控HTML文件将各个窗格联系起来，同时每个窗格里单独放置一个HTML文件。,注意：多框架网页的保存中，每个框架都将单独生成一个文件，包含框架的网页也将生成一个文件，因此，含n个框架的网页将产生n+1个文件。,9.6 制作交互式表单网页,表单提供了交互传递信息的方法，为用户提供了将信息传送回web站点创建者和管理者的可能性。如果没有表单，Web就是一条单程的街道。表单在Web上有很多用途，包括调查、电子商务、客户订单、民意调查甚至实时自定义图形创建。每个表单都需要
13、到Web服务器上的连接，这种连接常采用CGI(公共网关接口)脚本的形式，但也可使用JSP,VSP。当然程序员还常常需要编写对表单信息进行收集和处理的程序。,9.6 制作交互式表单网页,3自定义表单“插入”/“表单”/利用“表单”工具栏,演示例9.3,创建表单的方法常有：表单模板、表单向导、自定义表单,1利用模板创建表单单击“文件”菜单“新建”命令“其他网页模板”选项“常规”选项卡表单模板选项,2利用表单网页向导创建表单单击“文件”菜单“新建”命令“其他网页模板”选项“常规”选项卡“表单网页向导”选项。,字幕,站点计数器,9.7.4 交互式按钮,9.7.3 网页过渡效果,9.7 网页动态效果的使
14、用,9.7 网页动态效果的使用,在网上浏览网页时，经常可以看到有些元素在运动，为了能够容易制作网页的动态效果，FrontPage 2003提供了13类动态效果制作技术，并把这些动态元素作为组件集中在一起，通过“插入”菜单中“Web组件”选项（或工具栏中的组件按钮）可以插入动态元素。动态元素只有在IE浏览器中，其动态效果才能正常地显示。,可以滚动的文字一般称为字幕。在很多网页中都可以看到滚动字幕，特别醒目，经常用来发布一些站点的通知或提示信息等。滚动字幕在网页中的效果是：包含一些文字或小图片的一个方框沿着一个方向滚动或来回滚动。,演示例9.4,字幕,站点计数器的主要功能是显示被访问的次数。浏览者
15、访问网页时，站点计数器中的数字就会增加，就可以实现访问统计的目的。只有将包含计数器的网页从Web服务器进行发布后，站点计数器才能正常工作。,9.7.2 站点计数器,站点计数器操作方法如下：“插入”菜单“Web组件”命令；在“组件类型”域中选择“计数器”；打开“计数器属性”对话框进行设置；,网页过渡效果是指当浏览者进入或离开网页时所产生的效果。,9.7.3 网页过渡效果,悬停按钮是一个动感按钮，如果把鼠标移到该按钮上，就会它会改变颜色和亮度，如果单击该按钮时，就会链接到另一个页面。缺省情况下，悬停按钮是一个彩色方框的文字按钮。,9.7.4 交互式按钮,9.8 网站的发布与管理,管理站点,9.8.
16、2 测试站点,9.8.4 发布站点,9.8.3 维护站点,9.8.1 管理站点,网站中各个任务的具体情况可以通过网站的“任务”视图进行查看。“任务”视图下，单击鼠标右键，在弹出的快捷菜单中，我们可“编辑任务”、“添加新任务”、“标记任务完成”和“删除任务”。,9.8.2 测试站点,测试站点是为了及时发现存在问题、完善站点。1.设置站点兼容性如果用户在设置站点时，站点中包含多个动态或交互的网页，就必须考虑它们能否在浏览器中正常显示或运行。Frontpage2003允许用户指定站点与哪些浏览器兼容或使用哪些技术。在Frontpage2003中，用户可以指定Microsoft Internet Ex
17、plorer或Netscape Navigator等浏览器或是自己设定可采用的技术。选择“工具”/“网页选项”/“创作”标签命令2.测试下载速度测试网页下载速度：在“视图”菜单/“报表”视图/“问题”/“慢速网页”中，用户可对整个站点的大小及其中慢速网页的一览无余。注意：如果用户将站点中的某些文件或文件夹隐藏了起来，这些文件将不统计在内。可选择“工具”/“网站设置”/“高级”标签/勾选“显示隐藏文件或文件夹”。“慢速网页”的设置：“工具”/“选项”命令/“报表视图”对话框,9.8.3 维护站点,维护站点我们常进行以下操作:,1.检查网页中的拼写错误：设置默认的拼写语言:选择“工具”菜单/”网页
18、选项”/“常规”选向卡/默认的拼写检查语言命令进行拼写检查：选择“工具”菜单/“拼写检查”命令2.重命名站点：站点名称是指向站点服务器或文件系统的一个目录名。选择“工具”/”网站设置”/“常规”选向卡/“网站名称”命令注意：如果站点发布后对其重命名，则需要重新发布整个站点。重命名站点后链接自其他网站地址的超链接将不能正常工作3.设置站点语言：用户可以自行设定用于站点服务器向浏览器返回错误信息时所使用的语言。选择“工具”/”网站设置”/“语言”命令,9.8.4 发布站点,1发布前的准备工作,申请域名。确定服务器。浏览测试：重要的是检查超链接。“工具”/“重新计算超链接”可对当前站点的链接状态进行
19、验证。“视图”/“报表”/“问题”/“超链接”命令，修复断开的超链接。双击“超链接”下拉列表框中的一个超链接/“编辑网页”按钮，可修改链接源。,2发布网站,（1）设置文件的发布状态：决定了站点中的相应文件是否发布.在“报表”视图下，选择“视图”/“报表”/“工作流”/“发布状态”命令,查看站点的所有文件的发布状态。如果用户希望不发布站点中的某个文件，可选中“发布状态”列表框的一个文件并且右击，选择“不发布命令”。（2）使用文件系统发布站点：在网页视图中，打开要发布的站点。单击“文件”菜单/“发布网站”命令/打开“远程网站属性”对话框。在“远程网站”选项卡中，完成“远程Web服务器类型”、“远程网站位置”的设置。在“发布”选项卡中，完成对要发布的网页内容的选择。单击“确定”按钮，就可进行传输。,9.8.4 发布站点,本章从对网页、网站的介绍开始，介绍了如何使用FrontPage 2003创建和管理网站，主要介绍了HTML语言的基础知识、FrontPage 2003的窗口、视图方式、站点和网页的创建等。着重介绍了网页编辑、网页布局、创建表单和动态特效的设置。最后介绍了维护与发布站点的操作。,本章小结,Thank you very much!,谢谢您的光临，再见！,
