230 likes | 416 Vues
几个术语. HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言 LAN:Local Area Network ,局域网 WAN:Wide Area Network ,广域网 CHINAPAC: 中国公共分组交换网 TCP/IP: 传输控制协议 / 网间互联协议,互联网标准协议 FTP:File Transport Protocol ,文件传输协议 HTTP:HyperText Transport Protocol ,超文本传输协议
E N D
几个术语 HomePage:主页 WWW:World Wide Web, 万维网 HTML:HyperText Markup Language,超文本标记语言 LAN:Local Area Network,局域网 WAN:Wide Area Network,广域网 CHINAPAC:中国公共分组交换网 TCP/IP:传输控制协议/网间互联协议,互联网标准协议 FTP:File Transport Protocol,文件传输协议 HTTP:HyperText Transport Protocol,超文本传输协议 URL:Uniform Resource Locator,统一资源定位器 Link:链接
第一章、准备工作 • 1、Internet概述 • 网络的概念 • 将地理位置不同且具有独立功能的多个计算机系统,通过通信设备和通信线路连接起来,在网络软件的支持下实现彼此之间的数据通信和资源共享的系统;
第一章、准备工作 • 1、Internet概述 • 国际互联网简介(Internet) • 概念 • 将许多装载大量信息的网络连接起来的大网络 • 将许多各种各样的网络连接在一起的国际性网络 • 网络之间交换信息时采用TCP/IP作为通信协议 • 历史 • 1969年 ARPnet • NSFnet • Internet • 组成要素:服务器,客户机,网络,协议,地址 • 服务:电子邮件,远程登录,文件传输,新闻组,WWW
2.1、FrontPage2000概述 1、FrontPage2000的发展史 1995年,VERMEER学院公布FrontPage 1996年, FrontPage2.0 1997年,M icro Soft公司提出了FrontPage97 1998年,推出了FrontPage98 1999年,推出了FrontPage2000 2、FrontPage2000功能介绍 ~是一个全面的网站创建和管理组建,利用它能制作出 一个完整的Web站点,并进行管理。 3、FrontPage2000的组成部分 * 网页编辑器(FrontPage Edit) * Web服务器 (FrontPage Personal Web Server) * 站点管理工具(FrontPage Explorer)
2.2~2.3、FP2000的安装、启动和关闭 1、安装步骤 在Microsoft提供的安装向导指引下,逐步完成FrontPage 2000的安装和设置工作。 (在使用过程中对某些配置进行修改,没有必要进行重 新安装) 2、启动 方法1:开始—>程序—>Microsoft FrontPage2000 方法2:创建快捷方式,启动时打开快捷图标 方法3:从Office快捷工具栏启动 3、关闭 关闭按钮(常用方法) (其他关闭方法?)课后思考题
第三章、FrontPage2000用户界面介绍 §3.1FrontPage2000用户界面总览 菜单栏 工具栏 标题栏 网页编辑窗口 视图控制面版 状态栏
3.2--3.5界面各部分介绍 • 标题栏 • 菜单栏 • 工具栏 • 视图切换选择卡 • 状态栏 • 网页编辑窗口 • 视图控制面板
3.5 视图栏及不同的视图方式 视图栏是进行网站和网页设计的主要窗口, 由左图所示的6个视图按钮组成。 用户可以根据自己的需要,方便的切换不同的视图以进行网页的编辑。 各个按钮的功能与 “查看” 菜单的各对应按钮功能一致。
3.5.1网页视图 “HTML”视图 (可以用 HTML直接 进行网页或 者站点的开发) 预览视图 普通视 图 (可以用图文 并茂的编辑 工具来进行 网页或者站 点的开发) (可以在编辑器中 预览网页或者网站)
使用模板创建站点 1. 点击菜单下 文件----〉新建-----〉站点 如图(1)所示。 图(1) 2. 选择 “个人站点” ,创建一个个人主页型的站点。
应用站点主题 1、点击菜单下格式->主题,出现如图1窗口。 2、选择所列出的主题,观察变化,满意后按“确定”。
使用向导 1、点击菜单下文件->新建->网页,出现如图1窗口。 2、选择一种网页的形式,例如“带有标题的宽行正文”,按“确定”。 图 (1)
对网页文件的操作 新建/保存/打开 对站点的操作 新建/保存/打开 新建/保存/打开 对站点的操作 对站点的操作: 新建、 保存、打开、导入、发布 对网页文件的操作: 新建 新建一个网页,我们可以点击菜单文件-新建-网页,利用向导操作,或点击工具栏上的,新建一个空白网页。 保存 点击菜单文件->保存或 ,就可保存文件,文件应保存在网站的目录内,文件 名的命名规范和Windwos的要求一样,但是最好不要用中文名。 打开 点击菜单文件->打开或文件->最近打开的文件或工具栏上的按钮 ,就可打开文件。 对网页文件的操作
如何设置网页的标题 1、在“网页视图”中点击鼠标右键,选择弹出菜单中的“网页属性”, 如图1所示: 图(1) continue
对正文/段落的排版 1、在Frontpage中,我们可以利用格式工具栏:像在Word中编辑文字一样,设置文字大小、颜色、对齐方式等 如: 工具栏按钮状态 文字布局 默认文字布局对齐与前后文相关 左对齐 居中对齐 右对齐
2、按钮 产生如下的列表和项目符号 按钮状态 文字布局 • 我今天讲三点内容: • 第一点 • 第二点 • 第三点 • 网页上传有多种办法,例如: • 直接拷贝到服务器上。 • Ftp上传。 • 通过Frontpage内置的上传功能 3、段落效果如下表格所示,打开“常用”工具栏上 按钮就可以看出差别来。
右边是三个自然段,段落与段落之间间隔较大,通过键入“回车”产生,在HTML文件中用<p>标志。 段落一。 段落二。 段落三。 右边是一个自然段的三行文字,行与行之间间隔较小,通过键入“Shift+回车”产生,在HTML文件中用<br>标志。 一个自然段的第一行,第二行,第三行。 this part end!
操作图形/背景 在网页中常用的图形格式是jpg、gif。 1、插入图片,点击“常用”工具栏上的 ,插入图片。鼠标右键点击图片,在弹出菜单中选择“图片属性”,
2、点击菜单文件->属性,调出网页属性对话框,选择一个背景图片或直接指定背景颜色(如果选中水印,则在滚动浏览网页时,背景不动)。如下图:2、点击菜单文件->属性,调出网页属性对话框,选择一个背景图片或直接指定背景颜色(如果选中水印,则在滚动浏览网页时,背景不动)。如下图: 3、在背景图片或背景颜色指定的情况下,还可添加gif文件,效果同学自己尝试。 this part end!
1、选中要添加超级链接的文字或图片,点击菜单插入-超链接,或按快捷键Ctrl+k,或按工具栏上的 ,出现下图 超级链接 选择要链接的文件或直接打入链接目标的URL地址,默认是“http”链接,如打入“www.icopyleft.com”链接时是“http://www.icopyleft.com”,如果要发送电子邮件,我们键入“mailto:lihuich@163.net”。我们也可以将超级链接指向图形文件或其他普通文件 。
2、客户端的Map 图形文件的Map指的是一个图形上有多个热区,可以分别指向不同的URL,Map的坐标可以由服务器定位,称为服务器端Map,也可以在客户端定位,不用与服务器进行数据交换,称为客户端Map。 操作步骤:先调出“图片”工具栏,选中一个图形文件, 利用“图片”工具栏上的 按钮, 加入客户端Map(也可称为“热区”),指向相应的链接。 this part end!
在“文件夹视图”中操作文件 1、在“文件夹视图”中选中一个被HTML文件引用的图形文件,并改名,如下图: 我们可以发现,所有引用该图形的HTML中关于图形的链接地址都已经更新了,而我们不费吹灰之力。:-)) 同样,对于其他文件的改名、删除、移动也是如此。 this part end!
表格的操作 点击菜单表格->插入->表格,并设置参数如图1: 图1 按“确定”后出现如下所示的表格: 表格基本框架定型后,我们还可以添加、删除行、列,合并表格项等(与Word相似)。 end!