网页制作和设计.ppt

网页制作与设计,第一篇 网站规划与网页设计,第1章：网站基础 第2章：网站规划设计 第3章：网页规划设计,第1章：网站基础,本章要点： 有关网络、网页和网站的基础知识： Html概述 Dreamweaver MX概述 IP地址和域名等 网站建立过程、发布和测试以及管理等,网页制作与设计,第1章：网站基础,1.1网页鉴赏 1.2网页基础知识 1.3网络基础知识 1.4网站基础知识,1.1网页鉴赏,学习网页设计的有效方法之一：对优秀网页设计进行分析 1.1.1“电子商务在中国”网站 1.1.2“可口可乐”中国网站 1.1.3“大众汽车”中国网站 1.1.4 Season by Season网站 1.1.5中国商品交易中心“网站(框架),1.2网页基础知识,1.2.1Web概述 1、www(world wide web) 定义：建立在Internet上的全球性的、动态交互的、多平台的分布式图形信息系统。,概念： WWW又称为万维网，简称为Web, 是Internet技术发展中的一个重要的里程碑； WWW系统的结构采用了客户/服务器模式； 信息资源以web页的形式存储在WWW服务器中，用户通过WWW客户端浏览器程序图、文、声并茂的Web页内容； 通过Web页中的链接，用户可以方便地访问位于其他WWW服务器中的Web页，或是其他类型的网络信息资源。,网页制作与设计,WWW服务具有以下几个主要特点,以超文本方式组织网络多媒体信息，用户可以访问文本、语音、图形和视频信息； 用户可以在Internet范围内的任意网站之间查询、检索、浏览及发布信息，并实现对各种信息资源透明的访问； 提供生动、直观、统一的图形用户界面； WWW服务的核心技术是： 超文本标记语言HTML； 超文本传输协议HTTP； 超链接 hyperlink。,网页制作与设计,超文本方式的工作方式,网页制作与设计,超媒体工作方式,网页制作与设计,2、网页类型,网页是保存在www服务器中供用户访问的主要www资源。 分类：静态网页 动态网页 二者区别,网页制作与设计,1.2.2HTML概述,1、HTML文件 HTML是WWW上用于创建超文本链接的基本语言，可以定义WWW主页格式化的文本、色彩、图像与超文本链接； HTML文档可以将声音、图像、视频等多媒体信息集成在一起 ； 使用HTML语言开发的HTML超文本文件一般具有.htm（或.html）后缀。,网页制作与设计,2、HTML文件的基本结构 标题部分 正文部分 ,网页制作与设计,1.2.3Dreamweaver MX概述,Macromedia公司的网页设计四剑客： Dreamweaver 网页设计和网站管理 Fireworks 图像的设计与编辑 Flash 网络传输的流媒体动画 Freehand. 创建专业矢量图画,网页制作与设计,认识Dreamweaver MX,网页制作与设计,Dreamweaver MX功能,网站管理方面 网站设计方面 网页制作方面 数据库方面,网页制作与设计,1.3 网络基础知识,计算机网络：将分散的并具有独立功能的多个计算机系统通过通信线路、设备有机结合在一起，以功能完善的网络软件达到相互通信、软硬件资源共享的综合系统。,网页制作与设计,1.3.1 IP地址与域名,一、IP地址 Internet是由不同物理网络互连而成，不同网络和计算机之间实现相互通信必须有相应的地址标识，这个地址标识称为IP地址。 IP地址提供统一的地址格式，即由32个二进制位（tit）组成。由于二进制使用起来不方便，一般使用“点分十进制”的方式表示。例如： 24 IP地址唯一标识出主机所在网络和网络中位置的编号。 按照网络规模的大小，常用IP地址分为A、B、C三类。,网页制作与设计,IP地址结构,IP地址采用分层结构； IP地址是由网络号（net ID）与主机号（host ID）两部分组成的。,网页制作与设计,IP地址的分类,网页制作与设计,1A类IP地址,A类IP地址以“0”开头，第1字节表示网络号，第24字节表示网络中的主机号。A类IP地址的网络数量少，最多只能表示126个网络号，每一网络中最多可以有16777214个主机号。 A类IP地址的各字节的取值范围如下所示： 0* * * * l126 0255 0255 1254,网页制作与设计,2B类IP地址,B类IP地址以“10”开头，第12字节表示网络号，第34字节表示网络中的主机号。B类IP地址最多可以表示16384个网络号，每一网络中最多可以有65534个主机号。 B类IP地址的各字节的取值范围如下所示： 10* * * * 128191 0255 0255 1254,网页制作与设计,3C类IP地址,C类IP地址以“110”开头，第13字节表示网络号，第4字节表示网络中的主机号。C类IP地址网络数量比较多，可以有2097152个网络号，每一网络中最多可以有254个主机号。 C类IP地址的各字节的取值范围如下所示： 110* * * * 192233 0255 0255 1254,网页制作与设计,对IP地址的限制和规定：,网络号不能以127（二进制为01111111）开头，第1字节不能全为0，也不能全为l。 主机号不能全为0，也不能全为l。,网页制作与设计,二、 子网掩网,为了快速确定IP地址的哪些部分代表网络号，哪些部分代表主机号，以便判断两个IP地址是否属于同一个网络，可以使用子网掩码。 子网掩码按IP地址的格式给出。A、B、C三类IP地址的默认子网掩码如下： A类： B类： C类： 用子网掩码判断IP地址的网络号与主机号的方法，是用IP地址与相应的子网掩码进行按位的逻辑“与”运算，这样就可以区分出网络号部分和主机号部分。,网页制作与设计,三、 域名系统,在Internet中可以用各种方式来命名计算机。为了避免重名，Internet管理机构采取了在主机名后加上后缀名的方法，这个后缀名称为域名（domain），用来标识主机的区域位置。 这样，在Internet网上的主机就可以用“主机名域名”的方式唯一地进行标识。 例：中www为主机名，为域名。 域名系统需要通过域名服务器（DNS）的解析服务转换为实际的IP地址，才能实现最终的访问。 域名是通过申请合法得到的。,网页制作与设计,四、域名解析服务,Internet采用域名系统（Domain Name System，简称DNS）将域名解析为IP地址。DNS是一个分布式的域名服务系统，分为根服务器、顶级域名服务器和应用域名服务器。 目前全球有13个根服务器，根服务器负责找到相应的顶级域名服务器。.com、.net、.org顶级域名服务器由ICANN管理并委托Verisign等公司维护；各国家代码域名服务器由各个国家自行管理；域名所有人可以建立自己的域名服务器，也可将域名的解析工作放在其他应用域名服务器上进行。,网页制作与设计,DNS 的工作流程,网页制作与设计,五、 域名的结构,完整的域名由两个或两个以上部分组成，各个部分之间用英文句点“.”分隔。 在完整的域名中，最右一个“.”的右边部分称为顶级域名或1级域名（Top Level Domain，简称TLD）；最右一个“.”的左边部分称为2级域名（Second Level Domain，简称SLD）；2级域名的左边部分称为3级域名；3级域名的左边部分称为4级域名；依此类推。 每一级域名控制它下一级的域名分配。,网页制作与设计,Internet主机域名的一般格式为：,网页制作与设计,1通用顶级域名,通用顶级域名（General Top Level Domain，简称gTLD）共7个，其中下列3个通用顶级域名向所有用户开放： COM最初设计为用于商业机构。由Verisign负责运营。 NET最初设计为用于网络服务机构。由Verisign负责运营。 ORG最初设计为用于非盈利组织。由Verisign负责运营。 由于历史原因，下列通用顶级域名仅限美国的组织专用： INT用于国际机构。 EDU用于教育机构。 GOV用于美国政府机构。 MIL用于美国军事机构。 据统计，目前全球开放性通用顶级域名下注册的2级域名数量约3000万个，其中.com下的2级域名为2200多万个，.net下的2级域名400多万个，.org下的2级域名占近300万个。,网页制作与设计,2新增通用顶级域名,由于Internet的飞速发展，通用顶级域名下可注册的2级域名越来越少。2000年11月15日，ICANN董事会批准增加下列7个顶级域名： .info：可以替代.com的通用顶级域名，适用于提供信息服务的企业。 .biz： 可以替代.com的通用顶级域名，适用于商业公司。 .name：适用于个人的通用顶级域名。 .pro： 适用于医生、律师、会计师等专用人员的通用顶级域名。 .coop：适用于商业合作社的专用顶级域名。 .aero：适用于航空运输业的专用顶级域名。 .museum：适用于博物馆的专用顶级域名。,网页制作与设计,3. 国家与地区代码顶级域名,目前有240多个国家与地区代码顶级域名（Country Code Top Level Domain，简称ccTLD），它们用2个字母缩写来表示。 例如cn代表中国，uk代表英国，hk代表香港地区，sg代表新加坡。 并非所有的国家与地区顶级代码域名都已投入使用，有的国家还没有接入Internet。,网页制作与设计,网页制作与设计,六、 .com/.net/.org域名的注册,.com/.net/.org下的2级域名，常称为国际域名，通过ICANN认证的域名注册商及其代理商注册。 我国已经取得ICANN认证资格的域名注册商有： 创联万网（中国万网） 厦门精通（中国频道） 新海科技（中国新网） 厦门必信（商务中国） 东方通信 上述注册商在国多还有众多的代理商。 CNNIC域名注册 东方热线 企商在线（免费空间）,网页制作与设计,思考与练习,什么是IP地址？如何表示IP地址？ 按照网络规模的大小，IP地址分为哪几类？ 什么是子网掩码？如何使用子网掩码来区分出网络号部分和主机号部分。 简述域名系统的工作流程，并举例说明。 域名的结构是怎么样的？什么是顶级域名、2级域名、3级域名？什么是通用顶级域名、国家与地区顶级域名？ 域名的重要性体现在哪些方面？ 写出以下图标所代表的组织名称：,网页制作与设计,1.3.2 Web服务器与操作系统,1、选择Web服务器原则 2、选择操作系统 3、 Web服务器软件 Apache IIS iPlanet Web Server IBM WebSphere 4、配置服务器P24-34,网页制作与设计,1.3.3浏览器/服务器模式,1、B/S结构模式 基于TCP/IP和HTTP的客户机/服务器模型 功能：请求、响应 运行过程如图：P35 图1.39,网页制作与设计,数据链路层,物理层,运输层,网络层,数据链路层,物理层,运输层,网络层,应用层,应用层,因特网,计算机A,计算机B,网页制作与设计,2、服务器和客户机 3、TCP/IP协议（传输控制协议/网际协议） 协议：通信中使用的规则标准。 TCP/IP是一种电脑数据打包和寻址的标准方法。采用分组交换方式。 4、HTTP协议 5、浏览器,网页制作与设计,HTTP的信息交换过程,网页制作与设计,WWW浏览器的结构,网页制作与设计,1.3.4 虚拟主机,实际上是租用某个ISP主机的部分系统空间作为租用者自己的网站空间。 采用虚拟技术 /visual_host.html,网页制作与设计,1.4 网站基础知识,1.4.1 网站分类 1、按构建网站的主体分：企业、