网页基础知识课件.ppt

1、第1章 网页设计基础v1.1 网页设计基本概念v1.2 网站开发基本流程v1.3 常用的网页制作软件介绍1.1 网页设计基本概念1.1.1 网站和网页网站(Website) 网站是指在因特网(Internet)上,根据一定的规则建立起来的，用于面向全世界展示特定内容的相关网页的集合。用户可以通过网页地址访问其信息资源，获取自己需要的资讯或者享受网络服务。网站示例 网页(Webpage) 网页是由HTML或者其他语言编写的，通过浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。 一个网站都有一个主页主页作为网站的访问入口，其它网页则通过

2、链接与主页相连，主页是一个网站中最重要的网页，也是访问最频繁的网页。它是一个网站的标志，体现了整个网站的制作风格和性质。 1.1.2 IP地址和域名vIP地址 网络上的每一台主机要进行通信必须有一个地址，称为IP地址。目前使用的IP地址是长为32位二进制数字，通常用“点分十进制”表示， 例如：10.0.0.1。 互联网上的IP地址统一由国际组织NIC（Network Information Center）负责统一分配。 v域名 由于IP地址是数字标识，使用时难以记忆，因此在IP地址的基础上又发展出一种符号化的地址方案域名，来代替IP地址。域名就是常说的网址，它也具有惟一性，如、等就是一个域名，

3、访问时，域名将通过域名服务器转换成IP地址。 1.1.3 浏览器和Web服务器v浏览器(Browser) 浏览器是一个用于与互联网中的服务器建立连接并与之进行通信的客户端程序。用于显示HTML文档（即网页）的内容，这些网页通常存放于Web服务器中。常见的浏览器有IE、Firefox、Chrome等，国内厂商开发的浏览器，如搜狗浏览器、腾讯浏览器、360浏览器等，也比较常用。网页示例vWeb服务器(Server) Web服务器用于存放客户需要浏览的大量网页文件，还存放了一些与客户端交互时需要执行的程序代码。 WWW的工作模式：用户通过“浏览器”向Web服务器发出网页请求，Web服务器根据客户端的

4、请求内容，将保存在Web服务器中的某个网页返回给客户端。浏览器接收到网页后对其进行解释，最终将图、文、声并茂的画面呈现给用户。WWW的“客户/服务器”工作模式 1.1.4 统一资源定位符URLvURL URL（Uniform Resource Locator）就是通常所说的网址，是指信息资源在Internet上的唯一地址，它提供在Web上访问资源的唯一方式和路径。URL通常由协议类型、网页所在的计算机、网页文件路径和文件名等部分组成。vURL的格式 :/:端口/ 例：新浪网址 http:/ 1.1.5 超文本和超链接v超文本 Internet上的信息都可以有机地联系起来，从而形成了一种“立体”

5、的阅读结构，这就不同于顺序阅读的普通文本，所以被称为“超文本(Hyper Text)” 。v超链接(Hyperlink) 是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、电子邮件地址、文件或应用程序。超级链接是网页中最常用的元素之一，网页就是通过无数的超级链接才能组成一个网站。网页示例 1.1.6 超文本标记语言(HTML)超文本标记语言HTML，是用于描述网页文档的一种标记语言，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。用HTML语言编

6、写的网页文件的扩展名一般为“.htm”或“.html”。 1.2 网站开发基本流程 1.2.1 网站策划 在建立网站前应明确建设网站的目的、网站的功能、网站规模、投入费用等。网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。网站策划包括以下3部分内容。1市场分析2网站目的及功能定位3网站技术解决方案 1.2.2 网站设计 网站策划之后，就是对网站进行规划设计和网页制作。1站点规划-网站服务对象-网站主题-目录结构-整体风格和创意2搜集素材3制作网页 1.2.3 网站测试、发布和维护 网站设计制作完毕，在发布到Internet上之前，必须要对它进行测试，测试是在浏览器中进行的，测试的内容包括浏览器的兼容性，文档之间的链接正确与否等方面。 1.3 常用的网页制作软件vDreamweaverDreamweavervFrontpageFrontpagevFlashFlash vPhotoshopPhotoshop vFireworksFireworks其他相关术语静态网页动态网页TCP/IP协议IISASPVBScript、 JavaScriptCSS JSP、PHP、Java