Dreamweaver CS5网页设计与制作实例教程配套教材课件完整版电子教案.pptx

Dreamweaver CS5网页设计与制作实例教程;第一章 概述;第一章 概述;1.1 Internet简介;1.2网站的域名与IP地址;;1.3 Web服务器;1、Web服务器特点;2、Web服务器工作原理;3、Web服务器--IIS;1.4网站的工作原理;1、网络的访问方式;2、网站的工作过程;1.5 网站的B/S架构;1.5.1、B/S结构的主要优点;1.5.2、B/S结构的主要缺点;1.6 网站编程语言;1、HTML5;HTML5具有如下特性;2、CSS3;第2章 网站的规划与开发;主要内容;2.1 网站开发;2.1.1 网站开发流程 ;2.1.2 网站的设计原则;2.2 网站规划;2.3 网站的测试;小结;第3章 Dreamweaver CS5 基??;3.1 Dreamweaver CS5简介;与早期的版本相比，Dreamweaver CS5性能得到了明显的提升。例如：;(4) CSS检查。以可视化方式详细显示CSS框模型，包括填充、边框等，不需要读取代码，也不需要其他实用程序。 (5) CSS起始布局。以更简化和容易理解的类替代Dreamweaver CS4布局中的子代选择器。 (6)对CMS的支持。尽享对WordPress、Joomla!和Drupal等内容管理系统框架的创作和测试支持。 (7) PHP自定义类代码提示。PHP自定义类代码提示显示PHP函数、对象和常量的正确语法，有助于输入更准确的代码。 (8)动态相关文件。允许搜索所有必要的外部文件和脚本，以组合PHP的内容管理系统( CMS)页面，以及在“相关文件”工具栏中显示其文件名。 Dreamweaver CS5易学、易用，只要掌握了其基本操作方法，即使初学者也能制作出具有专业水平的网页。 ;3.2 Dreamweaver的编辑环境;3.2 Dreamweaver的编辑环境;3.2.1 文档窗口;3.2.1 文档窗口;3.2.2 面板;3.2.3 设置工作参数;3. 3 建立和管理站点;3. 3 建立和管理站点;3. 4 创建网页;第4章 网页的基本元素 ;4.1 文本的基本编辑;4.1.1 添加字体;4.1.2 设置文本的属性;4.1.3 换行和首行缩进;4.1.4 插入符号、日期;4.1.5 建立列表 ;1.无序列表;2、有序列表;3.菜单列表;4、缩进列表（定义列表）;5 混合列表;4.2 图像;4.1插入图像（略）4.2插入鼠标经过图像;4.3 Dreamweaver 与fireworks;在Dreamweaver中编辑图像;4.3 超链接 4.3.1 路径;4.3.2 建立超链接;4.3.2 建立超链接;4.3.2 建立超链接;第5章 模板与库 ;5.1 模板;5.1.1 创建模板;5.1.2 编辑模板;5.1.2 编辑模板;5.1.3 使用模板;5.1.3 使用模板;5.1.4 模板创建和应用实例;5.2 库;5.2.1 创建库项目;5.2.2 插入库项目;5.2.3网页与库文件脱离;小结;第6章 CSS基础语法与应用;CSS基础语法与应用;6.1 样式;通过实例来认识CSS样式;6.2 CSS语法; 6.2.1 常用选择符 ;6.2.2 CSS的使用方法;引用外部CSS文件;6.2.3 导出样式表;6.3 CSS 样式应用;【例题6-4】详细步骤看教材;小结;第七章 网页布局;第七章 网页布局;布局类型;1、“国”字型;2、“T”型;3、标题正文型布局。 这种布局的最上方是标题或广告等内容，下面是正文。通常文章页面或注册页面采用此种布局，其特点是简洁明快，干扰信息少，较为正规。 4、对比型布局 采用空间或色彩上的对比来冲击视觉。采取左右或者上下对称的布局，一半深色一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是很难将两部分有机地结合起来。;5、POP型;7.1 DIV+CSS布局页面;7.1.1 基础知识;1.流动模型也称为文档流，是默认的显示类型，随着文档自上而下，根据元素排列的先后顺序来决定分布位置。 2.层模型是以绝对定位和相对定位的方式，相对于该元素原来的位置，或相对于最近的包含块元素，或浏览器窗口的位置进行精确定位。 3.浮动模型与流动模型有一定的相似之处。页面布局时，一行要显示多个元素时，利用浮动模型的“float”属性实现控制，其中“float”属性的值为“left”和“right”，可以使元素向左或向右浮动。如果元素设置为向左浮动后，该元素右侧将清空出一块区域让接下来的文档流出现在其右侧。 ;2．盒模型;例如： #box { margin:40px;　 <! -- 边界，也称为