网页设计基本概念ppt课件

1、2020/6/15，1，第1讲网页设计的基本概念，介绍与互联网和万维网网页制作相关的一些重要概念，网页类型，网页制作的编程语言和编辑工具，网站设计的一般步骤，2020/6/15，2，1.1简介无论是创建网站并在互联网上发布主页，还是在内部网中发布文本和图形文件，都需要设计网站并制作网页。本次讲座将首先介绍以下基本问题：互联网和万维网；网页制作中的一些重要概念；网页制作的编程语言和编辑工具；设计网站的一般步骤。2020/6/15，20世纪60年代末，美国人开始了计算机网络互联的研究，揭开了计算机网络研究的序幕。自20世纪80年代以来，随着计算机技术的发展和完善，世界上越来越多的计算机通过各种通信

2、媒介连接起来，形成一个超级“网络”，即人们所说的“互联网”。互联网是世界上最大的互联网。事实上，它连接了世界各地现有的各种网络，如计算机网络、数据通信网络和公共电话交换网络，形成了一个跨越国界的巨大互联网。因此，它也被称为“网络的网络”，见图1-1。2020/6/15，5，图1-1互联网的用户视图和内部特定结构，2020/6/15，6，1。了解互联网1。从网络互连的角度来看，互联网使用数以千计的具有特殊功能的专用计算机(称为路由器或网关)通过各种通信线路来物理连接分散的网络。2.从网络通信的角度来看，互联网是一个超级数据通信网络，它通过传输控制协议(TCP/IP)将各个国家、部门和机构的内部网

3、络连接起来。从提供信息资源的角度来看，互联网是一个超级资源网络，整合了各个部门和领域的各种信息资源。4.从网络管理的角度来看，互联网不是由政府或组织管理和控制的，包括成千上万的合作组织和网络。2020/6/15，8，2，互联网的特点1.TCP/IP协议是互联网的核心2。因特网已经实现了与公共交换电话网3的互连。互联网是用户自己的网络，2020年6月15日。9，3。对万维网的理解可以翻译成“万维网”和“万维网”，国家科学技术命名审批委员会推荐的翻译是“万维网”。1984年，万维网所依赖的超文本数据结构被提出。1989年，它发展成为一种新的信息传播和处理技术。1991年，欧洲核子研究中心向世界发布

4、了万维网技术。2020/6/15，万维网是一个分布式多媒体超文本系统。所谓“超文本”是指它的信息组织形式，它不是简单地按顺序排列，而是一种由指针连接的复杂的网络交叉索引模式。万维网的出现极大地促进了互联网的发展，做出了巨大的贡献。万维网本身是各种技术结合的产物。它可以独立于互联网的存在而运行。万维网和互联网的结合使互联网更加强大，为互联网的进一步普及铺平了道路。2020/6/15，11、4、WWW运行机制WWW运行机制是使用客户机/服务器模式。当用户查询信息时，他们执行一个客户端程序并输入一个统一的资源位置(网址)。客户端程序也称为“浏览器”程序。随后，浏览器程序将成为客户，该程序将负责向用户

5、提供直接服务。2020/6/15，12，其将用户的需求转换成一个或多个标准信息查询请求，并通过互联网将其发送到远程信息提供服务器；服务器执行一个服务器程序。如图1-2所示，网络的客户程序通过超文本传输协议(http)与服务器程序通信。，2020/6/15，13、图1-2中的客户/服务器模式，2020/6/15，14，HTTP提供的功能包括实现Web客户端和服务器之间的连接，发出带有文件名的访问请求，接收文件，关闭连接等。为了使客户端程序能够找到位于整个互联网上的某些信息资源，万维网系统使用统一的网址。客户端程序依靠输入的网址找到相应的服务器，与它建立联系并获取信息。服务器提供的信息通常是用超文

6、本标记语言(html)编写的信息文件。2020/6/15，15岁。由于超文本标记语言是一种统一的标准语言，无论服务器程序有多不同，或者服务器所在站点的计算机操作系统有多不同，由超文本标记语言文件提供的信息总是能够被客户端程序理解和显示。2020/6/15，16岁。在实际操作中，当服务器收到客户端的信息查询请求时，会完成相应的操作，并将所有发现的结果通过互联网传输到客户端的计算机内存中。然后，客户端将服务器发送的结果转换成特定的显示格式，并通过友好的图形界面(例如，窗口)向用户显示。用户感觉不到这个过程。万维网是一种图形互联网服务，拥有极其丰富的资源。2020/6/15，17，1.3网页制作中涉

7、及的一些重要概念网页制作的目的是将其发布到互联网(局域网或互联网)，这包括建立一个网站并将该网站发布到万维网服务器。此外，网页制作完成后，需要通过浏览器进行浏览。浏览网页时，第一页通常称为主页。在万维网中，网络服务器是一个全球网络，由成千上万台可以相互通信的计算机组成。其中，每台提供信息的计算机被称为网络服务器，也称为主机。人们使用统一的资源位置地址的标准格式来提供万维网中的网络服务器的网址。如果使用超文本传输协议来提供网络信息资源空间站点地址，则该地址的格式为“http:/”。2020/6/15，19，例如，万维网上“中国互联网信息中心”的网址是“”。如果用户在MicrosoftIntern

8、etExplorer或NetscapeNavigator浏览器的“地址”中输入地址，他可以浏览到该站点的主页信息，如图1-3所示。2020/6/15，20，图1-3中国互联网络信息中心主页(用域名登录)，2020/6/15，21，其中”是“中国互联网网络信息中心”的域名。域名前加上“WWW”仅表示该网站是一个网络服务器，不用于帮助确定其位置。因此，当我们在万维网上寻找“中国互联网信息中心”的网址时，输入“”相当于输入“”。2020/6/15，22，域名本质上是主机名的标识，它与IP地址一一对应。例如，域名“”的IP地址是“9”。该IP地址有一个32位二进制数。为了方便用户

