网页设计小抄.doc

网页制作基础 网页，HTML，URL的概念，网站建设流程等 HTML是网页表示的标准；URL是超链接，有四部分：协议、域名、地址、文件；网站流程：规划、设计、网页制作、测试与发布、维护。 PPT中其他相关概念 建站与编辑网页 HTML页面的基本结构，HTML基本语法，HTML的常用标记符的用法及作用 HTML网页的基本结构 1）每一个HTML文件以html开始，以/html结束。html和/html是成对出现的，所有的文本和命令都在它们之间。 2）head是网页的头部标记，通常紧跟在html之后。head与/head之间的文本是整个文件的序言，不在浏览器中显示。 3）title和/title之间是网页的标题，浏览时将显示在IE浏览器的标题栏上。一个好的标题应该使读者能从中判断出该网页的大概内容。 4）body和/body之间是网页主体内容。在body标记中可以规定整个文档的一些基本属性，例如，bgcolor属性用于指定文档的背景颜色，text属性用于指定文档中文字的颜色。 5）编写HTML代码时，字符不区分大小写，标记之间的空格不影响网页的显示。 HTML基本语法 文本修饰与超链接 常用的文本修饰标记符的用法及作用 1.文本段落格式 （1）标题标记符Hn (n可取值) （2）分段标记符P （3）换行标记符BR （4）水平线标记符HR （5）分节标记符DIV （6）段落居中标记符CENTER 2.文本显示效果 字体控制标记符FONT/FONT 字体样式标记符 列表的概念，有序列表和无序列表的HTML编写语法 项目列表是一种在文本段落前显示有特殊项目符号的缩排列表。 OL type=符号类型 start=列表开始值 LI type(不常用)=符号类型 value=列表项值列表项1/LI (结束标记可省） LI type=符号类型 value=列表项值列表项2/LI LI type=符号类型 value=列表项值列表项3/LI /OL （结束标记不可省） （有序） UL type=符号类型 LI type=符号类型列表项1/LI (结束标记可省） LI type=符号类型列表项2/LI LI type=符号类型列表项3/LI /UL （结束标记不可省） （无序） URL的用法 相对路径，绝对路径的概念及路径指定方法 绝对 URL 是指 Internet 上资源的完整地址，包括完整的协议种类、计算机域名（所谓域名是指一个能够反映出 Web 服务器实际位置的化名）和包含路径的文档名。其形式为：协议：//计算机域名/文档名。 相对 URL 是指 Internet 上相对于当前页面（即正在访问的页面）的地址，它包含从当前页面指向目的页面位置的路径。 书签（锚记）的概念及用法 用法：建立书签 A name=”top”目录/A 建立链接 A herf=”#top”返回目录/A 使用CSS CSS概念及作用 CSS(Cascading Style Sheet,层叠样式表),是一种格式化网页的标准方式，是HTML功能的扩展，使网页设计者能以更有效的方式设计出根据表现力的网页效果。 简化了网页格式设计、增强网页可维护性、加强网页表现力、增强网页一致性。 CSS语法 Selector{property1:value1; property2:value2; …} Selector:样式符选择器。可以为HTML标记，用户自定义类或用户自定义ID Property：样式属性，不同属性之间用；隔开 Value：属性值。与属性之间用：分隔。 CSS的三种引用方法 使用 HTML 标记符的 style 属性嵌套 css 样式 在网页 head 标记符中使用 style 标记符嵌入css样式 使用 link 标记符链接外部的层叠样式表文件（.css 文件）。 CSS中类的定义和引用 类选择器定义了某种类型的样式，可以应用于多种HTML标记。 定义方式：“.类名” 引用方式：“ 标记符 class=类名 ” 伪类选择器一般用于设置不同类型的超链接显示方式。 a:link(或:link) 未访问过的 a:vlink(或:vlink) 已访问过的 a:active(或:active) 激活的 a:hover(或:hover) 鼠标悬停的 使用图像 使用媒体 HTML中插入图像和媒体的语法 1、由于背景音乐并不是一种标准的网页属性，所以需要通过修改源代码的方式为网页添加背景音乐。2、链接文件是将声音与视频添加到网