《网页的基本知识》PPT课件.ppt

网页设计与制作教程 (第2版),机械工业出版社,教 学 内 容 安 排,第1章 2 第2章 4 第3-5章 4 第6-7章 4,FrontPage 6 Dreamweaver 6 Flash 6 Photoshop 4 共计：36学时,成 绩 评 定,考勤： 10% 上机作业： 30% 期末考试： 60%,第1章 网页的基本知识,1.1 Internet简介 1.1.1 Internet的起源和发展 1.1.2 Internet在中国的发展 1.1.3 中国现有的五大Internet网络 1.1.4 Internet的功能 1.1.5 TCP/IP简介 1.1.6 IP地址和域名 1.1.7 URL地址和HTTP 1.1.8 连接Internet的方式 1.1.9 WWW简介,1.2 超文本描述语言HTML 1.2.1 什么是HTML 1.2.2 HTML的作用 1.2.3 HTML的编辑环境 1.2.4 HTML文件的组成 1.3 专用的网页编辑器 1.4 XML简介 习题,1.1 Internet简介 什么是Internet呢？简单地说，Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP/IP联接在一起所组成的世界性计算机网络系统。,网络协议是一系列通信规则的总称。 协议的实质就是通信所使用的语言。,1.1.1 Internet的起源和发展 1.1.2 Internet在中国的发展 Internet在中国的发展大致可分为三个阶段： 第一阶段(19871993年)，这一阶段是电子邮件使用阶段。 第二阶段(19941995年)，这一阶段是教育科研网发展阶段。 第三阶段(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. 应用层 TCP：Transmission Control Protocol IP： Internet Protocol,1.1.6 IP地址和域名 1. IP地址 P7 IP地址是标识网上计算机的全球惟一的标识，是计算机、服务器、路由器的端口地址。 (1) IP地址的格式 IP 地址由32位二进制数表示，每8位一组，以圆点分隔。 一般，它直观的表示为4组0255之间的十进制数。如： 39 (2) IP地址的类型：分为A、B、C、D、E五类。 2. 域名 域名与IP地址一一对应，即DNS系统。域名的结构为： P89 计算机名 组织机构名 网络名 最高层域名,1.1.7 URL地址和HTTP URL的基本格式： (访问类型)：/(访问的主机)：端口号 / (访问的文件),表1-2 URL地址表示的资源类型,1.1.8 连接Internet的方式 进入Internet的方式主要有三种：主机方式、网络方式和仿真终端方式。 1.1.9 WWW简介 1. Web节点 2. 主页 站点-网页-主页 3. 超级链接 单击超链就可以跳转到其他页，如图1-2所示。 4. 浏览器,站点：Web服务器 网页：浏览Web时看到的文档 主页：站点内所有内容的索引页,所谓Web浏览器（Browser）是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。一旦把Web浏览器指向某个网页，也就意味着要浏览器去查找、下载那个网页。 文本-图片-动画-声音 当前流行的Browser：Navigator、IE,1.2 超文本描述语言HTML 1.2.1 什么是HTML 1.2.2 HTML的作用 HTML语言作为一种网页编辑语言，其作用如下： 1) 格式化文本 如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。 2) 建立超链接 3) 创建列表 4) 插入图像 设置图像的各种属性，如大小、边框、布局等。 5) 建立表格 用表格来设定整个网页的布局。 6) 加入多媒体 在网页中可以加入音频、视频、动画，还能设定播放的时间和次数。 7) 交互式表单、计数器等 为获取远程服务而设计表单，可用于检索信息、定购产品等。,1.2.3 HTML的编辑环境 1.2.4 HTML文件的组成 1. 标记 2. 文字与图形资料 3. 统一资源定位器URL (Uniform Resource Locator), 欢迎访问湖北大学网站 这是教务处的教学管理网页 ,1.3 专用的网页编辑器 所见即所得工具 FrontPage初学者 Dreamweaver专业人员 CGI、ASP、JAVA 2. HTML代码编辑工具 3. 混合型工具 1.4 XML简介,习题1 1.1 什么是主页？网页与主页有何区别？ 1.2 浏览器有什么作用