第一章 网页制基本知识.pptVIP

网页设计与制作 主讲人：吴清燕 E-Mail：qingyan527@ 第1章 网页设计概述 1.1 网页和网站 1.2 网页中的主要元素 1.3 网页制作工具 1.4 网页设计的基本流程 本章小结 1.1 网页和网站 1.2 网页中的主要元素 1.3 网页制作工具 1.4 网页设计的基本流程 第1章 网页设计概述 2.1 HTML概述 2.2 文本的编辑 2.3 图像编辑 2.4 建立超链接 2.5 表格与框架 HTML语言基础 　　语法格式为： 　　Hn…/Hn 　　n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。另外，可以用align属性设置对齐方式，常用的有左对齐，居中，右对齐三种对齐方式。 2.2.3 标题显示等级 2.2 文本的编辑 　　在HTML中，列表常用的有“有序列表”和“无序列表”。 　　1．有序列表OL 　　基本语法结构为： 　　ol type=n start=？ 　　li项目1 　　li项目2 　　…… 　　li项目n 　　/ol 2.2.4 列表 2.2 文本的编辑 　　1．有序列表OL 　　Type：设置列表的序号类型，常用序号如下： 　　n=1：用数字作为序号。 　　n=A；用大写字母作为序号。 　　n=a：用小写字母作为序号。 　　n=I：用大写罗马数字作为序号。 　　n=i：用小写罗马数字作为序号。 　　Start：为可选参数，用于设置序号的起始数值。如不添加“start”则从每类序号的第一个序号开始。 2.2.4 列表 2.2 文本的编辑 　　2．无序列表 　　基本语法结构为： 　　ul type=n 　　li项目1 　　li项目2 　　…… 　　li项目n 　　/ul 　　Type:设置符号形状，有实心圆、小正方形、空心圆三种，具体如下： 　　n=disk：符号为实心圆。 　　n=square：符号为正方形。 　　n=circle：符号为空心圆。 2.2.4 列表 2.2 文本的编辑 2.3.1 插入图像 2.3.2 使用背景图像 　　我们在网页上经常会浏览图像，适当使用图像可以增加网页的美观。在网页最常用到的是插入图像和设置背景图像。 　　1．语法格式： 　　img src=“url”，单标记 　　Src：指明要添加的图像所在的具体路径和文件名。路径可以是相对路径，也可以是绝对路径。例：img src=images/ball.gif。 　　绝对路径：完整的描述文件位置的路径就是绝对路径。对于绝对路径可以不需要知道其他任何信息就可以判断出文件的位置。 　　相对路径：所谓相对路径,顾名思义就是当前文档与目标的相对位置。例src = 1.bmp. 2.3.1插入图像 2.3 图像编辑 　　2．图像的属性 　　除了“src”以外，img还有其他属性，可以定义图像的对齐方向，与周围元素的距离等，各属性及作用见表2.2。 表2.2 图像属性列表 2.3.1插入图像 2.3 图像编辑 当浏览器无法显示图像时，会显示出alt属性所设定的文字 alt 调整图像的高度 height 调整图像的宽度 width 设定图像、文字与图像左右之间的间隔 hspace 设定图像、文字与图像上下之间的间隔 vspace 设定图像的边框 border 作用 名称 　　语法格式为： 　　body background = “url” 2.3.2 使用背景图像 2.3 图像编辑 2.4.1 建立超链接 2.4.2 使用书签 2.4.3 标记新窗口和基准链接 　　建立超链接的标记是a，语法格式为： 　　a href = “url”超链接标识/a 　　url：指明链接目标的具体路径和文件名。 　　超链接标识：是网页中链接的载体，可以是文字或图像等页面元素，用户点击它就会跳到超链接的目标位置。 2.4.1 建立超链接 2.4 建立超链接 　　１．定义书签 　　在HTML中，首先要定义书签，然后才在链接使用。定义书签的语法格式为： 　　a name=”书签名” 　　书签名不能用中文，只能用英文和数字。 　　２．使用书签链接 　　其链接的格式为： 　　a href=”#书签名”超链接标识/a 　　#与书签名之间不能有空格。 2.4.2使用书签 2.4 建立超链接 　　1．标记新窗口（target） 　　 “target=”_blank””，是链接标记的一个参数。语法格式为： 　a href = “url” target = _blank 超链接标识/a 　　当点击链接载体的，就会在新窗口打开链接目标。 　　2．基准链接base 　　base标记是单标记，禁止使用结束标记，可以