网页制作PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<Font>…</Font>（字体）
属性：face=字体名 属性：size=字体大小(1-7) 属性：color=字体颜色
<P>…</P>（分段）
属性：align=对齐方式,可以为left、center、right
<BR> (分行) <B>…</B> 、 <U>…</U> 、 <I>…</I>（字体样
第8章 网页设计基础
掌握HTML文档结构。 了解并掌握HTML的基本语法 初步掌握基本标记的使用。 能够使用FrontPage制作网页 能够将制作的网页发布到Internet上
1
8.1 概述(1)
网页的基本概念
是一个文本文件，以html或htm作为扩展名 通过html标记将文字、图片等信息组织在一起 在浏览器上呈现出一幅幅图片
在HTML里，图形、声音必须用其它软件制作，再用 HTML的标记编排在网页的原始文件里，然后浏览器才 能解读这些原始文件，并在屏幕上展示其效果。
4
8.2.1 HTML语言概述(2)
<HTML> <HEAD> <TITLE>网页标题</TITLE> </HEAD> <BODY> 正文部分 </BODY>
主体区
主体区使用<BODY>和</BODY>来定义，网页中的主体内容都应用
写在主体区中。
9
8.2.2 HTML基本标记(1)
<BODY>标记
常用属性： TEXT
文字的颜色
LINK
链接文字颜色
VLINK
已链接过的文字颜色
ALINK
被按下链接文字颜色
BGCOLOR
背景颜色
BACKGROUND 背景图形
颜色表示：
以颜色的英文名表示，如White、red、blue等
以RRGGBB代表各种颜色。 RR=Red 红色，其值为00-FF
GG=Green 绿色，其值为00-FF
BB=Blue
蓝色，其值为00-FF
利用这三种颜色值的组合，可配出各种颜色。
10
8.2.2 HTML基本标记(2)
文字的编辑
移动方向属性的设置 direction=# , #=left, right,up,down (目的方向)
移动方式属性的设置 behavior=# , #=scroll, slide, alternate
移动速度属性的设置 scrollamount=# , 默认值为6，越大移动越快
特殊符号表示
其中start=?，
?指定序列开始的序号
无序列表
<UL type=? ></UL>
type=? ,？可以为square、circle
14
8.2.2 HTML基本标记(5)
使用图像
常用图片格式 GIF格式 ：最多表示256色，支持透明和动画。 JPEG格式 ：压缩率很高，颜色丰富。 PNG格式：适应于任何类型、任何颜色深度的图片。
<IMG>标记及其属性： src=要显示的图像的URL width= px或% height=px或% align= left或right alt=？浏览器无法显示图形时，出现的替代文字
15
8.2.2 HTML基本标记(5)
式） <Hn>…</Hn>(其中n=1..6)（标题） <SUB>下标 、 <SUP> 上标 <HR>（水平分隔线）
11
SUCCESS
THANK YOU
2019/6/19
8.2.2 HTML基本标记(3)
滚动字幕<marquee>…</marquee>标记
移动区域的大小设置 width=? 和height=?
网页的基本组成
文字 图像 超级链接
2
8.1 概述(2)
网页制作方法
利用HTML语言所定义的标记及其属性来编写一 个文本文件。用htm或html作为文件的扩展名。
网页制作软件
文本编辑工具(记事本、EditPlus); 专业网页制作软件，FrontPage、Dreamweaver等; 一些图像处理软件，如PhotoShop等.
文件开始和结束标签
以<HTML>开始，以</HTML>标签结束，告诉浏览器这是一个HTML 网页文件。
标头区
有一对<HEAD></HEAD>来定义，它紧跟在<HTML>之后。在此可以 利用<TITLE>和</TITLE>来定义网页的标题，以及其它的内容， 如CSS，JavaScript和<Meta>等。
</HTML>
5
第一个HTML例子
<HTML> <HEAD> <TITLE>简单的网页制作</TITLE> </HEAD> <BODY> 这是我的第一个网页 </BODY>
</HTML>
6
第一个HTML例子浏览效果
7
8.2.1 HTML语言概述(3)
HTML标签结构
标签是用尖括号(英文半角)括起来的控制符。 一般HTML标签都具有开始和结束控制符，如 <HTML>和</HTML>。也有少量没有结束控制符 的标签，如<BR>、<HR>等。
Baidu Nhomakorabea
空格
：
>(大于号) ：>
<(小于号) ：<
版权所有 ：©
注册商标 ：®
13
8.2.2 HTML基本标记(4)
有序列表
<OL type=? Start=?
<LI>列表项
<LI>列表项
</OL>
其中type=? ，
?可以为A、I、数字
大多数标签都具有属性，属性写在标签的开始 控制符中。如：
<FONT color=red size=5>中国</FONT>
标签书写与字母大小写无关。
8
8.2.1 HTML语言概述(4)
HTML文件结构
一般来说，整个HTML文件以<HTML>开头，以</HTML>结束， 中间分成两个部分：一部分是“标头区”；一部分是 “主体区”。
3
8.2.1 HTML语言概述(1)
HTML（Hypertext Markup Language，超文本标记语 言），专门用来编写网页。
HTML描述文件结构格式的方法是利用一些指令符号， 来标记表示出各种文件效果，再由浏览器来解读HTML 的指令符号，将文件格式效果展现出来，HTML是一种 标记式的语言。
属性：face=字体名 属性：size=字体大小(1-7) 属性：color=字体颜色
<P>…</P>（分段）
属性：align=对齐方式,可以为left、center、right
<BR> (分行) <B>…</B> 、 <U>…</U> 、 <I>…</I>（字体样
第8章 网页设计基础
掌握HTML文档结构。 了解并掌握HTML的基本语法 初步掌握基本标记的使用。 能够使用FrontPage制作网页 能够将制作的网页发布到Internet上
1
8.1 概述(1)
网页的基本概念
是一个文本文件，以html或htm作为扩展名 通过html标记将文字、图片等信息组织在一起 在浏览器上呈现出一幅幅图片
在HTML里，图形、声音必须用其它软件制作，再用 HTML的标记编排在网页的原始文件里，然后浏览器才 能解读这些原始文件，并在屏幕上展示其效果。
4
8.2.1 HTML语言概述(2)
<HTML> <HEAD> <TITLE>网页标题</TITLE> </HEAD> <BODY> 正文部分 </BODY>
主体区
主体区使用<BODY>和</BODY>来定义，网页中的主体内容都应用
写在主体区中。
9
8.2.2 HTML基本标记(1)
<BODY>标记
常用属性： TEXT
文字的颜色
LINK
链接文字颜色
VLINK
已链接过的文字颜色
ALINK
被按下链接文字颜色
BGCOLOR
背景颜色
BACKGROUND 背景图形
颜色表示：
以颜色的英文名表示，如White、red、blue等
以RRGGBB代表各种颜色。 RR=Red 红色，其值为00-FF
GG=Green 绿色，其值为00-FF
BB=Blue
蓝色，其值为00-FF
利用这三种颜色值的组合，可配出各种颜色。
10
8.2.2 HTML基本标记(2)
文字的编辑
移动方向属性的设置 direction=# , #=left, right,up,down (目的方向)
移动方式属性的设置 behavior=# , #=scroll, slide, alternate
移动速度属性的设置 scrollamount=# , 默认值为6，越大移动越快
特殊符号表示
其中start=?，
?指定序列开始的序号
无序列表
<UL type=? ></UL>
type=? ,？可以为square、circle
14
8.2.2 HTML基本标记(5)
使用图像
常用图片格式 GIF格式 ：最多表示256色，支持透明和动画。 JPEG格式 ：压缩率很高，颜色丰富。 PNG格式：适应于任何类型、任何颜色深度的图片。
<IMG>标记及其属性： src=要显示的图像的URL width= px或% height=px或% align= left或right alt=？浏览器无法显示图形时，出现的替代文字
15
8.2.2 HTML基本标记(5)
式） <Hn>…</Hn>(其中n=1..6)（标题） <SUB>下标 、 <SUP> 上标 <HR>（水平分隔线）
11
SUCCESS
THANK YOU
2019/6/19
8.2.2 HTML基本标记(3)
滚动字幕<marquee>…</marquee>标记
移动区域的大小设置 width=? 和height=?
网页的基本组成
文字 图像 超级链接
2
8.1 概述(2)
网页制作方法
利用HTML语言所定义的标记及其属性来编写一 个文本文件。用htm或html作为文件的扩展名。
网页制作软件
文本编辑工具(记事本、EditPlus); 专业网页制作软件，FrontPage、Dreamweaver等; 一些图像处理软件，如PhotoShop等.
文件开始和结束标签
以<HTML>开始，以</HTML>标签结束，告诉浏览器这是一个HTML 网页文件。
标头区
有一对<HEAD></HEAD>来定义，它紧跟在<HTML>之后。在此可以 利用<TITLE>和</TITLE>来定义网页的标题，以及其它的内容， 如CSS，JavaScript和<Meta>等。
</HTML>
5
第一个HTML例子
<HTML> <HEAD> <TITLE>简单的网页制作</TITLE> </HEAD> <BODY> 这是我的第一个网页 </BODY>
</HTML>
6
第一个HTML例子浏览效果
7
8.2.1 HTML语言概述(3)
HTML标签结构
标签是用尖括号(英文半角)括起来的控制符。 一般HTML标签都具有开始和结束控制符，如 <HTML>和</HTML>。也有少量没有结束控制符 的标签，如<BR>、<HR>等。
Baidu Nhomakorabea
空格
：
>(大于号) ：>
<(小于号) ：<
版权所有 ：©
注册商标 ：®
13
8.2.2 HTML基本标记(4)
有序列表
<OL type=? Start=?
<LI>列表项
<LI>列表项
</OL>
其中type=? ，
?可以为A、I、数字
大多数标签都具有属性，属性写在标签的开始 控制符中。如：
<FONT color=red size=5>中国</FONT>
标签书写与字母大小写无关。
8
8.2.1 HTML语言概述(4)
HTML文件结构
一般来说，整个HTML文件以<HTML>开头，以</HTML>结束， 中间分成两个部分：一部分是“标头区”；一部分是 “主体区”。
3
8.2.1 HTML语言概述(1)
HTML（Hypertext Markup Language，超文本标记语 言），专门用来编写网页。
HTML描述文件结构格式的方法是利用一些指令符号， 来标记表示出各种文件效果，再由浏览器来解读HTML 的指令符号，将文件格式效果展现出来，HTML是一种 标记式的语言。