版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
关于网页设计与制作第1页,共20页,2022年,5月20日,20点7分,星期五1.1Internet的基础知识Internet译为“因特网”,也称为国际互联网或互联网,它是指通过TCP/IP协议将世界各地的网络连接起来实现资源共享,并提供各种应用服务的全球性计算机网络。它是当今世界上最大、最流行的计算机网络,是信息社会的基础,在人类社会的各个领域中起着重大的作用。第2页,共20页,2022年,5月20日,20点7分,星期五1.1.1Internet提供的服务类型Internet拥有不计其数的网络资源,用户可以在Internet上获得所需的任何信息。人们最熟悉的常用功能有网络信息浏览(WWW)、电子邮件(E-mail)、新闻组(NewsGroup)、文件传输(FTP)、远程登录(Telnet)、电子公告板(BBS),以及Internet提供的其他丰富多彩的服务。第3页,共20页,2022年,5月20日,20点7分,星期五1.1.2万维网和浏览器万维网(WorldWideWeb,WWW)也可以简称为Web、W3、3W等,它是基于“超文本”的信息查询和信息发布的系统。Web就是以Internet上众多的Web服务器所发布的相互链接的文档为基础,组成的一个庞大的信息网,它不仅可以提供文本信息,还可以包括声音、图形、图像以及动画等多媒体信息,它为用户提供了图形化的信息传播界面——网页。InternetExplorer(IE)是微软公司开发的Web浏览器,可以搜索、查看和下载Internet上的各种信息。第4页,共20页,2022年,5月20日,20点7分,星期五1.2IP地址和Internet域名与Internet相连的任何一台计算机(称为主机)都有唯一的一个网络地址,简称为IP地址。在Internet中域名可以通过域名系统(DomainNameSystem,DNS)映射为IP地址,方便人们记忆站点。第5页,共20页,2022年,5月20日,20点7分,星期五1.2.1IP地址该地址由32位二进制数组成。,该地址就称为这台主机的IP地址。IP地址是在Internet网络中为每一台主机分配的由32位二进制数组成的唯一标识符,例如,某台主机的IP地址是00001010010000010101011111011100。为了便于记忆,通常又把32位二进制数分成四个字节段,每字节段8位,用小数点将它们隔开,然后把每一字节段数都转换成相应的十进制数,称为点分十进制数。例如,这台主机用点分十进制数表示为20。因此,最小的IP地址值为,最大的地址值为55。IP地址又分为A类、B类、C类、D类和E类。第6页,共20页,2022年,5月20日,20点7分,星期五例1-1
根据IP地址判断其网络类别、网络地址和主机地址。若已知主机的IP地址为33,请确定该主机所在网络的类别、网络号及它的主机号。分析:(1)把四组十进制数转变为四字节32位的二进制数。四组十进制数33对应32位二进制数11001010110001000000000010000101。(2)确定网络类别。第一字节是11001010,则它的前三位进制数为110,所以该主机所在网络的类别是C类。(3)确定网络地址。C类网的前三个字节是它的网络地址,即202.196.0。(4)确定主机地址。C类网的主机地址是第四字节,所以它的主机地址是10000101。结论:该主机所在网络的类别是C类,网络号为201.196.0,主机号为133。第7页,共20页,2022年,5月20日,20点7分,星期五1.2.2域名系统由于IP地址是数字标识,使用时难以记忆和书写,因此在IP地址的基础上又发展出一种符号化的地址方案,来代替数字型的IP地址。每一个符号化的地址都与特定的IP地址对应,这样网络上的资源访问起来就容易得多了。这个与网络上的数字型IP地址相对应的字符型地址,就被称为域名。例如,清华大学的IP地址为00
,对应的域名为。第8页,共20页,2022年,5月20日,20点7分,星期五下面以清华大学的域名()来分析一下域名的构成:www是为用户提供服务的主机类型;tsinghua代表清华大学;edu代表教育科研网;cn代表中国。域名的结构是一种分层次结构,根据域的大小,从小到大用“.”分隔。按照Internet的组织模式,域名有两种分类方法:一种是按照机构进行分类,如表1-2所示。另一种是按国家和地区进行分类,如cn(中国)、us(美国)、hk(香港)等。第9页,共20页,2022年,5月20日,20点7分,星期五1.2.3统一资源定位器客户机与Web服务器的交互是通过超文本传输协议(HTTP)来完成的,用户要查询的某一台Web服务器是通过统一资源定位器(UniformResourceLocator,URL)来指定的。URL是一个指定因特网或内联网服务器中目标定位位置的格式化字符串,与在计算机中根据指明的路径查找文件类似,它是在WWW中浏览超文本文档时保证准确定位的一种机制。它既可指向本地计算机硬盘上的某个文件,也可指向Internet上的某一个网页。也就是说,通过URL可访问Internet上任何一台主机或者主机上的文件和文件夹。它包含有被访问资源的类型、服务器的地址、文件的位置等,也被称为“网址”。URL一般格式如下:访问协议://主机域名或IP地址[:端口号]/路径/文件名第10页,共20页,2022年,5月20日,20点7分,星期五1.3网页浏览原理Web技术经历了重大演变。最早的网页仅仅是由静态文档构成,用户浏览时只能被动接受网页内容。这与传统媒体相比没有什么变化。随着网络技术的发展,不仅可以在网页中嵌入程序,而且可以在运行过程中向网页添加动态内容,用户可以与网页进行交互,实现了全新的媒体形式。第11页,共20页,2022年,5月20日,20点7分,星期五静态网页的特点简要归纳如下:静态网页每个页面都有一个固定的URL,且网页的URL以.htm、.html、.shtml等常见形式为后缀。网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件。静态网页的内容相对稳定,因此容易被搜索引擎检索。静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难。静态网页的交互性较差,在功能方面有较大的限制。
1.3.1静态网页第12页,共20页,2022年,5月20日,20点7分,星期五1.3.2动态网页动态网页的特点简要归纳如下:
动态网页以数据库技术为基础,可以大大减少网站维护的工作量。采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等。
动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时,服务器才会返回一个完整的网页。
采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
第13页,共20页,2022年,5月20日,20点7分,星期五1.3.3网页制作语言网页制作语言主要有以下几种:HTML:是一种利用标记(tag)来描述字体、大小、颜色及页面布局的语言。XML:是一种定义语言,任何人、任何行业都可以遵循这些法则,定义各种标识来描述信息中的所有元素,然后通过一种被称为分析程序的小型程序进行处理,使信息能“自我描述”。ASP:由微软公司提供的开发动态网页的技术,提供了VBScript或JavaScript两种脚本引擎,主要用于网络数据库的查询和管理。ASP.NET:也是微软公司提供的开发动态网页的技术,是一种已经编译的、基于.NET环境,可以使用任何与.NET兼容的语言(如C#、VB.NET)构造Web应用程序。PHP:是一种在服务器端运行,在HTML文档中嵌入的脚本语言。JSP:是一项基于Java语言的动态网页技术标准,为创建可支持跨平台和Web服务器的动态页面提供了简洁而有效的工具,并逐渐成为动态网页的主流开发工具。。(6)VRML:用于描述三维的物体及其连接的网页格式。第14页,共20页,2022年,5月20日,20点7分,星期五1.3.4网页制作软件Deamweaver:Deamweaver是针对专业网页设计师开发的网页制作软件。FrontPage:FrontPage是由微软公司推出的网页制作工具。Flash:
Flash是一种二维动画设计软件,被大量应用于网页矢量动画的设计。Flash目前已经成为了Web动画的标准。Firworks:Firworks是一种创建与优化Web图像和快速构建网站与Web界面原型的理想工具。Photoshop:Photoshop是由Adobe公司开发的图形处理软件,它是目前公认的最好的通用平面设计软件。AudioEditor:AudioEditor是Ulead公司MediaStudioPro6.5中的一个专门进行波形文件编辑的软件。第15页,共20页,2022年,5月20日,20点7分,星期五1.4网站规划与网页设计在设计网页之前,应该对自己的网站有一个总体的策划和设计,明确网站的主题。根据网站的主题进一步设计网页的整体风格、网页的色彩搭配、网页的布局和层次结构等内容。第16页,共20页,2022年,5月20日,20点7分,星期五1.4.1网站定位只有确定了网站的主题和浏览网页的对象,才能在网页内容选取、美工设计、划分栏目各方面尽力做到合理,并吸引祝更多的眼球。确定了网站的主题和浏览群,就可以来创意网站的风格了。一个好的创意加上一定基础的美工,会使网站收到意想不到的效果,大大增加网站的回头率。整体网站应该使用统一的风格。第17页,共20页,2022年,5月20日,20点7分,星期五1.4.2网站结构网站的结构可以大致分为三种基本类型:层次结构、线性结构、网状结构。层次结构:我们平时看到的一些软件的在线帮助或者教学文档都属于层次型结构站点,这种网站结构的优点是层次分明、结构清晰,访问者很清楚自己需要寻找的内容在什么位置。线性结构:线形结构的站点一般只能确定某个链接和下一个链接之间的必然联系,它们之间是有序的线形排列关系,就好像一个工厂生产线的工艺流程一样。这种结构的站点适合用来组织某种流程式的网页结构。网状结构:网状结构也是现在使用最多的一种网站结构,尤其是在大型的门户站点中,该结构几乎是无处不在,只要是一个页面中的内容和其他页面有某种联系,就将它们之间制作成超链接,访问者可以在网站中随意跳转浏览。第18页,共20页,2022年,5月20日,20点7分,
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 资产评估学教程-练习答案6
- 上海市市辖区(2024年-2025年小学五年级语文)人教版开学考试(下学期)试卷及答案
- 2023-2024学年广东省深圳市南山区七年级(上)期末英语试卷
- 三年级数学计算题专项练习及答案
- 二年级语文上册第一单元教案
- HDPE波纹管技术规格书
- 《电气控制系统设计与装调》教案 项目三任务二:认识熔断器、热继电器
- 北京市北京汇文中学教育集团2024-2025学年高一上学期期中考试数学试题(含答案)
- 心电探头市场发展预测和趋势分析
- 指甲油笔产业运行及前景预测报告
- 河北省邯郸市药品零售药店企业药房名单目录
- 二次预留预埋安装技术交底(强、弱电部分)
- 医院优质服务考核表
- 东北大学考试《结构力学ⅠX》考核作业参考324
- 结业证书文档模板可编辑
- 幼儿园、中小学、病愈复课证明
- 2023年5月-北京地区成人本科学士学位英语真题及答案
- 锐器伤应急处理PPT
- 危险化学品MSDS氨水(12%)
- 酒店总经理面试技巧
- 上海音乐出版社三年级上册音乐教案全册
评论
0/150
提交评论