[理学]网页设计与制作-1.pptVIP

第一章 网页设计与制作综述 第一章 网页设计与制作综述 本章学习要点： 网页和网站 网页类型 网页的基本构成元素 网页制作常用软件和技术 网站策划与设计流程 HTML语言基础知识 1.1 学习任务：认识网页 互联网是一个蕴藏着无穷资源的宝库，在资源共享和信息交换方面具有得天独厚的优势，网页则正是这些资源和信息重要的传递载体。网页不但可以提供文字、图片、多媒体信息的浏览，并且网络在娱乐、商务及各种领域的应用例如电子邮件、聊天室、有哪些信誉好的足球投注网站引擎、网上交易、电子政务等都离不开网页。 1.1.1什么是网页 网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件。 网页实际上就是一个文件。一般网页上都会有文本和图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。 网页比报纸、广播、电视等传统媒介在信息传递上更加迅速、多样化，交互能力更强。 1.1.2 网页类型 网页分为静态网页和动态网页两种类型。静态网页就是设计者做什么样，在客户端浏览时就显示什么样，而动态网页可以根据不同的用户显示不同的页面。 1．静态网页 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：/eg/eg.htm，也就是以.htm、.html、.shtml等为后后缀的。 在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。 静态网页的基本特点： 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。 静态网页的内容相对稳定，因此容易被有哪些信誉好的足球投注网站引擎检索。 静态网页没有数据库的支持。 静态网页的交互性较差，在功能方面有较大的限制。 静态网站只适用于做一个非常简单的网站。其开发成本相对比较低。 2．动态网页 1.2 学习任务：认识网站 动态网页的基本特点归纳如下： 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能。 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 动态网页中的“？”对有哪些信誉好的足球投注网站引擎检索存在一定的问题。 1.2.1 什么是网站 web服务器上相互链接的一系列网页组成一个网站 通常把提供网页服务的服务器称为web服务器，相关网站称为web站点。 用户浏览一个网站时看到的第一个页面叫做主页。 1.2.2 网址与域名 １．网址 URL URL是Uniform Resource Location的缩写，译为“统一资源定位符”。 通俗地说，URL是Internet上用来描述信息资源的字符串,用一种统一的格式来描述各种信息资源。 URL的格式URL的格式由下列三部分组成：  第一部分是协议（或称为服务方式）；  第二部分是存有该资源的主机IP地址（有时也包括端口号）；  第三部分是主机资源的具体地址。如目录和文件名等。  第一部分和第二部分之间用“：//”符号隔开，第二部分和第三部分用“/”符号隔开。第一部分和第二部分是不可缺少的，第三部分有时可以省略。 例： /xygk/zzjg.htm / 3/ 2．Ip地址与域名 Internet网络中，每个上网的计算机都有一个地址，这个地址就是IP地址，是分配给网络设备的门牌号。 如我校网站服务器IP：0 域名是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称域名就是网站的名称，企业在注册域名时一般都会申请一个符合网站特点的域名，甚至会把域名看作企业的网上商标。 如：我校的域名： 域名是分层的，这样便于进行管理与分配 顶级域名有两类： 地理：cn jp uk 类别：com org gov edu 在浏览器地址栏输入域名后，会通过域名服务器转成相应的ip地址 1.2.3网页的基本构成元素 文本元素 图像元素 Jpg Gif 动画元素 Gif swf 超链接 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置 1.2.4网页制作常用软件和技术 网页编辑排版软件Dreamweaver 网页图像制作软件Photoshop和Fireworks 网页动画制作软件Flash 网页标