《网页设计与制作教学课件》第1章 网页设计基础.pptVIP

动态网页开发技术(P18) ASP技术（Active Server Page）：动态服务网页，是微软公司开发的一种由VBScript脚本语言或JavaScript脚本语言调用组件实现的动态技术。(无需编译、易于生成、独立于浏览器、面向对象) ASP.NET技术：是一种以编译的、基于.NET的环境，可以使用任何与.NET兼容的语言（例如C#、VB.NET等）构造Web应用程序。 PHP技术：是一种在服务器端运行的、在HTML文档中嵌入的脚本语言。采用源代码公开方式，可以实现更多功能。 JSP技术：专门在服务器端编译、执行的Web技术，是实现普通静态HTMl和动态页面输出混合编码的技术，其脚本语言采用Java语言。 URL URL一般有三种形式：绝对URL，相对URL，网页内部的链接方式。 格式：协议：//主机名[:端口号]/路径 绝对URL：以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。 相对URL：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。 * 第1章 网页设计基础 网络的兴起及快速发展，已经渗透到各行各业。促进了商业网络化的发展，如改变了产品的销售方式，业务多渠道联系方式，加快信息的获取方式。诸如这些与网站离不开的，都涉及到网页的设计与开发。 设计网页是一项从“艺术设计—页面制作—后台开发”的系统工程，需要应用多种技术，使用各种相关软件才能完成。在学习网页设计时，需要首先了解网页布局、网页配色等各种技术以及涉及到的软件。 本节学习要点： * 网页和网站概述 了解网页基本元素 了解网页制作基本常识 网页标准化技术 网页设计软件 网页设计流程 管理Dreamweaver站点 1.网页和网站概述 网页：网页本质上就是用HTML写的文档，承载文字，图片，包括动画、音视频等内容，可以通过浏览器程序进行浏览。 网站：网站在逻辑上可视为一个整体的一系列页面的有机集合（Web Site或Site）。 URL：统一资源定位器，也被称为网页地址，是因特网上标准的资源的地址（Address)。 按网页在网站中所处位置不同，网页可分为主页（如图1-1所示）和内页（如图1-2所示）。打开一个网站时看到的第一个页面就是主页，也称为首页，主页文件的名称一般为index.htm或index.html；与主页相链接的其他各个页面就称之为内页。 注意：为了方便浏览，网页的命名必须为英文字母或数字，如果定义为汉字，很容易出现乱码 图1-1 图1-2 HTML的基本工作原理 概念：HTML(Hypertext Markup Language)超文本标记语言，是一种规范，一种标准，它通过标记符（tag）来标记要显示的网页的各个部分。 原理：通过在网页中添加标记符，告诉浏览器如何显示网页，即确定内容的格式。浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。 按网页的表现形式，可将网页分为静态网页和动态网页。一般用户制作的都是静态网页，它是一切网页制作的基础，如果想制作动态网页，那么仍然需要先做好静态页面，然后在此静态页面中加入动态技术，从而制作出十分精彩的动态页面。 静态网页是最简单的Web结构，没有与用户进行任何交互行为。在静态网页中，客户端使用TCP/IP连接到Web服务器，并且使用HTTP产生请求。服务器接收到该HTTP请求后，向客户端发送一个已生成的HTML文档。(CSS+DIV) *  动态网页是采用动态网站技术生成的网页都称为动态网页。真正的动态网页体现在“交互性”，也就是动态网页能根据不同的浏览者的请求和该问时间显示不同的内容。通过编程语言与用户进行交互，并将交互所需的数据以及反馈的结果存储在数据库中。 　　 * 常用的动态网页开发技术有JSP、ASP、ASP.NET和PHP等，这些脚本语言可以嵌入到HTML，用于服务器端编译、执行，实现了网页的“交互性”。 通过这些技术，动态网页开发分为动态部分和静态部分，静态部分控制网页外观表现，而动态部分通过这些编程语言实现强大功能。 动态网页开发技术 2. 网页基本元素 * 文本和图片：网页的基本元素 超链接：文字链接和图片链接 动画：GIF格式动画和flash格式的动画 表单：一种可以在浏览者和服务器之间进行信息交流的工具，例如用户注册，搜索等。 音视频：网络音乐，网络视频等网络新潮流 3.网页制作基本常识 * 网页的设计是一种综合能力的体现，其考验到网页设计师在多种领域中的能力，包括网络技术、图像设计艺术、网页设计软件操作、浏览器兼容性知