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

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