第9章FrontPage2003解说.ppt

大学计算机基础 主讲教师：李涛 电子邮箱：ltao@ 咨询QQ：1196551419 第9章 FrontPage 2003  www. 例-表单域示例 1. 选项按钮 2.文本框 3.文本区 4.复选框 5.按钮 FrontPage2003基本操作 * 1、常用网页制作软件介绍 2、 WWW 的基本知识 3、 HTML语言简介 4、 FrontPage 2003基本操作 主要内容 1.常用网页制作软件介绍 1.1 什么是网页 用HTML语言编写的文件称为HTML文件，以页面的形式呈现在用户的屏幕上。 （1） Dreamweaver：所见即所得的网页编辑工具； （2） Fireworks：针对网络图形设计的工具软件； （3） Flash：矢量图形编辑和交互式动画制作软件； 1.2 网页制作常用软件 网页三剑客 1 1.常用网页制作软件介绍 FrontPage 2003是微软公司最近推出的Microsoft Office System套装软件的重要组成部分。FrontPage是一款所见即所得的网页制作软件，该软件以其强大的向导功能和简单易用而著称； 1.2 网页制作常用软件 Front Page 2003 2 1.常用网页制作软件介绍 2. WWW 的基本知识 2.1 网站 网站是一组相关网页和有关文件的组合，一般有一个特殊的网页作为浏览的起始点，称为主页，用来引导用户访问其他网页。网站通常位于WEB服务器上。 2.2 网址 网页的地址（URL)。 3.1 HTML（超文本标记语言） 是网页技术的基础，它使用一些约定的标记（tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制信息的显示。 3. HTML语言简介 初识HTML：例3-表格示例 3. HTML语言简介 3.2 HTML网页的结构 （1）头部（Head）：由head和/head标记定义。 （2）正文主体（Body） ：由body和/body标记定义。 bgcolor:六位十六进制数表示颜色，例如： body bgcolor= #FF0000…/body 3. HTML语言简介 3.3 HTML文件的基本构成 （1）文本内容：含有需要展现的具体信息。 （2）HTML标记：负责控制文本显示的外观和版式。 3. HTML语言简介 3.4 HTML标记的书写格式 （1）＜标记名＞文本内容＜／标记名＞ （2）＜标记名 属性1=值1 属性2=值2 …＞ 文本内容 ＜／标记名＞ 3. HTML语言简介 例1-文本布局示例 3. HTML语言简介 3.5 HTML网页的文本布局标记 center…/center标记中包含的内容显示在页面中央。 居中标记center 1 3. HTML语言简介 3.5 HTML网页的文本布局标记 br标记可以强制文本换行，该标记只有开始标记。 换行标记br 2 3. HTML语言简介 水平线标记hr 水平线标记hr用于在网页中插入一条水平线。使用格式如下： hr width=宽度 size=高度(像素) color颜色 align=对齐方式 其中，颜色可以用两中方式表示： （1）color=red green blue white black… (2) Color =#FF0000 #00FF00 #0000FF #FFFFFF #000000 3 3. HTML语言简介 3.5 HTML网页的文本布局标记 段落标记P 4 p…/p标记指定文档中一个独立的段落。使用格式如下： p align=对齐方式 … /p 3. HTML语言简介 3.5 HTML网页的文本布局标记 3.6 HTML网页的其它标记 h标记定义文字标题。标题文字将以指定大小，黑体显示。 格式：hn 标题文字 /hn 其中，n为1到6的数字，表示字体由大到小。 标题标记h 1 3. HTML语言简介 字体标记用来对文字格式进行设置。 iubfont face=黑体 size=5 color=#FF0000我们在上课/font/b/u/i 字体标记font 2 3. HTML语言简介 3.6 HTML网页的其它标记 字形标记 3 b /b 加粗 i /i倾斜 u /u 下划线 sup /sup上标 sub /sub下标 格式：a href=URL超连接文本/a 超级链接a href= 5 3. HTML语言简介 3.6 HTML网页的其它标记 插入图片标记Img 4 将图片插入网页中，格式：img src =URL 3.6 HTML网页的其它标记 定义表格的有关标记如下： t