HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language...

23

Click here to load reader

description

几个术语. 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 ,超文本传输协议 - PowerPoint PPT Presentation

Transcript of HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language...

Page 1: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

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: 链接

几个术语

Page 2: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

1 、 Internet 概述网络的概念•将地理位置不同且具有独立功能的多个计算机系统,通过通信设备和通信线路连接起来,在网络软件的支持下实现彼此之间的数据通信和资源共享的系统;

第一章、准备工作

Page 3: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

1 、 Internet 概述国际互联网简介( Internet )•概念

将许多装载大量信息的网络连接起来的大网络将许多各种各样的网络连接在一起的国际性网络网络之间交换信息时采用 TCP/IP 作为通信协议

•历史1969 年 ARPnetNSFnetInternet

•组成要素 : 服务器,客户机,网络,协议,地址•服务:电子邮件,远程登录,文件传输,新闻组, WWW

第一章、准备工作

Page 4: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

2.1 、 FrontPage2000 概述

1 、 FrontPage2000 的发展史

2 、 FrontPage2000 功能介绍 ~ 是一个全面的网站创建和管理组建,利用它能制作出 一个完整的 Web 站点,并进行管理。

1995 年, VERMEER 学院公布 FrontPage1996 年, FrontPage2.0

1997 年, M icro Soft 公司提出了 FrontPage971998 年,推出了 FrontPage98 1999 年,推出了 FrontPage2000

3 、 FrontPage2000 的组成部分 * 网页编辑器( FrontPage Edit ) * Web 服务器 (FrontPage Personal Web Server) * 站点管理工具 (FrontPage Explorer)

Page 5: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

2.2~2.3 、 FP2000 的安装、启动和关闭1 、安装步骤 在 Microsoft 提供的安装向导指引下,逐步完成 FrontPage 2000 的安装和设置工作。 (在使用过程中对某些配置进行修改,没有必要进行重 新安装)

2 、启动 方法 1 :开始— > 程序— >Microsoft FrontPage2000 方法 2 :创建快捷方式,启动时打开快捷图标 方法 3 :从 Office 快捷工具栏启动

3 、关闭 关闭按钮(常用方法) (其他关闭方法?)课后思考题

Page 6: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

网页编辑窗口

菜单栏工具栏

状态栏视图控制面版

第三章、 FrontPage2000 用户界面介绍

标题栏

§3.1FrontPage2000 用户界面总览

Page 7: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

3.2--3.5 界面各部分介绍

•标题栏

•菜单栏

•工具栏

•视图切换选择卡

•状态栏

•网页编辑窗口

•视图控制面板

Page 8: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

3.5 视图栏及不同的视图方式

视图栏是进行网站和网页设计的主要窗口,由左图所示的 6 个视图按钮组成。 用户可以根据自己的需要,方便的切换不同的视图以进行网页的编辑。 各个按钮的功能与 “查看” 菜单的各对应按钮功能一致。

Page 9: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

3.5.1 网页视图“HTML” 视图

预览视图普通视 图

(可以用图文并茂的编辑工具来进行网页或者站点的开发 )

(可以用HTML直接进行网页或者站点的开发)

(可以在编辑器中预览网页或者网站)

Page 10: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

1. 点击菜单下 文件 ----〉新建 -----〉站点 如图( 1 )所示。

2. 选择 “个人站点” ,创建一个个人主页型的站点。

图( 1 )

使用模板创建站点

Page 11: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

1 、点击菜单下格式 -> 主题 , 出现如图 1 窗口。                                                                     

应用站点主题

  2 、选择所列出的主题,观察变化,满意后按“确定”。

Page 12: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

使用向导1 、点击菜单下文件 -> 新建 -> 网页 , 出现如图 1 窗口

                                                                         

2 、选择一种网页的形式,例如“带有标题的宽行正文”,按“确定”。

( 1 )

Page 13: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

对站点的操作: 新建、 保存、打开、导入、发布

