第 2 章 网页版面设计.pptVIP

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 标记是放在尖括号里的关键词，如html。 （2）大多数标记都成对出现，如b 和/b。 （3）标记对中的第一个标签是开始标记（也叫开放标记），第二个标签是结束标记（也叫闭合标记）。 （4）结束标记和开始标记所用的字符相同，只是前面加一个斜杠，例如，p…/p 用于标记一个自然段。 （5）标记可以具有相应的属性，如size、color、width 等。 2. 标记的分类 （1）用来指定网页上的元素及其格式。 （2）用来指向其他的资源。 三、HTML 及标记在网页中的应用 1. HTML 在网页文档结构中的应用 HTML 可以用来指明一个网页文档的基本结构。页面HTML 文档通常由版本信息、文档头（head）、文档主体（body）三部分组成。 （1）!DOCTYPE… … 是版本信息说明 （2）html…/html 是文件标记 （3）head…/head 是头部标记 （4）BODY…/BODY 是主体标记 2. 内容及其格式标记的简单应用 （1）格式标记 p…/p 用来创建一个段落，在此标记之间的文本将按照段落的格式显示。 br 是一个很简单的换行标记，它没有结束标记，用来创建一个换行。 dl/dldt/dtdd/dd 是普通列表标记，dt/dt 和dd/dd 都必须放在dl/dl 标记之间。dl/dl 用来创建一个列表；dt/dt 用来创建列表中的上层项目；dd/dd 用来创建列表中最下层项目。 （2）添加文本并设置格式 1）h1/h1……h6/h6（六级标题标记） 2）b/bi/iu/uem/emstrong/strong（字体标记） 3）font/font（字体的大小颜色标记