网页设计与制作（Dreamweaver cc 2017）电子课件.pptx

;第1章 网页制作基础介绍 ;1.1.1 万维网 万维网是因特网的一部分，万维网通常被称为www（world wide web），是20世纪末出现的新技术。万维网基于超文本机构体系，由大量的电子文档组成，这些电子文档存储在世界各地的计算机上，目的是让不同地方的人使用一种简洁的方式共享信息资源。 万维网的引入打破了internet仅供专业人员使用的传统，使得成千上万的非专业用户也能接触Internet。 ;1.1.2网站与网页 1、网页 万维网上的文档又称为网页，网页中可以包含文本、图像、音频、视频等信息。 存储网页的计算机通常称为万维网服务器(Web服务器)。网页存储在万维网服务器后，用户就可以访问这些网页信息了。用户通过在WWW浏览器的地址栏输入网页的地址，我们就可以浏览到网页。网页的扩展名为“.htm”或“.html”。 2、网站 网站实际上就是网页的集合，是将网页通过超过链接的形式组成的。通过网页的超链接功能，我们可以跳转到其他网页或网站，从而获取大量信息。万维网上的网站通常是由学院、大学、政府机构、企事业单位或个人开发并维护。 ;1.1.3域名和URL 1、域名 互联网上的每一台主机都有一个IP地址，IP地址是由四组被圆点隔开的数字组成的32位地址，每组都是0－255之间的一个十进制数。要想访问每个主机需要知道对方的IP地址，如“雅虎”服务器的IP地址是4。 由于IP地址对人们来说很难记忆，所以可以用域名来代替IP地址，一个IP地址对应一个域名，如用来代替202．99．96．68，这样就方便了记忆。域名由多个词组成，由圆点分开，位置越靠左越具体。最右边是一级域或顶级域，代表国家，我国为CN。 2、URL 在域名前面加上协议就构成了URL。URL是Uniform Resource Location的缩写，它是WWW的统一资源定位标志，就是指网络地址。URL提供了资源在互联网上的确切位置。URL的构成如下： 协议：//主机名：（端口号）/文件路径/文件名 如“http：///beijing/show.html”，http是协议，是主机名，/beijing是文件路径，show.html是文件名。 ;1.1.4静态网页和动态网页 网页按表现形式可分为静态网页和动态网页。 1、静态网页 静态网页??际上是图文结合的页面，浏览者可以在网页上阅读信息，但无法做进一步的查询、留言、聊天、电子商务等操作。静态网页是标准的HTML文件，它可以包含html标记、文本、声音、图像、动画、Java小程序以及客户端Active插件。 2、动态网页 动态网页指的是浏览器和服务器端可以进行信息交流的网页，即服务器可以根据浏览者的请求做出相应的动作或回复。常见的动态网页类型有ASP、PHP和JSP，与其他动态网页相比，ASP动态网页技术较成熟且易学。 ;1.1.5本地站点和远程站点 设计网站时使用的本地计算机称为本地站点。Internet服务器上的站点则称为远程站点。 用户浏览一个网站，其实是用浏览器打开存储在Internet服务器上的HTML文档和相关资源。由于Internet服务器的不可知特性，因此把存储在Internet服务器上的相关文档和资源称为远程站点。 ;1.1.6 HTML、XML、XHTML 1、HTML HTML是超文本标记语言（Hypertext Markup Language）的英文缩写，它是用来描述网页的一种语言，强调把数据和显示放在一起，使用标签来描述网页内容和外观。 2、XML XML是可扩展标记语言（Extensible Markup Language）的英文缩写，用户可以自定义具有结构化的标记语言，XML可以使用XML解析器按照其组织结构分解出数据，而XML本身不提供数据的显示格式。 3、XHTML XHTML是一种作为XML应用被重新定义的标记语言，它结合了部分XML的强大功能及HTML的简单特性。在HTML 4.0的基础上，用XML的规则对其进行扩展，就得到XHTML。 ;1.2 网站制作相关技术及工具 1、 网页制作平台——Dreamweaver Dreamweaver是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。 2、 图像处理工具——Photoshop Photoshop 软件一直是图像处理软件的龙头老大，计算机图形设计师创作最有力的工具。它的强大功能不仅创造出不朽的计算机图形艺术，渗透到计算机应用的各个领域。 3、动画制作工具——Flash Flash是目前网络上最为流行的失量动画设计制作软件，也是由美国Macromedia公司所开发。Flash软件的动画制作能力异常强大。 4、 网页上传下载——Cu