Dreamweaver 课件PPT.pptVIP

网页设计经典教程 主讲 段玲 第一章 万维网和网页的基本概念 万维网又称WWW和公众信息网是Internet世界最为重要的成员之一。 WWW是从网上获得信息的主要途径。 万维网的特点 万维网的信息是通过信息页的形式体现的。 信息页是用HTML（超文本标注语言）语言编写的。（即网页） 静态网页：网页的内容不会发生变化；不能实现和浏览者的交互。 动态网页：是指网页文件里包含了程序代码，通过后台数据库与WEB服务器进行信息交互。 信息页的传输是采用的HTTP协议,即超文本传输 协议 。 客户浏览信息页必须使用客户端软件，即浏览器。如：IE，Netscape等 网站的设计和发布流程 网站是有独立域名、独立存放空间的内容的集合，这些内容可能是网页，也可能是程序或其他文件。 对网站进行规划确定所创建的网站的目的及所提供的服务，从而确定站点中应包含哪些网页。 设计站点的基本结构站点的结构是指站点内部文件存放的排列方式。根据站点规划确定站点框架 收集素材；包括图片、文字和声音等内容 制作具体的网页 将设计的站点上传到所选择的远程站点上 网站的站点建设 什么是站点？ 站点可以看作是一系列文档的组合，这些文档之间通过各种链接关联起来，用来管理网站中的各类文件。 站点的优越性： 自动更新链接；自动复制文件到当前默认的站点；自动生成站点地图等。 相关概念 本地计算机：存放自己制作网页的计算机。 远程计算机：是用来发布自己主页，提供给Internet上的其它使用者来浏览的计算机。 本地站点：是指建立在本地计算机上的站点。 远程站点：上传到远程计算机上的站点 DR的启动及界面介绍 DR是将多个文件集中到一个界面中一个集成软件。它大大降低了资源的占用率。使用户可以方便快捷的完成相关的操作。 DR除了有一般应用程序窗口所拥有的菜单和工具栏，它的更多操作是通过各种面板完成的。有关面板的使用以后慢慢介绍。 站点的创建 创建站点方法： 创建一个多级的文件夹，一般要设置有一个总文件夹，在其中再创建一些子文件夹，用于存放不同类型的文件。如img用于存放图片文件，audio用于存放音频文件。 在DR中，指定总文件夹为站点方法： 建立一个文件夹 站点/站点管理（指定所建的文件夹为站点文件夹） 站点规划要点 用分级文件夹来保存文档 使用合理的文件名 文件名要直观 合理配置文档中的资源 将本地站点和远程站点设置为同样的结构 整个站点要有一个整体的风格 设计站点和网页的注意事项 在网页设计中，不能使用中文作为文件或文件夹名 网页中的文件命名区分大小写 每个网站都必须有一个主页 主页文件一般以index.htm文件名而且必须放在站点的根文件夹下 网站页面布局 网页的构成网页的基本内容通常包括：标题、标志、页眉、导航栏、主内容区和页脚。 标题是用来提示该页面内容的，通常显示在IE的标题栏。是在页面属性中设置的。 网站的标志：成功的网站标志有着独特的形象标识。 Banner(横幅广告）：大多数网站的创建者在此设置网站的宗旨、宣传口号和广告语。 导航栏：导航既是网页设计中的重要部分，又是整个网站设计中的一个较独立的部分。它通常放在顶端和左边。 内容区：它是页面设计的主体元素。 页脚：是页面的底部；它用来标注该站点所属公司的名称、地址、上的版权和电子信箱地址等 网页的布局类型 常用的有：国字型、厂字型、封面型等。 网页的制作浏览和修改 网页文档的创建在DR中进行编辑 2. 文档的保存注意1.应将文档保存在站点文件夹中 2.一般只要建立了站点会默认存入站点文件夹中 网页的预览：需要在IE中 网页文件的修改：需要在DR中 5. 关闭文档 视图方式 在Dreamweaver 中共有三种视图方式。 代码 设计 代码和设计 它们之间的切换可以利用“查看”/…也可以利用“查看”菜单中的视图按钮。 网页文件的建立 建立站点 在站点目录中右击/新建文件/为该文件改名 注意： 网页文件常用的文件类型为.htm。 在更改文件名时不可更改扩展名。 也可以用文件/新建/基本页完成，但是这种方法建立的文件应立即保存为好。 页面的属性设置 页面属性包括对背景、标题以及页面元素的初步设置 在创建新网页时，默认的页面总是以白色为背景，没有背景图像、没有标题。制作一个网页时，一般需要先对网页的页面属性进行设置。 网页的标题是在浏览网页时做为IE窗口的标题显示在IE的标题栏上。 文档的输入和编辑 方法一：直接输入 方法二：可以从其它软件中复制/粘贴 空格的输入 在编辑网页时一般情况下只能输入一个空格，不能输入连续的，可以采用以下方法。 将汉字的输入方式设制为全角方式，按SPACE键便可连续输入空格。 用与背景颜色相同