第8篇 网页制作.pptVIP

计算机网络技术与应用 唐晶磊 《数据通信与网络技术》 第8章 网页制作 8.1 网页概述 8.2 HTML语言基础 8.3 使用FrontPage制作网页 8.4 网站发布与测试 8.1 网页概述 网页基本概念 是用户上网时，在浏览器中显示的HTML文档。 通过HTML标记，将文字、图片等信息组织在一起，在浏览器上呈现出图文并茂的页面。 网页的基本组成 文本：展示信息的主体。 图片：对网页进行装饰。 超链接：万维网的灵魂。用户可以快速找到并打开所需资源，并不需要知道此资源的具体位置（URL地址）。 表格、表单、视频和音频等 8.1 网页概述 网页制作工具 文本编辑器(Notepad、EditPlus); 注意：保存网页时，网页扩展名必须为.html或者.htm。 专业网页制作软件，FrontPage、Dreamweaver等。 网站 即WebSite，作者或者网站管理员，将内容相关的网页、图片、视频和音频等信息集合在一起，存放在一个Web服务器中供用户浏览。 8.2 HTML语言基础 HTML（Hypertext Markup Language，超文本标记语言），一种标记式的语言，专门用来编写网页。 HTML标记语法： 标记是进行格式描述的最基本元素，HTML通过不同的标记及其属性来显示指定对象。 标记是用尖括号(英文半角)括起来的控制符（一般成对出现，有开始和结束控制符，如HTML和/HTML ）。 8.2 HTML语言基础 标记格式： 标记名[属性名1＝属性值1 属性名2＝属性值2…格式化对象/标记名 标记名：指明“格式化对象”基本的显示格式 属性：更详细控制“格式化对象”的显示格式。 例如 FONT color=red size=5中国/FONT 标记名、属性名与字母大小写无关。 8.2 HTML语言基础 Web网页的基本结构： HTML HEAD TITLE网页标题/TITLE /HEAD BODY 正文部分 /BODY /HTML 8.2 HTML语言基础 开始和结束标记 以HTML开始，以/HTML标记结束，告诉浏览器这是一个HTML网页文件。 标头区 有一对HEAD/HEAD来定义，在此可以利用TITLE和/TITLE来定义网页的标题。 主体区 主体区用BODY和/BODY来定义，网页中的主体内容都应用写在主体区中。 第一个HTML例子 HTML HEAD TITLE简单的网页制作/TITLE /HEAD BODY 这是我的第一个网页 /BODY /HTML 页面属性设置 页面属性：网页的背景颜色、图片、字体颜色和超链接的颜色。页面属性的设置通过body标记的属性来实现。 常用属性：Bgcolor 背景颜色Background 背景图片所在路径及图片名 TEXT 网页中文字的整体颜色 页面属性设置 两种颜色表示方法 色彩单词，如White、red、blue等 色彩值，即6位十六进制值表示，两位一组。　 RR=Red　　红色，其值为00-FF GG=Green　绿色，其值为00-FF BB=Blue 　蓝色，其值为00-FF利用这三种颜色值的组合，可配出各种颜色。 文本标记 文本标记 字体font…/font，其属性有： 字号：size=字体大小(1-7) 。 颜色：color=字体颜色 段落标记p…/p，属性有： 对齐方式 align，可以为left、center、right br (分行) b…/b 、 u…/u 、 I…/I（字体样式） hn…/hn(其中n=1..6)（标题） sub下标 、 sup 上标 hr（水平分隔线） 文本标记 滚动字幕marquee标记，其属性有： 移动方向 direction＝left, right, up, down 移动方式 behavior=scroll, slide, alternate 移动速度属性的设置 scrollamount=# ,默认值为6，越大移动越快 使用图像 常用图片格式 GIF格式 ：最多表示256色，支持透明和动画。 JPEG格式 ：压缩率很高，颜色丰富。 PNG格式：采用无损压缩，适应于任何颜色深度的图片。 img标记及其属性 src=要显示的图像的URL width= px或%(单位为像素或者为窗口的%数) height=px或% align= left或right 超级链接 URL简介 HTML利用统一资源定位器（URL），定位Web页上的文档信息。 一个URL包括3个部分：协议类型、所需文件的计算机地址和包含信息的文件地址和文件名。例如： http://WWW.PKU.EDU.CN/NET/index.