网页的欣赏与设计_第一讲

null网页的欣赏与网页的欣赏与设计主讲：杨军锋第一讲 网页与网站第一讲 网页与网站主要内容： 1、关于网页与网站 2、域名 3、网页的元素与类型 4、个人网站 5、网站设计原则一、关于网页与网站一、关于网页与网站网页（Web Page) 网站（WebSite) 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。 二、相关名词二、相关名词IP（Internet Protocol ） 域名（Domain) DNS(Domain Name System） URL(Uniform Resource Locator )三、域名三、域名域名类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网（IP）地址相对应。但相对于IP地址而言，更便于使用者理解和记忆。域名属于互联网上的基础服务，基于域名可以提供WWW、EMAIL、FTP等应用服务。 三、域名三、域名.gov - Government agencies  .edu - Educational institutions  .org - Organizations (nonprofit)  .mil - Military  .com - commercial business  .net - Network organizations 三、域名三、域名目前互联网上的域名体系中共有三类顶级域名：一是地理顶级域名，共有243个国家和地区的代码。例如.CN代中国，.JP代表日本，.UK代表英国等等，另一类是类别顶级域名，共有7个：.COM(公司)，.NET(网络机构)，.ORG(组织机构)，.EDU(美国教育)，.GOV(美国政府部门)，.ARPA(美国军方)，.INT(国际组织)。由于互联网最初是在美国发展起来的，所以最初的域名体系也主要供美国使用，所以.GOV，.EDU，.ARPA虽然都是顶级域名，但却是美国使用的。只有.COM，.NET，.ORG成了供全球使用的顶级域名。相对于地理顶级域名来说，这些顶级域名都是根据不同的类别来区分的，所以称之为类别顶级域名。随着互联网的不断发展，新的顶级域名也根据实际需要不断被扩充到现有的域名体系中来。新增加的顶级域名是.BIZ(商业)，.COOP(合作公司)，.INFO(信息行业)，.AERO(航空业)，.PRO(专业人士)，.MUSEUM(博物馆行业)，.NAME(个人)。 在这些顶级域名下，还可以再根据需要定义次一级的域名，如在我国的顶级域名.CN下又设立了.COM，.NET，.ORG，.GOV，.EDU以及我国各个行政区划的字母代表如.BJ代表北京，.SH代表上海等等。四、网页的元素与类型四、网页的元素与类型网页元素：最基本元素是文本与图像，也可有动画、声音、视频；及超链接、表格和层、框架、表单、特效及控件等。 网页类型：分为动态网页（如以CGI、ASP、PHP、JSP后缀结尾 ）与静态网页（常以 htm 或 html 后缀结尾 ）。六、网站分类六、网站分类 将网站按照主体性质不同分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。 网站分类的有很多，比如按性质分类，按内容分类等等。 七、个人网站七、个人网站顾名思义，个人网站当然是由一个人来完成的了。相对于大型网站来说，个人网站的内容一般比较少，毕竟一个人的能力有限，但是技术的采用，特别是前台技术的采用不一定比大型网站的差。我们在网上看到的很多精彩的个人网站的站长往往就是一些大型网站里面的设计人员，个人网站是一方面是他们展现的窗口，另一方面也是他们试验新技术的窗口，所以很多新技术可以在个人网站上看到。 一般个人网站的功能栏目大概有下面一些： 七、个人网站七、个人网站文章：以文字为主，一般放一些原创的或转载的文章，教程等。 Blog或日记：以日期来对内容进行组织。内容比较随意，原创的比较多，引用的一般只提供摘要和链接。 图片：内容一般为数码相片，或者手绘作品，多为站长原创。 音乐：站长喜欢的音乐推荐。 下载：内容可谓多种多样，一般根据站长的兴趣，多为实用资源。 品网：一般做网站的人都很喜欢看很酷的网站，形式多为一个小的截图，一个链接，一段简要介绍。 留言板：浏览者与站长互动的栏目。 计数器：了解网站的人气怎么样，访问人数是多网站的一个肯定。 友情链接：这几乎是所有个人网站上都有的。 BBS论坛：不少网站都有，但是成功的不多。 八、网站设计原则八、网站设计原则1.使用者优先的观念 2.考虑大多数人的连线状况 3. 考虑使用者的浏览器 4.内容第一 5.着手规划、确定特色、锁定目标 6.第一页很重要 7.分类分类 8 . 互动性 9·图形应用技巧 10·图形加上说明 11·背景底色 12·HTML格式的注意事项 13·避免滥用技术 14.即时、更新、维护 九、常用的设计软件九、常用的设计软件FrontPage DreamWeaver