《网页设计与制作教程》第一教学单元

1、全 国 高 职 高 专 艺 术 设 计 专 业 教 材网页设计与制作教程谢成开 编著西南师范大学出版社西南师范大学电子音像出版社ISBN 978-7-900703-32-3ISBN 978-7-900703-32-3 网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材页面设计页面设计第三教学单元第三教学单元 基本知识基本知识第一教学单元第一教学单元网页设计前的任务网页设计前的任务第二教学单元第二教学单元Dreamweaver网页制作网页制作第四教学单元第四教学单元页面优化页面优化第五教学单元第五教学单元网页设计与制作教程网页设计与制作教程| |全

2、国高职高专艺术设计专业教材全国高职高专艺术设计专业教材第一教学单元基本知识第一教学单元基本知识教学目标与要求教学目标与要求 通过本单元的学习，使学生对通过本单元的学习，使学生对InternetInternet的发展有一个基本的了的发展有一个基本的了解，能够分析和理解促进解，能够分析和理解促进InternetInternet发展的历史因素，正确理解发展的历史因素，正确理解InternetInternet的特点。对的特点。对InternetInternet的传播特点有一个基本的认识，并掌的传播特点有一个基本的认识，并掌握其在传播上与传统大众媒体的区别。掌握网站接入握其在传播上与传统大众媒体的区别。

3、掌握网站接入InternetInternet的常的常用方式和特点，能够根据具体情况选择合理的接入方式。理解用方式和特点，能够根据具体情况选择合理的接入方式。理解IPIP地地址与域名的概念，掌握域名的构成方式和含义。址与域名的概念，掌握域名的构成方式和含义。教学重点教学重点 本单元的重点是本单元的重点是InternetInternet的传播特点。除人际传播外，大多数的传播特点。除人际传播外，大多数信息的传播都是通过某种大众传播媒体而实现的，信息表现的设计信息的传播都是通过某种大众传播媒体而实现的，信息表现的设计与传播媒体的特点息息相关。因此，掌握好与传播媒体的特点息息相关。因此，掌握好Inter

4、netInternet的传播特点是的传播特点是网页设计的基本要求。网页设计的基本要求。网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材InternetInternet在我国也称为互联网、国际互联网、因特网在我国也称为互联网、国际互联网、因特网等，它是一个遍布世界的广域计算机网络。它通过通信设等，它是一个遍布世界的广域计算机网络。它通过通信设备和线路把分布在世界各地的单个计算机互联，实现了相备和线路把分布在世界各地的单个计算机互联，实现了相互间的通信和资源共享，缩短了人与人之间的心理距离，互间的通信和资源共享，缩短了人与人之间的心理距离，所以有人

5、形象地把当今世界称为所以有人形象地把当今世界称为“地球村地球村”。特点：全球。特点：全球性、信息资源丰富、通信和资源共享、开放性、丰富的应性、信息资源丰富、通信和资源共享、开放性、丰富的应用服务、分布式网络。用服务、分布式网络。一、一、InternetInternet的发展与应用的发展与应用（一）（一）InternetInternet的概念的概念网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材19851985年，美国国家科学基金会投入巨资建立了年，美国国家科学基金会投入巨资建立了NSFnetNSFnet。NSFNSF在全国建成了按地区划分的广域

6、网，并对教育、科研、在全国建成了按地区划分的广域网，并对教育、科研、政府职员开放。政府职员开放。19891989年，年，NSFnetNSFnet和和ARPAnetARPAnet合并，正式取名合并，正式取名为为InternetInternet。到。到19911991年，全球已有年，全球已有30003000多个子网并入了多个子网并入了InternetInternet，几乎每年都以，几乎每年都以100%100%的速度递增。的速度递增。主要应用：科研、教育、政府主要应用：科研、教育、政府 （二）军事原因使（二）军事原因使InternetInternet诞生诞生上世纪上世纪5050年代末到年代末到606

