第1讲网页设计及制作概述.ppt

Dreamweaver网页设计与制作教程 第1章 网页设计与制作概述 第1章 网页设计与制作概述 内容提要 网络基础知识 网页设计基础知识 HTML语言基础 网站的设计流程 1.1 网络基础知识 计算机网络 计算机网络是将分布在不同物理位置的具有独立功能的计算机系统，利用通信设备和线路相互连接起来，在网络协议和软件的支持下进行数据通信、实现资源共享的计算机系统的集合。 1.1 网络基础知识 1.1 网络基础知识 1.1 网络基础知识 1.1 网络基础知识 ● 网站： 服务器端动态技术需要与客户端共同参与，客户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生的结果页面再返回客户端。 典型的服务器动态技术，如ASP（ASP.NET）、PHP、JSP等。 1.1.2 WWW简介 WWW万维网（World Wide Web环球信息网，万维网） WWW不是传统意义上的物理网络，是基于Internet的、由软件和协议组成的、以超文本文件为基础的全球分布式信息网络，所以称为万维网 WWW的系统结构采用的是客户/服务器结构模式 浏览者的主机是客户机，提供信息的主机是服务器。 1.1.2 WWW简介 WWW万维网（World Wide Web环球信息网，万维网） 客户机上运行的是IE之类的浏览器程序 浏览器程序的主要作用就是对HTML标记语言进行解释并且将它显示在浏览器窗口中。 在Web服务器上，运行的是WWW服务器程序 可以是Windows下的IIS，也可以是Linux下的Apache或其它的WWW服务器程序。 1.1.2 WWW简介 WWW万维网的工作流程 静态网页 1.1.2 WWW简介 WWW万维网的工作流程 动态网页 1.1.3统一资源定位器 统一资源定位器（URL，Uniform Resource Locator） URL的格式为： 传输协议://主机的域名或IP地址/路径文件名 /sports.htm /lucky/sports.htm /gz.htm 大部分主机会提供一个缺省的文件名，如 index.html、default.html等。 1.1.3统一资源定位器 1.1.4 IP地址与域名 Internet上计算机的地址有两种表示形式： IP地址和域名。 IP地址由32位二进制数字组成 国际通行一种“点分十进制表示法” 例01101101 182 217 190 109 1.1.4 IP地址与域名 IP地址分为5类：A、B、C、D、E。 A类（ -55） Internet有126个A类地址，每个A类地址可连主机 B类（-55） 每个B类地址可连接64516台主机，Internet有16256个B类地址； C类（-223. 255.255.255） 每个C类地址可连接254台主机，Internet有2054512个C类地址。 1.1.4 IP地址与域名 DNS域名服务系统，是因特网中一项核心服务， 它将域名和IP地址相互映射到一个分布式数据系统，通过该系统将域名与IP地址一一对应，并将域名映射成IP地址，实现快速连接站点的目的。 中山大学网址： 1.1.4 IP地址与域名 域名就是Internet上主机的名字，它采用层次结构，每一层构成一个子域名，级别从左到右逐渐增高，并用圆点隔开，表现形式为： 主机名.n级子域名.…….二级子域名.顶级域名.? ??（通常2≤n≤5） 1.1.4 IP地址与域名 1.1.4 IP地址与域名 1.2网页设计的基础知识 构成网页的基本元素 文本、图片、动画、声音、链接、表单等。 1.2.2网页制作和美化的工具 FrontPage FrontPage是微软公司开发的网页制作工具。 Dreamweaver Dreamweaver是Macromedia公司出品的网页制作工具，可以说是当前最流行的网页编辑器。 它支持所见即所得的方式编辑网页，有强大的站点管理功能，便于站点的维护和管理； 支持最新的HTML语言的扩展功能； 支持层技术，还提供了层动画； 内置强大的交互式网页制作功能。 1.2.2网页制作和美化的工具 Photoshop Photoshop是Adobe公司最著名的图像处理软件，是图像制作首选工具。它对图像的处理方式多样，特别是对图像的滤镜处理，可以制作出许多特殊的图像效果。Photoshop CS版提供的功能可以轻松地将图像进行切片等操作，方便网页使用，支持将图像存储为网页支持的GIF、JPEG、PNG等格式。 Fireworks Fireworks是Ma