第1章-网页设计与制作基础概述

第1章网页设计与制作基础概述,2,教学内容,Internet的含义Internet与互联网的区别Internet的服务（WWW、E-mail、FTP、Telnet）万维网与WWW客户机/服务器IP地址、域名URL及其超链接,3,Internet,Internet是计算机交互网络的简称，中文称为因特网或国际互联网，是利用通信设备和线路将全世界上不同地理位置的功能相对独立的数以千万计的计算机系统互连起来，以功能完善的网络软件（网络通信协议、网络操作系统等）实现网络资源共享和信息交换的数据通信网。,4,Internet,遵循TCP/IP协议的连接世界各地的超级数据通讯网；由用户自我约束、自主管理的网络集合体；中文标准名称为“因特网”。,5,Internet与互联网,在现在的狭义上来讲，互联网一般即指Internet网。但从广义上来讲，Internet网只是互联网的一种形式。互联网是指将两台计算机或者是两台以上的计算机终端、客户端、服务端通过计算机信息技术的手段互相联系起来，它包括广域网、局域网及单机按照一定的通讯协议组成的计算机网络。,6,Internet服务,Internet服务WWW（WorldWideWeb，万维网）服务、E-mail（电子邮件）服务，FTP（文件传输）服务、Telnet（远程登录）服务、P2P（PeertoPeer，对等网络）服务,7,万维网与WWW,WorldWideWeb的缩写，中文名称为万维网；分布式多媒体超文本系统文本、图像、动画、声音、视频等,8,WWW服务,普通WWW服务通过HTTP协议实现，加密的WWW服务通过HTTPS协议来实现，WWW服务的默认端口是80，有时也常使用8080端口。,9,E-mail服务,E-mail服务一个是SMTP协议，它负责发送邮件服务，SMTP协议的默认端口是25，另一个是POP3协议，该协议负责接收邮件，POP3协议的默认端口是110,10,FTP和Telnet,FileTransferProtocol（文件传输协议）FTP服务的默认端口号是21Telnet是Internet远程登陆服务Telnet服务的默认端口号是23,11,服务器、客户机,客户机,服务器,HTTP,URL,URL,12,Internet,运行机制为客户机/服务器的模式Internet上所有的计算机分为客户机/服务器两类,13,IP地址,IP地址是互联网上计算机的唯一身份标识有IPV4和IPV6两个版本目前大多数仍然IPV4全世界唯一的32位地址2,14,域名,域名是IP地址的符号化对于域名长度的限制是63个字符20,15,域名,中国,教育类,北京工商大学,www服务器,其他类别,其他大学,其他服务器,16,域名,域名是一种层次型结构分为顶层（Top-Level）、第二层（Second-Level）、子域（Sub-domain）等,17,DNS,Domainnameservice将字符串解析成IP地址（指路人）互联网上借助DNS系统来实现他们之间的互相转换，称为域名解析。,18,DNS域名解析,DNS2008年5月暴风影音DNS映射错误，造成全国网络拥堵2009年，DNS服务器被攻击，百度IP解析错误，造成全国网络几近瘫痪,19,URL,Uniformresourcelocator进行信息资源的定位,20,URL超链接,URL访问方法,21,超链接,两个要素超链源可视元素超链目标URL,22,课后练习,整理本节课的知识点浏览相关感兴趣的站点1.1什么是WWW？什么是网页？1.2一个完整的URL由哪几部分组成？举出几个URL的例子。1.3简述C/S的工作方式。,23,补充知识一,TCP/IP协议互联网使用的主要网络协议；TCP/IP协议是一个协议族；连接进入互联网的计算机必须遵守TCP/IP协议。,24,补充知识二,文件传输协议（FTPFileTransferProtocol）互联网的传统服务之一；也是实现不同类型的计算机之间传递文件实现资源共享的方法；在互联网上的Web网站通常采用FTP服务来维护网站的资源。,25,补充知识三,Web浏览器根据URL定位信息资源；显示由HTML语言描述的信息。Web服务器提供WWW服务的计算机和Web服务软件Web网页是浏览器查看到的信息页；使用各种基本页面元素（文字、图片、表单、多媒体、联接等）组成的信息页。,26,补充知识四,Web空间互联网上存放网站页面文件的计算机上面的存储空间，负责网站的信息发布；在互联网上可以通过下面的方法来实现：架设或租用专用的网站服务器；租用虚拟主机；申请免费或收费的Web空间,27,补充知识五,虚拟主机（Virtualhost）利用特殊的计算机软、硬件技术将一台独立的计算机系统（宿主机）“虚拟”成多台逻辑功能独立的计算机系统来实现完整的Internet服务器的功能在虚拟主机上的每一个逻辑主机都可以拥有独立的IP地址或域名，运行各自独立的服务程序。,28,补充知识六,防火墙,29,HTML语言,30,HTML语言,31,HTML语言,HTML(HyperTextMarkupLanguage)超文本标记语言；HTML语言是网页的源代码使用.htm、.html等做文件扩展名,32,HTML语言,这里是一个测试网页此处输入HTML文件的文本内容！下面为标题：这是H1标题字这是H2标题字这是H3标题字这是H4标题字这是H5标题字这是H6标题字,33,制作网页的三类工具,HTML代码编辑工具程序设计工具所见即所得的制作工具,Dreamweaver属于哪一类？,1、3,34,网页编辑器,FrontPageDreamweaverFireworksFlashPhotoShop,WordExcelPowerpoint,35,网页分类,静态网页是指在不维护的情况下，无论何时浏览网页，都将显示相同内容的网页。交互式网页是指利用DHTML技术，可以根据用户的交互动作发生相应的变化的网页。动态网页利用了程序设计技术、数据库技术，能够实现用户和网站之间