7、0年代初，美苏的军备竞赛如火如年代初，美苏的军备竞赛如火如荼，荼，19571957年苏联成功发射了第一颗人造地球卫星。美国国年苏联成功发射了第一颗人造地球卫星。美国国防部高级研究计划署在防部高级研究计划署在19691969年就研制出年就研制出ARPAnetARPAnet，该网就是，该网就是InternetInternet的雏形，也标志着的雏形，也标志着InternetInternet的诞生。的诞生。 主要应用：军事主要应用：军事（三）应用扩展促进（三）应用扩展促进InternetInternet发展发展网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专

8、业教材直到直到9090年代初，由于巨额的费用负担，年代初，由于巨额的费用负担，InternetInternet的费用已不完的费用已不完全由政府出资了，一些商业公司开始投资建设全由政府出资了，一些商业公司开始投资建设InternetInternet。首先是。首先是General AtomicsGeneral Atomics、Performance System InternationalPerformance System International、UUnet UUnet TechnologiesTechnologies三家公司涉足三家公司涉足InternetInternet商业领域。商业领域

9、。19941994年底，年底，InternetInternet已通往已通往150150多个国家和地区，连接着多个国家和地区，连接着3 3万多万多个子网，个子网，320320多万台计算机主机，直接用户超过多万台计算机主机，直接用户超过35003500万。万。19951995年，年，NSFnetNSFnet宣布正式停止运作，由美国政府指派的三家私营企业经营管宣布正式停止运作，由美国政府指派的三家私营企业经营管理。至此，理。至此，InternetInternet的商业化彻底完成。的商业化彻底完成。20022002年，全球互联网用户年，全球互联网用户数已达数已达5.915.91亿，年增长率放慢到亿，年

10、增长率放慢到20%20%；20022002年在线零售总额，美国年在线零售总额，美国约为约为434.7434.7亿美元，欧洲联盟为亿美元，欧洲联盟为282.9282.9亿美元，亚太地区为亿美元，亚太地区为150150亿美亿美元，拉丁美洲为元，拉丁美洲为2323亿美元，非洲为亿美元，非洲为400400万美元。万美元。 （四）商业化使（四）商业化使InternetInternet发展加速发展加速主要应用：主要应用：商业、通信、娱乐、信息传播商业、通信、娱乐、信息传播网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材19861986年，北京市计算机应用技

11、术研究所和德国卡尔斯年，北京市计算机应用技术研究所和德国卡尔斯鲁大学（鲁大学（University of KarlsruheUniversity of Karlsruhe）合作，启动我国第）合作，启动我国第一个国际互联网项目中国学术网（一个国际互联网项目中国学术网（Chinese Chinese Academic NetworkAcademic Network），简称），简称CANETCANET。（五）中国的互联网发展（五）中国的互联网发展网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材19871987年年9 9月，月，CANETCANET在北

12、京计算机应用技术研究所内正式建在北京计算机应用技术研究所内正式建成中国第一个国际互联网电子邮件节点，并于成中国第一个国际互联网电子邮件节点，并于9 9月月1414日发出了中日发出了中国第一封电子邮件：国第一封电子邮件：“Across the Great Wall We Can Reach Across the Great Wall We Can Reach every corner in the word”every corner in the word”。19901990年年1111月月2828日，钱天白教授代表中国正式在日，钱天白教授代表中国正式在SRI-NICSRI-NIC（Stanfo

13、rd Research Institutes Network Information Stanford Research Institutes Network Information CenterCenter）注册登记了中国的顶级域名）注册登记了中国的顶级域名CNCN。19941994年年4 4月初，中国科学院副院长胡启恒代表中方向美国国月初，中国科学院副院长胡启恒代表中方向美国国家科学基金会重申接入家科学基金会重申接入InternetInternet的请求，得到了许可，从此中的请求，得到了许可，从此中国的网络全面接入国的网络全面接入InternetInternet。网络名称网络名称互联单位互

