html文本通常由版本信息组成,第 2 章 网页版面设计.ppt

3. 插入水平线 4. 插入特殊字符 (1)通过菜单插入。先将光标放置到需要插入特殊字符的位置，在“HTML”/“特殊字符”的级联菜单中选择需要插入的特殊字符。 (2)通过“文本”插入工具栏插入。先在Dreamweaver CS5 的“插入”工具栏中选择“文本”，显示“文本”插入工具栏，然后选择需要插入的特殊字符。 5. 设置文本格式 二、网页中插入图像 1. 网页中常用的图像格式 2. 易买网首页插入图像操作 三、网页中插入Flash 动画 1. Flash 动画类型 2. 插入Flash 动画操作 四、网页中插入FLV 视频 五、在网页中插入音频 课件制作 谢谢观看 * 第 2 章 第 2 章 网页版面设计 第 1 节 网页的结构和色彩设计 第 2 节 HTML基础 第 3 节 网页的基本操作 第 1 节 网页的结构和色彩设计 一、网站风格 1. 网站风格概述 通过网站的外表、内容、文字等就可以概括出一个站点的风格，这些风格或者是色彩，或者是技术，或者是交互方式，能让浏览者明确分辨出这是该网站独有的。 2. 网站风格的分类 功能型 展示型 二、网页结构的类型 1. “同”字型布局 2. “国”字型布局 3. T 型布局 4. “三”字型布局 5. 标题文本型布局 6. POP 海报型布局 7. 框架型布局 三、页面色彩搭配 1. 颜色传达的信息 2. 网页色彩搭配要注意的问题 (1)使用单色 (2)使用邻近色 (3)使用对比色 (4)黑色的使用 (5)网页配色注意事项 1)同一个页面色彩过于繁杂，会给人造成凌乱的印象。 2)不要将所有颜色都用到，尽量控制在三种色彩以内。 3)背景和前文的对比尽量要大，以便突出页面主要内容，但是也尽量不要用花纹繁复的图案和纯度很高的色彩作背景。 四、易买网商城首页结构设计 1. 绘制布局草图 2. 设置首页内容 3. 在Dreamweaver 中创建布局 五、易买网商城页面色彩搭配 1. 网页的底色 2. 文字字型 第 2 节 HTML 基础 1. HTML 的概念 超文本标记语言，用于描述网页(网页文档)的语言。每一个页面的代码保存为一个网页源文件(“.html”文件)。 HTML 不是一种编程语言，而是一种标记语言，包括一些定义页面的文本、图像、声音和动画等内容及其格式的符号，这些符号称为标记。 一、HTML 的概念及作用 2. HTML 的作用 二、标记的概念及分类 1. 标记的概念 (1)HTML 标记是放在尖括号里的关键词，如。 (2)大多数标记都成对出现，如 和。 (3)标记对中的第一个标签是开始标记(也叫开放标记)，第二个标签是结束标记(也叫闭合标记)。 (4)结束标记和开始标记所用的字符相同，只是前面加一个斜杠，例如，

…

用于标记一个自然段。 (5)标记可以具有相应的属性，如size、color、width 等。 2. 标记的分类 (1)用来指定网页上的元素及其格式。 (2)用来指向其他的资源。 三、HTML 及标记在网页中的应用 1. HTML 在网页文档结构中的应用 HTML 可以用来指明一个网页文档的基本结构。页面HTML 文档通常由版本信息、文档头(head)、文档主体(body)三部分组成。 (1) …> 是版本信息说明 (2)… 是文件标记 (3)… 是头部标记 (4)… 是主体标记 2. 内容及其格式标记的简单应用 (1)格式标记

…

用来创建一个段落，在此标记之间的文本将按照段落的格式显示。
是一个很简单的换行标记，它没有结束标记，用来创建一个换行。 是普通列表标记， 和 都必须放在 标记之间。 用来创建一个列表； 用来创建列表中的上层项目； 用来创建列表中最下层项目。 (2)添加文本并设置格式 1)

……

(六级标题标