网页设计与制作（HTML5+CSS3+JavaScript）全套PPT课件.pptx

第一章：初识前端开发随着新一代Web开发标准—HTML5的诞生，各大浏览器厂商和软件厂商都不遗余力地支持HTML5的发展，加入HTML5的阵营，互联网时代的新一轮革命即将展开，当前端开发碰上HTML5会产生什么样的激烈火花，真是让人期待。1.1网页和网站基础知识1.1.1了解网页网页是互联网展示信息的一种形式。一般网页上都会有文本和图像信息，复杂一些的网页上还会有声音、视频、动画等多媒体。进入网站，浏览者首先看到的是网页的主页，主页集成了二级页面及其他网站的链接，浏览者进入主页后可以浏览必威体育精装版的信息，找到感兴趣的主题，通过单击超链接跳转到其他网页，如图1-1所示：当浏览者输入一个网址或者单击了某个链接后，在浏览器中看到的文字、图像、动画、视频和音频等的内容，能够承载这些内容的页面被称为网页。浏览网页是互联网应用最广泛的功能，网页是网站的基本组成部分。网站则是各种内容网页的集合，按照其功能和大小来分，目前主要有门户网站和公司网站两种。门户类网站内容庞大而又复杂，例如新浪、搜狐、网易等门户网站，公司网站一般很自由几个页面，例如小型公司的网站，但都是由最基本的网页元素组合到一起的。在这些网站中，有一个特殊的页面，它是浏览者输入某个网站后首先看到的页面，因此这样的一个页面通常被称为“主页”（HomePage），也称为“首页”。首页中承载了一个网站中的主要内容，访问者可按照首页中的分类来精确、快速地找到自己想要的信息内容。通常我们看到的网页，都是以.htm或.html为扩展名的文件，俗称HTML文件，网页上还会用到一些其他类型文件。表1-1对各种类型文件进行详细的讲解。CGICGI是一种编程标准，规定了Web服务器调用其他可执行程序的接口协议标准。CGI程序通过读取使用者的输入请求从而产生HTML网页。它可以用任何程序设计语言编写，目前为流程的是Perl。PHPPHP是一种HTML内嵌式的语言，它与微软的ASP颇有几分相似，都是一种在服务器端的嵌入HTML文档的脚本语言，风格类似于C语言。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。其优势在于其运行效率比一般的CGI程序要高，PHP在大多数UNIX平台、GUN/Linux和Windows平台上均可运行ASPASP是一种应用程序环境，可以利用VBScript或JavaScript语言来设计，主要用于网络数据库的查询和管理，其工作原理是当浏览器者发出浏览请求的时候，服务器会自动将ADP的程序代码解释为标准HTML格式的网页内容，再发生到浏览器者的浏览器上显示出来。也可以将ASP理解为一种特殊的CGI。利用ASP生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个ASP页面就可以取代成千上万个网页。尽管ASP在工作效率方面较一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。JSPJSP是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP与ASP非常相似，不同支持在于ASP的编程语言是VBScript之类的脚本语言，而JSP是由的是Java语言。此外，ASP与JSP还有一个更为本质的区别：两种语言引擎用完全不同的方式处理页面嵌入的程序代码。在ASP下，VBScript代码被ASP引擎解释执行；在JSP下，代码被编译成Servlet并由Java虚拟机执行。VRMLVRML是虚拟实境描述模拟语言，是描述三维的物体及其连接的网页格式。浏览VRML的网页需要安装相应的插件，利用经典的三维动画制作软件3dsMax，可以简单而快速地做出VRML。网页可以分为静态网页和动态网页，静态网页与动态网页相对应，静态网页URL的后缀以.htm、.html、.shtml、.xml等常见形式出现，而动态网页URL的后缀则是以.asp、.jsp、.php、.perl、.cgi等形式出现的，并且在动态网页地址中有一个标志性的符号-“?”，如图1-2所示。动态网页可以是纯文本内容的，也可以是包含各种动画内容的，这些只是网页具体内容的表现形式。无论网页是否具有动态效果，采用动态网站技术生成的网页都成为动态网页。图1.2动态网页从网站浏览者的角度看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。静态网页的一版特点简要归纳如下：?静态网页的每个网页都有一个固定的URL，且不含有“？”；?网页内容一经发布到网站服务器上，无论是都有用户访问，每个静态网页的内容都保存在网站服务器上，也就是说，静态网页是实实在在在服务器上的文件，每个网页都是一个独立的文件；?静态网页的内容相对稳定，因此容易被有哪些信誉好的足球投注网站引擎检索；??静态网