对网页文件的操作: 新建 新建一个网页,我们可以点击菜单文件 - 新建 - 网页 , 利用向导操作,或点击工具栏上的 ,新建一个空白网页。 保存

点击菜单文件 ->保存或 ,就可保存文件,文件应保存在网站的目录内,文件 名的命名规范和 Windwos 的要求一样,但是最好不要用中文名。 打开 点击菜单文件 -> 打开或文件 ->最近打开的文件或工具栏上的按钮 ,就可打开文件。

新建 /保存 / 打开

Page 14: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

如何设置网页的标题1 、在“网页视图”中点击鼠标右键,选择弹出菜单中的“网页属性”, 如图 1 所示:

图( 1 )

Page 15: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

对正文 /段落的排版1 、在 Frontpage 中,我们可以利用格式工具栏:像在 Word 中编辑文字一样,设置文字大小、颜色、对齐方式等

如:

默认文字布局对齐与前后文相关

左对齐

居中对齐

右对齐

工具栏按钮状态 文字布局

Page 16: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

2 、按钮 产生如下的列表和项目符号

按钮状态 文字布局 我今天讲三点内容:

1.第一点2.第二点3.第三点

网页上传有多种办法,例如: •直接拷贝到服务器上。•Ftp上传。•通过 Frontpage内置的上传功能

3 、段落效果如下表格所示,打开“常用”工具栏上 按钮就可以看出差别来。

Page 17: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

右边是三个自然段,段落与段落之间间隔较大,通过键入“回车”产生,在 HTML 文件中用 <p> 标志。

右边是一个自然段的三行文字,行与行之间间隔较小,通过键入“ Shift+回车”产生,在 HTML 文件中用 <br> 标志。

段落一。 段落二。段落三。

一个自然段的第一行,第二行,第三行。

Page 18: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

操作图形 /背景 在网页中常用的图形格式是 jpg 、 gif 。

1 、插入图片,点击“常用”工具栏上的 ,插入图片。鼠标右键点击图片,在弹出菜单中选择“图片属性”,

Page 19: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

2 、点击菜单文件 ->属性,调出网页属性对话框,选择一个背景图片或直接指定背景

颜色 (如果选中水印,则在滚动浏览网页时,背景不动 ) 。如下图:

3 、在背景图片或背景颜色指定的情况下,还可添加 gif 文件,效果同学自己尝试。

Page 20: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

1 、选中要添加超级链接的文字或图片,点击菜单插入 - 超链接,或按快捷键 Ctrl+k ,或按工具栏上的 ,出现下图

超级链接

选择要链接的文件或直接打入链接目标的 URL 地址,默认是“ http” 链接,如打入“ www.icopyleft.com” 链接时是“ http://www.icopyleft.com” ,如果要发送电子邮件,我们键入“ mailto:[email protected]” 。我们也可以将超级链接指向图形文件或其他普通文件 。

Page 21: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

2 、客户端的 Map

图形文件的 Map 指的是一个图形上有多个热区,可以分别指向不同的 URL , Map 的坐标可以由服务器定位,称为服务器端Map ,也可以在客户端定位,不用与服务器进行数据交换,称为客户端Map 。

操作步骤:先调出“图片”工具栏,选中一个图形文件 ,

利用“图片”工具栏上的 按钮, 加入客户端Map(也可称为“热区” ) ,指向相应的链接。

Page 22: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

在“文件夹视图”中操作文件 1 、在“文件夹视图”中选中一个被 HTML 文件引用的图形文件,并改名,如下图:

我们可以发现,所有引用该图形的 HTML 中关于图形的链接地址都已经更新了,而我们不费吹灰之力。 :-)) 同样,对于其他文件的改名、删除、移动也是如此。

Page 23: HomePage: 主页 WWW:World Wide Web , 万维网 HTML:HyperText Markup Language ,超文本标记语言

表格的操作 点击菜单表格 ->插入 ->表格,并设置参数如图 1:

 

图 1

按“确定”后出现如下所示的表格:

表格基本框架定型后,我们还可以添加、删除行、列,合并表格项等 ( 与 Word相似 ) 。