网页设计与制作第01章 网页设计概述.pptx

网页设计与制作第01章 网页设计概述本章内容网页设计与制作网页基本概念网页浏览的基本原理常用网页编辑工具网页设计基础知识1.1 网页基本概念网页设计与制作1.1.1 Internet相关概念1．InternetInternet是一个具体存在的网络实体，泛指由全球所有计算机网络构成的集合，是一个全球性的信息通信网络，中文称之为因特网或互联网。1.1 网页基本概念网页设计与制作2．WWWWWW是World Wide Web的缩写，也可以简写为W3、3W，中文称为“万维网”，“环球网”等，常简称为Web，是Internet迅速发展和普及的重要技术之一。WWW是由Web客户端、Web服务器、HTTP这三部分组成的。通过HTTP协议，可以让Web客户端（即网页浏览器）访问并浏览Web服务器上的网页。WWW提供了丰富的文本、图像、声音、动画、视频等多媒体信息并将这些内容融合在一起，为用户提供了图形化的信息传播界面——网页。由于在网页中提供了导航功能，从而使得用户可以方便地在各个页面之间进行浏览和跳转。1.1 网页基本概念网页设计与制作3．HTTPHTTP（HyperText Transfer Protocol，超文本传输协议）是一种详细规定了浏览器和WWW服务器之间互相通信的规则，并通过Internet传送WWW文档的数据传送协议。HTTP的工作原理及过程对用户而言是透明的，这使得用户的上网操作变得非常简单：用户想要在网上浏览某一网页，只需要在浏览器（如IE）的地址栏中输入该网页的网址（如/）即可。1.1 网页基本概念网页设计与制作1.1.2 什么是网页网页（Web page）是通过WWW发布的包含有文本、图像、声音、动画、视频等多媒体信息的页面，是构成一个网站的基本元素。一个网页可以看作是该网站中的一页，借助超级链接将众多的网页有机地整合在一起就组成了一个网站。网页通常又可称为页面。从本质上说，一个网页实际上就是一个文本文件，它存放在世界某个角落的某一台联网的计算机中（通常是WWW服务器）。网页文件的不同后缀名代表着不同类型的网页。1.1 网页基本概念网页设计与制作HTMLHTML（HyperText Markup Language，超文本标记语言）是SGML（标准通用标记语言）下的一个应用，也是一种规范和一种标准，它通过标记符号（tag）来定义要显示的网页中的各个部分。由于网页文件本身是一种文本文件，通过在文本文件中添加各种标记符号，可以告诉浏览器如何显示其中的内容（如：文字如何处理，布局如何安排，图片如何显示，链接如何跳转等）。浏览器按顺序阅读网页文件的代码，然后根据标记符号来解释和输出其对应的内容，从而完成整个网页的显示。HTML是网页制作的基础，理解和掌握都比较容易，是初学者必学的内容，可以使用任意一种文本编辑器进行编辑。现在已经有了很多高效易用的所见即所得的网页编辑软件，如Dreamweaver和FrontPage等，可以通过可视化的方式辅助网页制作人员快速、自动地生成HTML代码，无须像早期一样用键盘逐行地录入代码了。关于HTML的详细内容将在第2章介绍。1.1 网页基本概念网页设计与制作例1.1 打开记事本（notepad.exe），输入如下内容，将文件保存为ep1_1.html，然后双击ep1_1.html在浏览器中打开并预览。效果如图所示。html head title我的HTML网页/title /head body font color=red size=6我是红色大号字体/fontbr hr color=green bi我是加粗倾斜字体/i/b /body/html1.1 网页基本概念网页设计与制作在本课程之外，其他常见的网页类型还有CGI、ASP、JSP、PHP等。有兴趣的同学可参考其他相关书籍。1.1 网页基本概念网页设计与制作1.1.3 静态网页和动态网页在网站设计中，纯粹的HTML格式的网页通常被称为静态网页，一般以.htm、.html、.shtml为后缀名。当客户端浏览器请求浏览服务器上的静态网页时，服务器查找到该静态网页后不进行任何处理就直接下载到客户端，然后由客户端浏览器解释并显示，所以静态网页一经编写完成，其显示效果就确定了。动态网页是指其内容会根据具体情况发生变化的网页，它以数据库技术为基础，随不同客户、不同时间而生成不同的网页。当客户端浏览器请求浏览服务器上的动态网页时，服务器查找到该动态网页后会结合相关参数开始执行其中的动态程序部分，并将执行结果下载到客户端，然后由客户端浏览器解释并显示。常用的动态网页技术有前面提及的JSP、ASP、ASP.NET、PHP等。1.1 网页基本概念网页设计与制作1.1.4 什么是网站1．网站网站（Web Site，也称为站点）是指存放在某台网络服务器