网页设计与制作教学课件1.pptVIP

相关基本概念 1.1.1Internet的概念 1.1.2 什么是WWW 1.1.3 超文本与超媒体 1.1.4 Web浏览器 1.2.1网站与网页概念 1.2.2 网页的类型 1.2.3 构成网页的元素 1.2.3 构成网页的元素 1.2.3 构成网页的元素 相关基本概念 1.3.1HTML简介 1.3.2 HTML基本语法 1.3.3 常用的网页制作工具 1.3.4 代码设计与直观设计 1.5.1 需求分析 1.52 整体规划 1.5.3 网站设计 1.5.4 网站实施 1.5.5 网站的测试与发布 《网页设计与制作》教程 沈阳建筑大学 地址：沈阳市浑南新区浑南东路9号 邮编：110168 网页设计与制作教学课件 网页设计与制作课程组开发 网页制作与网站设计教程 1. 基本概念 2. 网页与网站 3. 网页制作基础知识 4. 网站开发过程 5. 思考与练习 第1章 网页设计基础 1.1基本概念 与网页设计相关的基本概念主要有：Internet的概念、 万维网（WWW）、 超文本与超媒体、 Web浏览器 目的： 了解Internet的概念及其发展过程，理解什么是万维网并能够与互联网进行区分，掌握超文本与超媒体的概念并了解其异同点，了解目前常用的Web浏览器。 要点： 1、Internet的概念及其发展历程，万维网与互联网的联系与区别。 2、超文本与超媒体的概念及其关系，常用浏览器的种类。 1.1基本概念 Internet的萌芽期起源于20世纪60年代中期由美国国防部高级研究计划局(ARPA)资助的ARPANET，此后提出的TCP/IP协议为Internet的发展奠定了础。 1986年美国国家科学基金会(NSF)的NSFNET加入了Internet主干网，由此推动了Internet的发展。但是，Internet的真正飞跃发展应该归功于20世纪90年代的商业化应用。此后，世界各地元数的企业和个人纷纷加入，终于发展演变成今天成熟的Internet。 Internet，中文正式译名为因特网，它是一个建立在网络互连基础上的最大的、开放的全球性网络。 1.1基本概念 WWW的工作过程如图1-1所示 WWW是英文World Wide Web的缩写，在我国又称为万维网，它是一个遍布在Internet上的全球性的超媒体系统。WWW起源于欧洲高能物理实验室CERN（Counsel European pour la REcherché Nuclear）。 1.1基本概念 例如：新浪网在新闻上做得很突出，Google与百度搜索引擎则是广大网民查找信息的首要选择 。 超文本是一种文本，它和书本上的文本是一样的。但与传统的文本文件相比，它们之间的主要差别是，传统文本是以线性方式组织的，而超文本是以非线性方式组织的。 超链接(hyperlink)是指文本中的词、短语、符号、图像、声音剪辑或影视剪辑之间的链接，或者与其他的文件、超文本文件之间的链接，也称为“热链接(hotlink)”，或者称为“超文本链接(hypertextlink)”。 超媒体不仅可以包含文字而且还可以包含图形、图像，动画、声音和电视片断，这些媒体之间也是用超级链接组织的，而且它们之间的链接也是错综复杂的。 1.1基本概念 浏览Web页面的软件称为Web浏览器（简称浏览器），它是上网冲浪的必备工具软件。浏览器的种类繁多，有图形界面的，也有文字界面的。当今最流行的浏览器是Microsoft公司的Internet Explore（IE）。 IE是Windows操作系统使用最广泛的浏览器，由Microsoft公司研制开发，目前最新版为IE10，新版本也在原来基础上增加了很多实用的功能。IE浏览器最大的好处在于，浏览器直接绑定在微软的windows操作系统中，当用户电脑安装了windows操作系统之后，无需专门下载安装浏览器即可利用IE浏览器微实现网页浏览。 1.2 网页与网站 目的：掌握网站以及网页的概念，了解网页类型的分类方法以及网页的类型，掌握网页构成的页面元素。 要点： 1、网页的类型分类方法，静态网页与动态网页的异同点。 2、网页的主要构成要素，其中文本和图像是最为基本和普遍的页面元素。 本小节的主要内容有：网站与网页的概念、网页的类型、构成网页的元素。 1.2网页与网站 网页（Web Page）是构成网站的基本元素，是承载各种网站应用的平台。网页实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。 网站(Website)是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通