14、联单位运营性质运营性质成立时间成立时间中国公用计算机互联网中国公用计算机互联网（CHINANETCHINANET）中国电信集团公司中国电信集团公司商业商业1995.51995.5中国金桥信息网（中国金桥信息网（GBNETGBNET）吉通通信有限责任公司吉通通信有限责任公司商业商业1996.91996.9中国联通公用计算机互联网中国联通公用计算机互联网（UNINETUNINET）中国联合通信有限公司中国联合通信有限公司商业商业1999.41999.4中国网通公用互联网（中国网通公用互联网（CNCNETCNCNET）中国网络通信有限公司中国网络通信有限公司商业商业1999.71999.7中国移动互

15、联网（中国移动互联网（CMNETCMNET）中国移动通信集团公司中国移动通信集团公司商业商业2000.12000.1中国卫星集团互联网（中国卫星集团互联网（CSNETCSNET）中国卫星通信集团公司中国卫星通信集团公司商业商业2000.102000.10中国科技网（中国科技网（CSTNETCSTNET）中国科学院中国科学院公益公益1994.41994.4中国教育和科研计算机网中国教育和科研计算机网（CERNETCERNET）教育部教育部公益公益1995.111995.11中国长城互联网（中国长城互联网（CGWNETCGWNET）中国长城互联网中心中国长城互联网中心商业商业2000.12000.

16、1中国国际经济贸易互联网中国国际经济贸易互联网（CIETNETCIETNET）对外经济贸易合作部对外经济贸易合作部商业商业2000.12000.1网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材中国已建成的十大骨干网中国已建成的十大骨干网网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材政府：政务公开、网上办公、网络视频会议、网上接待等。政府：政务公开、网上办公、网络视频会议、网上接待等。教育：网络教学、招生、教学资源共享等。教育：网络教学、招生、教学资源共享等。科研：资料查询、分布计算、网络协同

17、等。科研：资料查询、分布计算、网络协同等。企业：网络广告、网络调查、网络采购、网络销售等。企业：网络广告、网络调查、网络采购、网络销售等。媒体媒体: : 网络电视、网络报纸、网络杂志、网络广播等。网络电视、网络报纸、网络杂志、网络广播等。娱乐：聊天、游戏、电子宠物、网络动画等。娱乐：聊天、游戏、电子宠物、网络动画等。通信：电子邮件、通信：电子邮件、IPIP电话等。电话等。出版：网络文学、个人网站、出版：网络文学、个人网站、BBSBBS等。等。（六）（六）InternetInternet的应用的应用网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材

18、1.1.网民数量的增长网民数量的增长 我国近年来的上网人数增长很快，每年的增长速度几乎都我国近年来的上网人数增长很快，每年的增长速度几乎都在在40%40%以上。预计在以上。预计在20052005年底我国的上网人数将达到年底我国的上网人数将达到1.21.2亿。亿。2.2.网民的年龄特征网民的年龄特征 中青年是网络最大的用户人群，中青年是网络最大的用户人群，70%70%左右的用户年龄在左右的用户年龄在18184040岁之间。岁之间。3.3.网民的学历特征网民的学历特征 主要集中在较高的学历层次人群，大专以上学历的用户占主要集中在较高的学历层次人群，大专以上学历的用户占70%70%左右。左右。 二、

19、二、InternetInternet的受众与传播特征的受众与传播特征（一）网民统计特征（一）网民统计特征网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材4.4.网民的上网目的网民的上网目的获取信息的用户占获取信息的用户占50%50%左右，休闲娱乐的占左右，休闲娱乐的占30%30%左右。左右。5.5.网民经常使用的网络服务网民经常使用的网络服务经常使用电子邮箱的为经常使用电子邮箱的为91.8%91.8%，搜索引擎为，搜索引擎为70%70%，软件上，软件上传和下载为传和下载为43%43%，网上聊天为，网上聊天为45.4%45.4%，信息查询为，信息

