Dreamweaver基础知识.pptVIP

C/S结构 B/S结构 C/S （Client/Server）结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现。 例： B/S（Browser/Server）结构即浏览器和服务器结构。它是对C/S结构的一种改进。 在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本。 例： Web应用开发的学习路线 基础概念 网页：是一种用HTML语言编写的文本文件。 HTML：全文是“HyperText Markup Language”，中文意思为“超文本标记语言”。 超文本：意指页面内除文本外，还可包含图片、链接、甚至音频、视频等非文字元素。 主页：Internet用户访问网站时所看到的第一个网页(网站的入口)，称作主页（Homepage或Home Page）。 超链接：一种与其它文件的链接，当用户单击后，所链接的网页信息显示出来。 网站：在逻辑上可视为一个整体的一系列网页的集合称为网站（Web Site或Site）, 网页之间用超级连接进行连接。 网站用于构成一个WWW信息服务器，提供一定范围内的信息资源；如一个学校，一个企业、一个公司等的WWW服务器。 网页设计的基本方式 1、手工编码方式 网页是由HTML超文本标记语言编码的文档，设计制作网页的过程就是生成HTML代码的过程。 在WWW（World Wide Web ）发展的初期人们制作网页是通过直接编写HTML代码来实现的。 HTML（超文本标记语言）是一种描述文档结构的语言，它利用标签来描述文档结构、指定文档内容在浏览器中的显示格式、位置等。 客户机上的浏览器（browser）对这些描述进行解释将相应页面内容正确显示在显示器上。一个WEB页面就是一个HTML文档 。 2、可视化工具方式 用FrontPage、Dreamweaver等网页编辑工具在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。 如制作表格，就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。 利用可视化工具编辑网页操作简单直观，调试方便，是大众化的网页编辑方式。但在制作一些特殊网页效果上有一定的局限性。 3、编码和可视化工具结合方式 编码和可视化工具结合是一种比较成熟的网页制作方式。 具体过程：一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。 第一章 网页设计概述 四、网页元素的创作与编辑工具 1、网页图像制作工具 ①、Fireworks MX Firework MX是Macromedia公司的产品，是目前最流行的网页图像制作软件。 ②、Photoshop 第一章 网页设计概述 2、动画制作工具 ①、Flash MX Flash MX也是Macromedia公司的产品，是目前最流行的矢量动画制作软件。 ②、Director Director是Macromedia公司推出的多媒体开发工具，它为广大多媒体制作人员提供了建立交互式应用的强大功能。 第一章 网页设计概述 3、网页编辑工具 ①、FrontPage FrontPage是Microsoft Office家族中的一员，FrontPage的界面，功能与Word非常相似。 操作方法与 Office软件一致。 第一章 网页设计概述 ②、Dreamweaver Dreamweaver 是一种集可视化编辑方式和代码编辑方式于一体的专业级网页制作工具，与Firework,Flash软件合称网页三剑客。 Dreamweaver 对网页的布局和美化能达到专业级水平。 关于站点规划和设计 在Dreamweaver中，站点这个术语可以指Web站点，也可以指用来储存属于Web站点文档的本地硬盘上的文件夹，通常意义指一个整体，是所有网页的集合体。 用站点这样一个概念组织和管理属于这个整体的所有网页和其它各文件。类似于Visual系列程序设计中的项目管理器。 进行网站的整体规划也就是组织网站的内容和设计其结构。 网站的总体规划:确定网页结构、确定网页的信息组织和管理方式、确定信息的存储方法、文档版本的控制、确保结构的完整性和一致性。 网站的总体设计:网页的布局、系统的内部结构、网页的开发技术、网站的维护方法、网站的运营模式等。 1．确定目标 确定站点的目标是创建Web站点时应该采取的第一步。明确的目标使我们可以集中注意力，针对特定的需要来设计和规划Web站点。 2．选择目标用户 确定了站点实现的目标之