文档介绍:网页设计与制作教程(2017版)陈学平主编清华大学出版社第1章网页设计基础本章导读:基础知识,还介绍了网页的页面构成要素,着重介绍了html语言的语法,为后面网页制作部分源代码的学****打下基础。学****目标:◆的相关基础知识。◆熟悉Web浏览器的使用。◆能够区分静态网站与动态网站◆掌握网页页面的构成元素。◆了解html语言的构成。◆掌握html语言的基本语法。,一个全球互联的广域网络。建立于70年代发展起来的计算机网络群之上。网络,网络。它的信息量非常大。(UniformResourceLocator,统一资源定位符)。当我们在浏览器的地址框中输入一个URL或是单击一个超级链接时,URL就确定了要浏览的网页地址。浏览器通过超文本传输协议(HTTP),将Web服务器上站点的网页代码提取出来,显示成网页。URL地址的组成简介如下:例如:义如下:(1)http://:代表超文本传输协议,一般默认省略(2);(3)/:(HyperTextTransferProtocol,超文本传输协议)是用于从更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示(如文本先于图形)等。,打开的网页中的页面不只是普通的文字,还可能包含有普通链接。这些页面对应的文件不再是普通的“文本文件”,这些包含链接的文件被称为超文本文件。超文本文件要遵从一个严格的标准,这个标准就是超文本标记语言(HTML)。我们所有的网页都是可以用HTML来制作的。,其不同点仅在于文件内容的不同。超文本文件仅包含文本信息,而超媒体文件则包含各种媒体、多媒体或流媒体信息。,简称Web。它的基本结构是采用开放式的客户/服务器结构(Client/Server),分成服务器端、客户接收机及通讯协议三个部分。,是网站中的一“页”通常是HTML格式,()。网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取。网站(英文名字为website)是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。。静态网页用户基本上不能参与,只是网站页面的静态发布。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。如图1-1所示是一个静态网页:图1-1静态网页动态网页一般涉及数据库操作,如:注册、登录、查询、购物等,都需要设计强大的服务器端动态程序,并考虑各种可能出现的出错情况,以保证网站的交互性和安全性。图1-2所示是一个动态网页图1-,首先要认识网页,了解网页中的常见元素,只有这样才能更加合理地组织和安排网页内容。如图1-3所示。图1-3网页的元素图1-3所示是网易网站的首页,文字与图片是构成一个网页的两个最基本的元素。也可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。下面分别介绍各个网页元素及其在网页中的作用。,是网页发布信息所用的主要形式。一个网页展现给用户的主要应该是文本信息内容。、GIF和PNG3种格式,其中使用最广泛的是JPEG和GIF格式,这两种格式具有跨平台的特性,可以在不同操作系统支持的浏览器上显示。通常图形在网页中有如下的应用。,是网页中最重要、最根本的元素之一。。许多大型的网站(如搜狐、网易、新浪、雅虎等)都是使用表格来进行页面布局的。(1)网页区别于其他媒体的一个重要标志就是它的交互功能。例如:注册和留言功能(2)通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域,当访问者单击按钮或图形来提交表单后,数据就会传送到服务器上。。例如:背景音乐,网页上嵌入的视频等。