1网页制作基础知识.

网页制作基础知识第1章●教学内容■了解网站建设的相关概念：、HTML、网页、网站、超文本、URL；■掌握网页、浏览器、网站、网址、Web服务等的概念；■理解网页与网站、网页制作的作用、网页的浏览、网页的构成；■有关网页制作软件简介。网页制作基础知识第1章●教学重点■HTML、超文本、网页与网站的概念、Web关键技术、网页的构成、网页制作的任务。网页制作基础知识第1章●教学难点■超文本、网页与网站的概念、网页制作的任务。●课程导入天上的星星有多少？网页制作基础知识第1章Web上共有多少个网页？中国网页规模变化中国网页规模变化中国网页规模变化中国网页规模变化网页的更新周期一周以内10.36%一周至一月26.77%一月至三月29.95%三月至六月13.27%中国网页规模变化•一周更新：1227亿个×10%×10元/个=1227亿元•一年更新和制作！@#￥%……&*￥%……&*@#￥%…教学进程1.1网页制作基本概念——WordWideWeb，缩写为，简称为Web，中文译名为万维网、环球信息网等，亦是现代网络的代名词。从技术角度上说，是一种软件，是Internet上那些支持相关协议的客户机与服务器的集合。它是一种基于超文本的、庞大的网络信息系统。这些信息分布在世界各地的计算机上，通过Internet连接起来。●什么是Web●Web的作用提供丰富的文本和图形，音频，视频等多媒体信息，并将这些内容集合在一起，并提供导航功能，使得用户可以方便地在各个页面之间进行浏览。由于内容丰富，浏览方便，目前已经成为互联网最重要的服务。教学进程1.1网页制作基本概念——1969年，美国国防部国防高级研究计划署建立了ARPANET。20世纪70年代，由于ARPANET的成功，美国许多计算机公司开始大力发展计算机网络，纷纷推出了自己的网络体系结构，产生了局域网和广域网。20世纪80年代中后期，美国国家科学基金会围绕六个超级计算机中心建立了NSFNET，当时它连接了美国上百所学校、科研机构、政府部门。1989年由ARPANET分离出来的MILNET实现和NSFNET连接后，开始使用Internet这个名称。1991年Web在Internet出现。●Web的起源教学进程1.1网页制作基本概念——计算机网络的主要作用是什么？谁在使用计算机网络？●Web的起源计算机网络的主要作用是——资源（信息）共享谁在使用计算机网络——军方、科研机构、商业机构的专家为什么计算机网络产生了二十多年，普通人无法使用？教学进程1.1网页制作基本概念——●Web的起源网络设备价格太高？上网操作需要专业化的知识？为什么计算机网络产生了二十多年，普通人无法使用？网络上根本就缺少信息教学进程1.1网页制作基本概念——什么是信息？●Web的起源通俗而言，信息是人作为主体所获取媒体表现的内容信息的获取——器官的感知（听觉65%、视觉20%）人脑的加工（思维）媒体的表现——人们利用各种媒体（文本、图形、图像、视频、音频与动画）和超文本来表达。信息的内容信息的关系教学进程Web产生之前，网络中的信息形式——文件形式信息的内容：显示方式、检索方法信息的关系：需要专业的知识信息的产生模式：少对多二十多年来，计算机网络一直没有解决信息的表达的问题1.1网页制作基本概念——●Web的起源教学进程1.1网页制作基本概念——●Web的起源全球“10年来对IT业影响最大的10个人”排行榜BillGatesTimBerners-Lee蒂姆·伯纳斯·李1955年出生于英国，1976年，获得了牛津大学物理学的学士学位，WorldWideWeb的发明人，W3C主席，人们称他为“互联网之父”。英王功绩勋章（OM）获得者，不列颠帝国勋章（OBE）获得者，英国皇家学会会员，英国皇家工程师学会会员，美国国家科学院院士。2004年4月，芬兰技术奖基金会指定现年49岁的蒂姆·伯纳斯·李为“千年技术奖”这一全球最大的技术类奖的首位获得者。他最杰出的成就，是免费把的构想推广到全世界，让科技获得迅速的发展，深深改变了人类的生活面貌。他的历史地位足以与印刷术的发明相提并论。教学进程1.1网页制作基本概念——最初开发设计的目的是为欧洲粒子物理实验室（CERN）的物理学家们提供一种共享和信息的工具。1989年3月，伯纳斯－李撰写了《关于信息化管理的建议》一文。文中提及ENQUIRE并且描述了一个更加精巧的管理模型。1990年11月他和RobertCailliau合作提出了一个更加正式的关于万维网的建议。并一台NeXT工作站上写了第一个网页以实现他文中的想法。1991年8月，他在alt.hypertext新闻组上贴了万维网项目简介的文章。这一天也标志着因特网上万维网公共服务的首次亮相。1993年Berner-Lee和Connolly完成HTML1.0版，当第一个图形浏览器出现之后，才走向主流。1993年4月30日，万维网对任何人免费开放。●Web的起源Web是Internet中的一个应用。它的建立和普及，很快便造就了“信息大爆炸”。课程面向的是一个高速增长、海量规模的信息领域。复杂问题简单化方法和思想是Berners-Lee建立的Web的灵魂。简单化方法是Web的核心方法，是Web成功的关键，也是我们学习和应用关键。小结教学进程●HTML●URL●HTTP1.1网页制作基本概念——Web关键技术HyperTextMarkupLanguage，超文本标记语言，一种描述网页对象构成的脚本语言。统一资源定位器，在Internet中，要浏览某些信息，就必须知道这些信息在的哪个位置上，在（UniformResourceLocator）定义资源所在地址。URL称为统一资源定位器，即通常所说的“网址”。超文本传输协议教学进程●Web关键技术1.1网页制作基本概念——Web关键技术HTTP＝＞信息的传输URL＝＞信息的位置HTML＝＞信息的描述教学进程1.1网页制作基本概念——网页●什么是网页网页是通过浏览器显示的一种Web信息文件，英文名为：WebPage，也称为网页文件。一般网页上都有文字、图片等信息，复杂的网页上还有声音、视频、动画等多媒体信息，是Web信息组织、呈现和访问的一个基本单位。网页文件：*.htm、*.html、*.shtml、*.asp、*.jsp、*.php等；●什么是浏览器显示网页文件的专门软件NetscapeNavigator（导航者）MicrosoftInternetExplorer（IE）教学进程1.1网页制作基本概念——网站●什么是网站网站是由一个或多个网页组成。这些网页按照一定的组织结构，以链接等方式连接在一起，形成一个整体，共同描述一组相关主题的信息。英文名称：Website＝＞网页的家●网站的构成1.网页（及相关文件）、主页2.网站地址（网址：域名、IP、主机名等）3.网站空间教学进程1.1网页制作基本概念——超文本●什么是超文本1963年，德特·纳尔逊(TedNelson)创造了术语“超文本”(Hypertext)。1981年，德特在他的著作中使用术语“Hypertext”描述了这一想法：创建一个全球化的大文档，文档的各个部分分布在不同的服务器中。通过激活称为链接的超文本项目，例如研究论文里的参考书目，就可以跳转到引用的论文。超文本是一种按信息之间关系非线性地存储、组织、管理和浏览信息的计算机技术。超文本是由若干信息结点和表示信息节点之间相关性的链构成的一个具有一定逻辑结构和语义关系的非线性网络。教学进程1.1网页制作基本概念——超文本●什么是超文本传统文本是以线性方式组织的，而超文本是以非线性方式组织的。“非线性”是指文本中的网状结构性。它的本质和基本特征就是在文档内部和文档之间建立关系，正是这种关系给了文本以非线性的组织。一种信息之间的关系——符合人的联想思维方式。教学进程1.1网页制作基本概念——超媒体●什么是超媒体超媒体（hypermedia），简单地说：超媒体＝超文本＋多媒体。随着多媒体技术的兴起和发展，超文本技术的管理对象从纯文本扩展到多媒体，为强调管理对象的变化，就产生了超媒体这个词。超媒体一词是由超文本衍生而来的，在本质上和超文本是一样。超媒体正在进行着全新的蜕变，它不是hypermedia而是UltraMedia（简称U-Media）。教学进程●URL的一般格式■协议：//主机名[：端口号]/路径/文件名■协议：指访问该资源所使用的通信协议，即访问该资源的方法。主要的协议有：•http：超文本传输协议，表明访问的资源是HTML文件；•ftp：文件传输协议，表明需要进行FTP文件传输服务；•mailto：电子邮件协议，表明需要进行电子邮件传送服务；•telnet：远程登录协议，表明需要进行远程登录服务；•files：本地文件访问。1.2网页的浏览和网站的访问——URL的格式教学进程1.2网页的浏览和网站的访问——URL的格式主机名：访问的服务器的主机域名或IP地址。端口号：访问的服务器使用上述协议的端口号。一般情况下端口号不需要指定。只有当服务器所使用的端口号不是缺省的端口号时才指定（HTTP缺省端口号为80）。路径：访问的资源文件在服务器上的路径。文件名：访问的资源文件的名称，如果是网站主页就可以缺省。●URL的一般格式教学进程1.2网页的浏览和网站的访问——URL的格式■清华大学网站上的某一URL地址如图所示。[:80]/docs/index.htm文件名路径端口号协议主机名••••●URL的一般格式教学进程●本地浏览■网页文件■浏览器：IE浏览器、腾迅（QQ）浏览器1.2网页的浏览和网站的访问●远程访问■浏览器：IE浏览器、腾迅（QQ）浏览器■网站：如：中国教育科研网、新浪网、央视网络、网易、搜狐■网址：URL■网页文件、首页■网页缓存文件夹教学进程1.3网页的构成和网页网站的分类●网页的构成媒体格式：文字、图形、图像、动画、音频、视频表现形式：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。网页的基本组成：网站名称、标志、网站域名网页内容、主题网页色调、风格、版面布局网页栏目、网站导航教学进程1.3网页的构成和网页网站的分类●网页的基本元素按其作用分为四大类——九个基本元素基本元素：文本、图像、链接布局元素：框架、层、表格美化元素：样式（CSS）其它元素：表单、行为教学进程●按网页的制作过程分类1.3网页的构成和网页网站的分类静态网页：在设计制作完成时网页的信息内容是确定的。动态网页：在设计制作完成时网页信息内容的部分或全部是不确定的，用户浏览到的页面信息内容是在用户向Web服务器请求时才确定。就是服务器端可以根据客户端的不同请求动态地产生网页内容。教学进程教学进程●按网站的功能分类•政府网站•教育科研网站•商业网站•企业网站•个人网站•其它1.3网页的构成和网页网站的分类教学进程■信息的组织和表现，做到内容、功能、形式三方面的统一：•表现网络信息内容。•实现页面功能。•美化版面、布局。■面向人的浏览：帮助人们更好地获取和利用信息。•满足人们对信息的存取需求。•符合人们的浏览习惯和认知习惯。•符合人们的审美观。1.4网页制作的基本任务●基本任务教学进程网页设计（平面设计）：根据信息的组成及特点，人们的认知和浏览习惯，遵循人们的审美观进行•版面设计•色彩搭配网页制作（技术制作）在网页设计的基础上，根据信息