网页设计Dreamweaver--CS3教程1-6章(基础篇).ppt

网页设计;第一章;概要： Macromedia Dreamweaver CS3提供了强大的网页制作功能，其可视化的操作界面更接近广大的网页制作人员。所见即所得的界面可以使那些只要掌握了文档编辑能力的人就可完成一张网页的制作。 本章主要通过三个活动的开展，让学生了解Dreamweaver CS3网页浏览的基本原理和网页制作技术的发展，知道目前网页制作的几种工具。了解HTML语法的基本构成及几种常用的标签。通过具体的网页实例制作，掌握起始页的设置以及基本的界面操作。; 了解网页浏览的基本原理和当前站点网页制作情况。了解网页制作技术的发展及目前网页制作的几种工具。;准备知识： （1）网页浏览的基本原理 ;准备知识： （2）静态网页和动态网页;准备知识： （3）认识不同的浏览器;（4）网页制作技术的发展 （5）网页制作工具介绍;活动一：初识网页;活动小结： 网页中使用的最多的元素是文字和图片。图片的一般格式为jpg或gif文件。flash的使用能使网页增加动感。 动态网页能对用户提交的信息作出及时的反馈，使网页更具人性化。 Dreamweave有着可视化的操作界面，特别在与flash和fireworks的相互配合，成为网页创意组件中最重要的一员。;活动二：认识HTML;准备知识： （1）HTML标签：标识HTML文件的开始和结束 （2）head标签：标题信息，包含了许多网页的属性信息 （3）title标签：标识当前网页的标题 （4）body标签：主体标签，body标签和/body标签之间包括文档中所有 文本、图像等网页元素的内容。 （5）p标签： 段落标签，p标签和/p标签之间是一个段落的内容 （6）font标签：字体标签，用来设置文字的格式 （7）img标签： 图像标签，设置网页中图像的来源、尺寸、对齐方式等属性 （8）a标签： 设置超级连接目标和名字等 ;一、网页的属性（背景与标题） 二、网页中的文字 三、网页中的图片 四、网页中的链接; 通过直接修改网页中的代码可以很快地改变网页中各个网页元素的属性，但要记住如此众多的标签和相关属性的代码，却不是一件容易的事情。那么让我们来通过对Dreamweaver的学习，利用它所见即所得的优势，来轻轻松松地做自己的网页吧！; 熟悉基本的界面操作，并对网页的制作有一个初步的认识。; 主程序界面大致分 为以下几个区域： 菜单栏 插入栏 文档工具栏 编辑区 状态栏 属性面板 面板组;活动引导：;活动三：制作 “我的第一张网页” ; 制作网页的基本流程可以分为：建立站点-创建网页-插入网页元素-编辑网页元素-保存网页-预览效果。;第一章实验：制作“我的个人介绍”; 修改后效果 ;第二章;概要： 建立站点是制作网页的第一步，然而要建立一个较好的站点并不是一件容易的事，需要前期的素材准备和站点结构的规划。要学会制作网页，掌握站点建立和编辑的方法尤为重要，所有的网页都是基于站点建立的。这些知识的掌握，对今后的网页制作将极为关键。 本章主要通过四个活动的开展，通过为“我的个人网站”收集相关资料，掌握站点素材及其制作工具的有关知识。为“我的个人网站”规划站点目录，并比较大型站点的站点结构与小型站点的站点结构区别，从而了解站点的设计流程。使用“高级”标签为“我的个人网站”建立站点，并设置相关参数。通过网站地图，实现对“我的个人网站”中的网站文件进行管理、检查链接等。 ;活动一：为我的个人网站作准备;准备知识： （1）站点设计流程 创建站点大致包括以下四步曲： 第一步： 对要创建的站点进行规划，确立建站的目的、规模 、面向的群体、服务器端的配置等各项情况。 第二步：建立一个完整的站点目录结构。 第三步：使用网页制作软件及辅助软件，如flash、fireworks 等完成网站的制作。 第四步：对网站进行测试，并发布。;准备知识： （2）站点素材文