第一章网设计基础知识.pptx

第一章 网页设计基础知识;1.1 网络概述;1.1 网络概述;1.1 网络概述;1.1 网络概述;1.1 网络概述;1.按组织模式进行划分;2.按地理模式进行划分 按照国家的不同分配不同后缀，这些域名即为该国的国家顶级域名。有200多个国家和地区都按照ISO3166国家代码分配了顶级域名，例如中国是cn，美国是us，日本是jp等。 IP协议软件只能使用32位的IP地址不能直接使用域名。当用域名来访问远程的计算机时，必须由Internet的DNS将域名翻译成对应的32位IP地址，然后才能完成对远程的计算机访问。 ;1.1 网络概述;1.1 网络概述;1.1.3 认识网站与网页 网页(Web Page)，也就是World Wide Web服务中最主要的文件类型。网页是网站的基本文档，它包含文本、图片、声音、动画、视频以及链接等元素。 网站是网页的集合，是一个整体，其中包括一个首页和若干个网页。 主页是一种特殊的网页，它专指一个网站的首页。;1.2 网页的组成;2． 网页的功能组成 从浏览者的角度看，网页中无非就是一些文字、图像、动画等。但从专业的角度来讲，网页中的元素各有其不同的作用，可以将它们分为站标、导航条、广告条、标题栏和按钮等。;站标:也叫Logo，是网站的标志，其作用是使人看见它就能够联想到企业。网站Logo通常采用企业的Logo。Logo一般采用蕴含企业文化和特色的图案，或是与企业名称相关的字符或符号及其变形，当然也有很多是图文组合，;导航条 导航条是链接到网站内主要页面的超链接组合，它可以引导浏览者轻松找到网站中的各个页面，导航条也因此而得名。同时，导航条也是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。;图1-4 灵活摆放的导航条 ;广告条(Banner)，其功能是宣传网站或替其它企业做广告。 Banner的尺寸可以根据版面需要来安排。 在Banner的制作过程中有以下几点需要注意: Banner可以是静态的，也可以是动态的。Banner的体积不易过大 Banner中的文字不要太多，只要达到一定的提醒效果就可以，通常是一两句企业的广告语。 Banner中图片的颜色不要太多，尤其是GIF格式的图片或动画。;标题栏 此处的标题栏不是指整个网页的标题栏，而是网页内部各板块的标题栏，是各板块内容的概括。它使得网页内容的分类更清晰、明了，大大地方便了浏览者。 标题栏可以是文字加不同颜色的背景，也可以是图片，这要根据网站的内容和规模来决定。 ;按钮:在现实生活中，按钮通常是启动某些装置或机关的开关。网页中的按钮也沿用了这个概念。网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转或数据的传输等。 ;3. 静态网页与动态网页 网页可分为两类：静态网页与动态网页。 静态网页：在客户端运行的网页，它由标准的HTML代码组成。早期的网站一般都是由静态网页组成，常见的文件类型有HTML、htm、SHTML、xml等为扩展名。静态网页中也可以有动态元素，例如：GIF动画，Flash动画等，但是也仅仅只是视觉上的动态效果，与网页的动态是不同的。;3. 静态网页与动态网页 网页可分为两类：静态网页与动态网页。 动态网页：在服务器端运行的网页和程序被称为动态网页。动态网页以数据库技术为基础，可以根据编写的程序访问数据库，并动态生成页面，因而网页的信息是可以及时的动态的更改,常见的文件类型有cgi、jsp、php、asp等为扩展名。 ;区别1: ?要制作静态网页，用户只需要掌握常用的网页制作软件（如Dreamweaver）就可以了；而要创建动态网页，除了需要掌握常用的网页制作软件外，还必须掌握诸如ASP、PHP等动态网页制作技术，以及Microsoft SQL Server或Oracle等数据库管理系统。 ?;区别2: ?每一个静态网页都有一个固定的URL，且网页文件名以.htm、.html、.shtml等为后缀；而动态网页没有固定的URL，且后缀名与网页使用的制作技术对应，通常为.asp、.jsp、.php等。;区别3: ?静态网页文件一经发布到服务器上，无论是否有用户访问，每个网页都是客观存在的，也就是说，静态网页是实实在在保存在服务器上的独立的文件；而动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页（需要从数据库中调用数据）。;区别4： 静态网页的内容相对稳定，因此容易被搜索引擎检索到；动态网页则反之，所以现在人们一般都将动态网页内容转化为静态网页发布。?;区别5： ?静态网页在网站制作和维护方面工作量较大；而动态网页由于有数据库的支持，在制作和维护方面要简单容易得多。因此当网站信息量很大，需要经常更新时，通常采用动态网页制作