9、记忆，人们发明了直接使用域名而不是IP地址。因此，在IP地址中输入站点地址“9”与在域名中输入站点地址具有相同的效果，如图1-4所示。2020/6/15，23，图1-4中国互联网络信息中心主页(用IP地址登录)，2020/6/15，24，网址(通用资源定位器)，网址代表网络服务器的网址。2020/6/15，2020/6/15，表1-2中的服务链接。26，2。网络浏览器在万维网中，网络浏览器是使其正常工作的关键部件之一。当人们通过个人电脑浏览互联网时，网络浏览器也是必要的工具软件。在网络服务器上读取超文本标记语言文件时，它必须与组成万维网的成千上万个网络服务器中

10、的一个进行通信。2020/6/15，27，当我们的计算机成功地与上述主机联系时，主机将负责找到我们想要的文件并将它们传送回我们的计算机。此外，包含在“index.htm”文件中的一些相关图像也将被传输回来，并且网络浏览器将在计算机屏幕上显示所有传输回来的信息。目前，微软和网景是网络浏览器的主要开发公司。他们开发的两种主流浏览器，微软网络浏览器(IE)和网络浏览器导航器/通信器，在可视化方面没有什么区别，但是他们对一些特殊技术的支持却有很大的不同，比如Java和ActiveX。此外，尽管两种浏览器都支持超文本标记语言，但网络浏览器/通信器对超文本标记语言代码的解释要比工业工程严格得多。2020/

11、6/15，29，3。网页使用浏览器从互联网上看到的信息统称为网页。一般来说，当人们通过使用浏览器成功地连接到互联网上的网络服务器时，浏览器上显示的第一个文档是网络服务器的起始页面，称为“主页”，其他页面是网页。2020/6/15，30，图1-5“中国互联网发展统计”页面，2020/6/15，31岁。网络服务器最重要的特性之一是它能够将一个HTML文件链接到另一个。这种能力被称为“超级链接”。此外，网络服务器的超链接功能还可以连接位于世界不同地方的任意两个网络服务器中的信息。什么是超链接？指向其他文件的链接。当用户点击它时，将显示链接信息。2020/6/15，32岁。一般来说，网页的元素包括文本

12、、列表、图像、超链接、书签、音频、视频、表格、表格、框架等。其中，表格、表单和框架属于复合元素，复合元素本身可以包含各种基本元素。这些丰富多彩的网页是如何制作的？网页制作完成后，如何在网上发布？这些是本课要涵盖的主题。2020/6/15，33，1.4。请考虑网页包含什么样的内容。2020/6/15，34，1.5静态网页和动态网页静态网页是指不使用应用程序直接或间接制作成html的网页。这些网页的内容是固定的。修改和更新必须通过特殊的网页制作工具，如Dreamweaver，Frontpage等。此外，每当网页中的字符或图片被修改时，必须再次上传以覆盖原始页面。2020/6/15，35、动态网页是

13、指使用网页脚本语言，如php、asp、jsp等。通过脚本将网站的内容动态存储到数据库中，用户通过读取数据库访问网站来动态生成网页。网站主要基于一些框架，网页的内容大多存储在数据库中。当然，某些技术可以用来从动态网页生成静态网页，这有利于网站的优化，方便搜索引擎搜索。静态网页和动态网页的最大区别在于网页是固定内容还是可以在线更新。2020/6/15，36，实现动态网页，2020/6/15，37，静态网页的实现，2020/6/15，38，5。网页设计所需的硬件和软件：一台64MB内存的奔腾电脑就足够了，最多加一个调制解调器就可以把设计好的网页上传到互联网上。网页编辑软件：网页编辑软件可分为两种类型

14、，一种类似记事本，另一种是Dreamweaver网页编辑程序。2020/6/15，39、图像动画处理软件：常用的图像处理软件包括AdobePhotoShop、MacromediaFlash、Director、CorelDraw、UleadPhotoImpact、AppleQuickTimeVR、QuickDraw3D等。浏览器软件：目前，常见的浏览器包括NetscapeCommunicator和MicrosoftInternetExplorer网络空间：用于存储网页的存储空间，位于提供相关服务的网络服务器上。2020/6/15的编程语言和编辑工具。40，1.4网页在1991年万维网首次发布时就

15、已存在。当时，一些从事万维网研究的人组织并制定了一些标准。由于这些标准，世界各地的计算机可以互相交换信息。最重要的标准之一是超文本标记语言。作为制作网页的编程语言，超文本标记语言完全控制文本和图像的显示方式。2020/6/15，41，1。超文本标记语言是“超文本标记语言”的缩写，中文翻译成“超文本标记语言”。第二，可扩展标记语言：可扩展标记语言是“可扩展标记语言”的缩写，中文翻译为“可扩展标记语言”。2020/6/15，42，3。浏览器端脚本(描述语句):脚本是嵌入在HTML原始代码中的一小部分。2020/6/15，服务器端脚本(描述语言):目前，有两种常见的服务器端脚本，ASP程序和CGI级。ASP是“动态服务器页面”的缩写，中文翻译为“动态服务器页面”。CGI是“公共网关接口”的缩写，在中文中翻译成“公共网关接口”。2020/6/15，44，5。DreamweaverMxDreamweaverMX是网站开发的中心环节。完整的用户定义控件可以快速完成页面和网站的设计。Javascript行为库和可视化编辑环境大大减少了代码编写，同时也确保了它的专业性和兼容性。通过Dreamweaver与其他产品组的合作和许多第三方的支持，动态发布的电子商务网站的建设可以很容易地完成。迄今为止，全球