第1章 网页设计制作概述 网页设计与制作教程（第3版） 教学课件.ppt

网页设计与制作教程（第3版） 计算机网络教研室 李鹏 * 第1章 网页设计制作概述 网页 = 技术 + 艺术 1.1 Internet简介 什么是Internet呢？简单地说，Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP/IP联接在一起所组成的世界性计算机网络系统。 Internet是世界上最大的互联网络，但它本身不是一种具体的物理网络，把它称为网络是网络专家们为了让大家容易理解而给它加上的一种“虚拟”概念。实际上它是把全世界各个地方已有的各种网络，如局域网、数据通信网以及公用电话交换网等互连起来，组成一个跨越国界的庞大的互联网，因此也称为“网络的网络”。 1.1.1 Internet的起源和发展 1.1.2 Internet在中国的发展 Internet在中国的发展大致可分为三个阶段。 第一阶段（1987～1993年），这一阶段是电子函件使用阶段。 第二阶段（1994～1995年），这一阶段是教育科研网发展阶段。 第三阶段（1995年至今），这一阶段是商业应用阶段。 1.1.3 中国现有的五大Internet网络 1. 中国公用计算机互联网络（CHINANET） 2. 中国教育与科研网络（CERNET） 3. 中国科技网（CSTNET） 4. 中国金桥信息网（CHINAGBNET） 5. 中国公众多媒体通信网（169网） 1.1.4 Internet的功能 1. 电子函件E-mail 2. 文件传输FTP 3. 远程登录Telnet 4. 网上查询 (1) 名称地址录信息检索工具 (2) 索引式信息检索工具 (3) 交互式信息检索工具 5. 网上交流 (1) 公告板系统BBS (2) 网络新闻组 (3) 电子函件通信组 (4) 聊天 1.1.5 TCP/IP简介 1. 网络接口层 2. 网间网层 3. 传输层 4. 应用层 1.1.6 IP地址和域名 1. IP地址 (1) IP地址的格式 (2) IP地址的类型 2. 域名 域名的结构为： 计算机名.组织机构名.网络名.最高层域名 1.1.7 URL地址和HTTP URL由3部分组成：资源类型、存放资源的主机域名和资源文件名。 1.1.8 连接Internet的方式 进入Internet的方式主要有三种：主机方式、网络方式和仿真终端方式。 1.1.9 WWW简介 1. Web节点 2. 主页 3. 超级链接 Web上的页是互相连接的。单击被称为超级链接的文本或图形就可以连接到其他页，如图1-2所示。 4. 浏览器 1.2 网页、网站的概念 1.2.1 网页、网站和主页 网页（Web Page）是按照网页文档规范编写的一个或多个文件。 网站（Web Site）是一系列网页的组合，这些网页拥有相同或相似的属性并通过各种链接相关联。 主页（Home Page）就是网站默认的首页。主页默认的文件名为index.htm或default.htm。 网站也是互联网信息服务类企业的代名词，如新浪网站、搜狐网站等。 1.2.2 静态网页和动态网页静态网页：指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。服务器端动态技术：则需要与客户端共同参与，客户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生的结果页面再返回客户端。 1.3 网页标准 网页主要由三部分组成：结构（Structure）、 表现（Presentation）和行为（Behavior）。 1．结构标准语言 （1）XML （2）XHTML 2．表现标准语言 CSS（Cascading Style Sheets，层叠样式表）。 3．行为标准语言 （1）DOM （2）ECMAScript 1.3 网站开发工作流程 典型的Web开发工作流程包括以下阶段： ? 规划站点。 ? 设置开发环境。 ? 规划页面设计和布局。 ? 创建内容资源。 ? 组合、测试和部署站点。 ? 维护和更新站点。 1.3.1 规划站点 1．规划站点目标 1）确定站点目标。 2）确定目标用户（浏览者）。 3）规划站点的导航方案。 2．使用合理的文件夹保存文档 3．使用合理的文件名称 4．本地站点结构与远端站点结构保持相同 1.3.2 设置开发环境 无论是单独开发项目还是与团队一起合作开发，在开始建