《第8章网页设计基础.ppt》由会员分享，可在线阅读，更多相关《第8章网页设计基础.ppt（21页珍藏版）》请在三一办公上搜索。
1、1,第8章 网页设计基础,掌握HTML文档结构。了解并掌握HTML的基本语法初步掌握基本标记的使用。能够使用FrontPage制作网页能够将制作的网页发布到Internet上,2,8.1 概述(1),网页的基本概念是一个文本文件，以html或htm作为扩展名通过html标记将文字、图片等信息组织在一起在浏览器上呈现出一幅幅图片网页的基本组成文字图像超级链接,3,8.1 概述(2),网页制作方法利用HTML语言所定义的标记及其属性来编写一个文本文件。用htm或html作为文件的扩展名。网页制作软件文本编辑工具(记事本、EditPlus);专业网页制作软件，FrontPage、Dreamweave
2、r等;一些图像处理软件，如PhotoShop等.,4,8.2.1 HTML语言概述(1),HTML（Hypertext Markup Language，超文本标记语言），专门用来编写网页。HTML描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读HTML的指令符号，将文件格式效果展现出来，HTML是一种标记式的语言。在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能解读这些原始文件，并在屏幕上展示其效果。,5,8.2.1 HTML语言概述(2),网页标题正文部分,6,第一个HTML例子,简单的网页制作这是我的第
3、一个网页,7,第一个HTML例子浏览效果,8,8.2.1 HTML语言概述(3),HTML标签结构标签是用尖括号(英文半角)括起来的控制符。一般HTML标签都具有开始和结束控制符，如和。也有少量没有结束控制符的标签，如、等。大多数标签都具有属性，属性写在标签的开始控制符中。如：中国标签书写与字母大小写无关。,9,8.2.1 HTML语言概述(4),HTML文件结构一般来说，整个HTML文件以开头，以结束，中间分成两个部分：一部分是“标头区”；一部分是“主体区”。文件开始和结束标签以开始，以标签结束，告诉浏览器这是一个HTML网页文件。标头区有一对来定义，它紧跟在之后。在此可以利用和来定义网页的
4、标题，以及其它的内容，如CSS，JavaScript和等。主体区主体区使用和来定义，网页中的主体内容都应用写在主体区中。,10,8.2.2 HTML基本标记(1),标记常用属性：TEXT 文字的颜色LINK 链接文字颜色VLINK 已链接过的文字颜色ALINK 被按下链接文字颜色BGCOLOR 背景颜色BACKGROUND背景图形颜色表示：以颜色的英文名表示，如White、red、blue等以RRGGBB代表各种颜色。RR=Red红色，其值为00-FF GG=Green绿色，其值为00-FF BB=Blue 蓝色，其值为00-FF利用这三种颜色值的组合，可配出各种颜色。,11,8.2.2 HT
5、ML基本标记(2),文字的编辑（字体）属性：face=字体名属性：size=字体大小(1-7)属性：color=字体颜色（分段）属性：align=对齐方式,可以为left、center、right(分行)、（字体样式）(其中n=1.6)（标题）下标、上标（水平分隔线）,12,8.2.2 HTML基本标记(3),滚动字幕标记移动区域的大小设置 width=?和height=?移动方向属性的设置 direction=#,#=left,right,up,down(目的方向)移动方式属性的设置 behavior=#,#=scroll,slide,alternate移动速度属性的设置 scrollamo
6、unt=#,默认值为6，越大移动越快特殊符号表示 空格：,13,8.2.2 HTML基本标记(4),有序列表列表项列表项其中type=?，?可以为A、I、数字其中start=?，?指定序列开始的序号无序列表type=?,？可以为square、circle,14,8.2.2 HTML基本标记(5),使用图像常用图片格式GIF格式：最多表示256色，支持透明和动画。JPEG格式：压缩率很高，颜色丰富。PNG格式：适应于任何类型、任何颜色深度的图片。标记及其属性：src=要显示的图像的URLwidth=px或%height=px或%align=left或rightalt=？浏览器无法显示图形时，出现
7、的替代文字,15,8.2.2 HTML基本标记(5),创建超级链接URL的概念HTML利用统一资源定位器（URL）定位Web上的文档信息。一个URL包括3个部分：一个协议代码、一个装有所需文件的计算机地址（或一个电子邮件地址或一个新闻组名称），以及包含有信息的文件地址和文件名。相对url和绝对url绝对URL是指Internet上资源的完全地址，包括协议种类、计算机域名和包含路径的文档名。如：http:/,16,8.2.2 HTML基本标记(6),超级链接标记 及其常用属性href=超级链接的目的urltitle=提示信息（鼠标移动到超级链接上出现）？之间是超级链在页面上的入口，可以是文字，图
8、片等。例如：信息工程学院,17,8.2.2 HTML基本标记(7),使用表格表格示例:表头1 表头2表项1 表项2,18,8.2.2 HTML基本标记(8),表格标记表格标记符使用()定义表格，表格的所有内容都放在开始标记和结束标记之间。行用()定义表的行表头表头即表格的行标题或列标题。用()定义表格的表头，以居中对齐粗字体显示。表元(表格的具体数据)用()定义表格的列。,19,8.2.2 HTML基本标记(9),框架框架集使用 定义框架，框架的所有内容都放在开始标记和结束标记之间。框架框架集可也嵌套写在标记外部，放在标记之前,20,8.3 使用FrontPage制作网页,本地站点的管理规划站点结构（目录）的原则FrontPage的管理功能规划和管理站点网页文档的建立及页面编排页面属性的设置文字的设置段落的设置图像的使用超级链接的建立表格的基本操作及用表格进行页面布局,21,8.4 网页信息的发布,发布的概念为什么要进行网页的发布发布的方法直接拷贝FTP上传利用FrontPage自带的功能发布,
