HTML+CSS+JavaScript网站开发实用技术-全套PPT课件.pptx

HTML+CSS+JS网站开发实用技术）网站开发基础知识1静态网页制作—HTML技术2规划页面—页面布局设计3美化网页—使用CSS技术4使用DIV+CSS实现精美布局5使用JavaScript对象编程7让网页动起来－JS技术6网站管理9事件处理8 第1章网站开发基础知识互联网的访问过程1互联网的工作机制2网站设计中的一些基本概念3制作网站的标准和常用技术4常用的开发工具5网站建设的流程6建立站点7小结 1.1 互联网的访问过程浏览网站涉及一些非常基本的概念，包括浏览器与服务器、WWW与万维网，还有IP地址与域名等. 1.1 互联网的访问过程浏览器与服务器浏览网站是从远程计算机中获取内容。提供内容信息的计算机就称为服务器，访问者使用浏览网页的软件被称为浏览器。实例WWW与万维网万维网，英文单词是“World Wide Web”，简称WWW，也称作Web。WWW、万维网和Web是同义词，是一个大型的相互链接的文件所组成的集合体，范围包括了整个网络世界。 1.1 互联网的访问过程IP地址和域名我们要浏览服务器上的资源，必须知道服务器在网络中的地址，这是通过IP地址来实现的。为了实现IP地址的易理解、易识别，又引入了域名的概念。IP地址是识别互联网上计算机和网络设备的标识。域名是IP地址的一种符号化表示，域名通过域名解析系统（Domain Name System，DNS）保证每台主机的域名与IP地址一一对应。 1.1 互联网的访问过程URL和HTTP协议WWW上的地址通过URL来指明，HTTP协议是用于浏览网站的基本约束或规则。URL是Uniform Resource Location的缩写，含义是统一资源定位器，用来指明文件在互联网中的位置。HTTP是超文本传输协议.例如，/是一个URL，其中http是协议，是服务器地址（域名） 1.2 互联网的工作机制 1.2 互联网的工作机制（1）浏览器中输入将要访问页面的URL地址。由DNS进行域名地址解析，找到服务器IP地址，向该地址所指向的Web服务器发出请求。（2）Web服务器根据浏览器送来的请求，把URL地址转换成页面所在服务器上的文件全名，查找相应的文件。（3）如果URL指向静态HTML文档，Web服务器使用HTTP协议把该文档直接送给浏览器。如果HTML文档中嵌入了ASP、PHP或JSP程序，则由Web服务器运行这些程序，把结果送到浏览器。如果Web服务器运行的程序包含对数据库的访问，则服务器将查询指令发送给数据库服务器，对数据库执行查询操作。（4）查询结果由数据库返回Web服务器，再Web服务器将结果数据嵌入页面，并以HTML格式发送给浏览器。（5）浏览器解释HTML文档，在客户端屏幕上展示结果。 1.3 网站设计中的一些基本概念1．网站即Website，也称作站点，是指在互联网上，根据一定的规则，使用HTML语言编写的用于展示内容的网页的集合。在本地计算机上，网站体现为一组文件夹。 网站由域名、网站空间、网页3部分组成。2. 网页实际上是用HTML语言编写的文本文件。在浏览网页时，浏览器将HTML语言翻译成用户看到的网页。命令[查看]/[源文件]，可在浏览器中查看这个网页的HTML语言描述 1.3 网站设计中的一些基本概念静态网页是指在浏览器中运行，不需要到后台数据库检索数据、不含有程序的纯HTML格式的网页文件，其文件后缀一般为.html、.htm、.shtml等。动态网页是指网页文件中除了包含HTML标记，而且还包含需要在服务器上执行的程序代码。动态网页需要后台数据库与Web服务器交互，利用数据库实现数据更新和查询服务。动态网页扩展名一般是.asp、.jsp、.php等。 1.4制作网站的标准和常用技术Web开发应用遵循的标准就是Web标准。Web标准是由W3C和其他标准化组织共同制定的，该标准用来创建和解释基于 Web 的内容，Web标准可以使得在网上发布的文档向后兼容，使其能够被大多数人所访问。Web标准包括一系列标准。网页部分的标准通过三部分来描述：结构（Structure）、表现（Presentation）和行为（Behavior）。 1.4制作网站的标准和常用技术本书的写作框架来自于网站开发的标准。结构、表现和行为对应于3种常用的技术，即(X)HTML，CSS和JavaScript。即(X)HTML用来决定网页的结构和内容，CSS用来设计网页的表现形式，JavaScript用来控制网页的行为。 1.4制作网站的标准和常用技术HTML是Hyper Text Markup Language的缩写，是一种用来制作超文本文档的简单标记语言，是网页制作的基本语言。XHTML即可扩展超文本标记语言。实际上，XHTML是一个过渡语言。CSS(Cascading Style