《第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); 专业网页制作软件，Front
2、Page、Dreamweaver等; 一些图像处理软件，如PhotoShop等.,4,8.2.1 HTML语言概述(1),HTML（Hypertext Markup Language，超文本标记语言），专门用来编写网页。 HTML描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读HTML的指令符号，将文件格式效果展现出来，HTML是一种标记式的语言。 在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能解读这些原始文件，并在屏幕上展示其效果。,5,8.2.1 HTML语言概述(2), 网页标题 正文部分 ,6,第
3、一个HTML例子, 简单的网页制作 这是我的第一个网页 ,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
5、=Blue 蓝色，其值为00-FF 利用这三种颜色值的组合，可配出各种颜色。,11,8.2.2 HTML基本标记(2),文字的编辑 （字体） 属性：face=字体名 属性：size=字体大小(1-7) 属性：color=字体颜色 （分段） 属性：align=对齐方式,可以为left、center、right (分行) 、 、 （字体样式） (其中n=16)（标题） 下标 、 上标 （水平分隔线）,12,8.2.2 HTML基本标记(3),滚动字幕标记 移动区域的大小设置 width=? 和height=? 移动方向属性的设置 direction=# , #=left, right,up,dow
6、n (目的方向) 移动方式属性的设置 behavior=# , #=scroll, slide, alternate 移动速度属性的设置 scrollamount=# , 默认值为6，越大移动越快 特殊符号表示 空格 ：,13,8.2.2 HTML基本标记(4),有序列表 列表项 列表项 其中type=? ， ?可以为A、I、数字 其中start=?， ?指定序列开始的序号 无序列表 type=? ,？可以为square、circle,14,8.2.2 HTML基本标记(5),使用图像 常用图片格式 GIF格式 ：最多表示256色，支持透明和动画。 JPEG格式 ：压缩率很高，颜色丰富。 PN
7、G格式：适应于任何类型、任何颜色深度的图片。 标记及其属性： src=要显示的图像的URL width= px或% height=px或% align= left或right alt=？浏览器无法显示图形时，出现的替代文字,15,8.2.2 HTML基本标记(5),创建超级链接 URL的概念 HTML利用统一资源定位器（URL）定位Web上的文档信息。 一个URL包括3个部分：一个协议代码、一个装有所需文件的计算机地址（或一个电子邮件地址或一个新闻组名称），以及包含有信息的文件地址和文件名。 相对url和绝对url 绝对URL是指Internet上资源的完全地址，包括协议种类、计算机域名和包含
8、路径的文档名。如：http:/ 相对URL是指Internet上，资源相对于当前页面的地址，它包含从当前页面指向目的页面位置的路径。如：pub/text.htm它表示当前页面所在目录下pub子目录中的text.htm。,16,8.2.2 HTML基本标记(6),超级链接标记 及其常用属性 href=超级链接的目的url title=提示信息（鼠标移动到超级链接上出现） ？之间是超级链在页面上的入口，可以是文字，图片等。 例如： 信息工程学院 ,17,8.2.2 HTML基本标记(7),使用表格 表格示例: 表头1 表头2 表项1 表项2 ,18,8.2.2 HTML基本标记(8),表格标记 表
9、格标记符 使用()定义表格，表格的所有内容都放在开始标记和结束标记之间。 行 用()定义表的行 表头 表头即表格的行标题或列标题。用()定义表格的表头，以居中对齐粗字体显示。 表元(表格的具体数据) 用()定义表格的列。,19,8.2.2 HTML基本标记(9),框架 框架集 使用 定义框架，框架的所有内容都放在开始标记和结束标记之间。 框架 框架集可也嵌套 写在标记外部，放在标记之前,20,8.3 使用FrontPage制作网页,本地站点的管理 规划站点结构（目录）的原则 FrontPage的管理功能规划和管理站点 网页文档的建立及页面编排 页面属性的设置 文字的设置 段落的设置 图像的使用 超级链接的建立 表格的基本操作及用表格进行页面布局,21,8.4 网页信息的发布,发布的概念 为什么要进行网页的发布 发布的方法 直接拷贝 FTP上传 利用FrontPage自带的功能发布,