20、查询为37.8%37.8%，BBSBBS论坛、社区、讨论组为论坛、社区、讨论组为22.6%22.6%，新闻组为，新闻组为20%20%，网上游戏为，网上游戏为18.2%18.2%。1.1.多种传播方式并存：多种传播方式并存： 人际传播、群体传播、大众传播人际传播、群体传播、大众传播 （二）（二）InternetInternet的信息传播特征的信息传播特征网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材2.2.拉式传播拉式传播 是以受众为中心的传播方式，受众在传播过程中具是以受众为中心的传播方式，受众在传播过程中具有主动地位，根据需要从有主动地位，

21、根据需要从InternetInternet中把信息中把信息“拉拉”出来。出来。传统媒体采用的是将信息传统媒体采用的是将信息“推推”给受众，媒体具有传播给受众，媒体具有传播的主动权。的主动权。3.3.双向互动传播双向互动传播 在在InternetInternet中受众和传播者之间的信息交流是双向中受众和传播者之间的信息交流是双向互动的，受众也可以传播自己的信息，不像传统媒体那互动的，受众也可以传播自己的信息，不像传统媒体那样信息只能由传播者向受众单向传播。样信息只能由传播者向受众单向传播。 4.4.及时性及时性信息加工环节少、信息传递速度快。信息加工环节少、信息传递速度快。 网页设计与制作教程网

22、页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材5.5.广域性广域性 几乎所有国家都接入了几乎所有国家都接入了InternetInternet。6.6.广容性广容性 网络中的信息是分布存储在全世界的各个网站，总体网络中的信息是分布存储在全世界的各个网站，总体存储容量巨大。存储容量巨大。7.7.信息表现的多媒体性信息表现的多媒体性 InternetInternet中，信息可以采用文字、图像、动画、声音、中，信息可以采用文字、图像、动画、声音、视频等多种形式来表现，利用多媒体的信息传达优势来达视频等多种形式来表现，利用多媒体的信息传达优势来达到好的传播效果。到好的传播

23、效果。8.8.信息的非线性组织信息的非线性组织信息通过超级链接组织，受众可以自己选择接收信息信息通过超级链接组织，受众可以自己选择接收信息的时间和顺序。的时间和顺序。 网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材1.IP1.IP地址地址 接入接入InternetInternet的计算机必须有唯一的的计算机必须有唯一的IPIP地址才能正常通信。地址才能正常通信。格式：格式：xxx.xxx.xxx.xxx xxx.xxx.xxx.xxx 其中其中x x是是0 09 9之间的数字，例如：之间的数字，例如：202.112.0.36202.112.0

24、.362.2.域名域名 是标识网上计算机的另一种方式，目的是解决是标识网上计算机的另一种方式，目的是解决IPIP地址难以记地址难以记忆的问题。域名的典型结构：主机名忆的问题。域名的典型结构：主机名. .机构名机构名. .国家名国家名 例如：例如：（四川美术学院），其中（四川美术学院），其中scfaiscfai表示主机表示主机名，名，eduedu表示教育行业，表示教育行业，cncn表示中国。表示中国。 域名与域名与IPIP地址的关系：一个域名唯一对应一个地址的关系：一个域名唯一对应一个IPIP地址。地址。 三、网站的接入三、网站的接入（一）（一）IPIP地址与域名地址与域名行业行业域名域名行业行业域名域名行业行业域名域名商业类商业类comcom军事类军事类milmil政府部门政府部门govgov教育类教育类eduedu网络机构网络机构netnet非赢利组织非赢利组织orgorg网页设计与制作教程网页设计与制作教程| |全国高职高专艺术设计专业教材全国高职高专艺术设计专业教材机构名规定机构名规定国家国家域名域名国家国家域名域名国家国家域名域名澳大利亚澳大利亚auau英国英国ukuk荷兰荷兰nlnl巴西巴西brbr德国德国dede新西兰新西兰nznz加拿大加拿大caca印度印度inin葡萄牙葡萄牙ptpt中国中国cncn韩国韩国k