大学计算机基础(第6章).pptx

《大学计算机基础》第6章 网页设计当高速发展的互联网融入整个世界的运转，人类可以更透彻地感知这个世界。Web技术提供了人们在互联网上进行实时交流的平台，指导人类更智慧地管理地球上的一切，也使得人们在Internet上安置自己的“精神家园”的梦想成为现实。本章的关注点：网站的构成与Web资源访问方法关注点如何进行网站的规划与开发如何实现网页的设计与制作常用的HTML标记网站规划与设计Web基础知识用SPD制作网页6.2本章目录站点主页文件 Index.htm……网页文件2网页文件1图片素材声音素材视频素材6.1.1 Web概述Web是World Wide Web的简称，是由分布在世界各地的Web站点（网站）构成。Web站点则是由一系列具有相关主题，经过组织和管理的信息资源构成。大致分为三类文件：用来描述信息、资源结构和位置，以“htm”或“html”为扩展名的网页文件；网页文件所连接的图像、表格、音频与视频等资源文件；进行动态交互的Web数据库和程序文件。超链接主页网页网页网页网页网页网页6.1.1 Web概述网页之间通过“超链接”，构成一个整体。所谓“超链接”是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。数据库服务器(Database Server)浏览器（Browser）Web服务器（Web Server）请求服务浏览器网站发送网页6.1.1 Web概述⒈ Web结构服务器(网站)客户机(浏览器)…服务器(网站)…Internet客户机(浏览器)B/S模式的三层应用6.1.1 Web概述一个大型网站架构实例：DNS服务器⒈ 请求：解释域名⒉ 回答：IP地址为⒋ 回答：传送主页客户⒊ 请求：访问主页Web服务器6.1.1 Web概述用户对Web服务器上的网站访问，通常是从首页开始。访问者访问一个网站的过程如下：6.1.1 Web概述Internet上分布着数以千万计的服务器，通过运行浏览器访问Web的计算机更是不计其数。如何能够准确、快捷地找到需要的信息呢？下述三个要素保证了人们能够方便地在信息资源的海洋中遨游：⒉ Web资源的定位 统一的资源命名方案（URL）。为了标识Web上的每一个资源，www使用了统一的资源命名方案URL，用来表示网络资源的地址（即网址）。资源访问的方式（HTTP）。通过超文本传输协议（HTTP），规定了浏览器和服务器之间互相通信的规则，规范了通过网络请求与接收HTML页面的方法。在资源之间访问的方法（HTML）。通过超文本标记语言（HTML)提供了网页的格式和超文本的链接，超文本链接帮助浏览者访问其他网页的内容，通过URL与外界进行联系。6.1.1 Web概述⒊ Web浏览器结构浏览器属于Web的客户端程序，用于向服务器发送HTTP请求，接收服务器的HTTP响应，解析HTML网页内容并呈现给用户。其内部结构如图所示：键盘输入显示器6.1.2 认识HTML如果说，Web是计算机、Internet和多媒体技术结合的产物，HTML则是这一结合的实现者。由于有了HTML，才使得Web风行于Internet。⒈ 什么是HTMLHTML是用于描述网页内容结构的语言，使用HTML可以通过一些标签符号对文件的内容进行标注，指定输出格式，如字体、颜色、表格形式、各部分之间逻辑上的组织等，并控制文字、图像的显示方式及附加的动作。使用支持HTML的网页浏览器，用户可以对文件进行自由的、跳跃式的阅读。HTML版本 HTML2.0 →HTML3.0 →HTML3.2 →HTML4.0 →HTML5.0现在的HTML能让你在网页上随心所欲地放置图片、插入音视频文件等。在VB Script和Java Script等语言的支持下还具有动态交互能力。如果配合使用Web数据库和ASP、PHP、JSP等开发工具，则可以对远程服务器上的数据库进行信息检索和数据分析等各种操作。 6.1.2 认识HTML⒉ HTML与Web的关系HTML是Web的核心与基础。用户可以通过HTML标签控制网页的显示风格并对访问者的行为作出反应。以下是一段简单的HTML文档：HTML HEAD meta http-equiv=Content-Type content=text/html; charset=gb2312 TITLE例子1/TITLE /HEAD BODY center h3这是一个使用字体样式标签的例子/h3 font size=3 i这是斜体字/ibr/font font color=red size=2欢迎你来到HTML世界 /font HR PA HREF=/ 浏览中大 /A/P /center /BODY/HT