七、计算机网络与网页制作

朽木易折，金石可镂。千里之行，始于足下。第页/共页计算机网络基础与网页设计（一）了解计算机网络及Internet的初步知识:计算机网络的概念、发展趋势、组成、分类、功能计算机网络新技术。1.计算机网络的概念：计算机网络是将若干台具有自立功能的计算机通过通信设备和传输媒体互联起来，在通信软件的支持下，实现计算机间资源分享、信息交换或协同工作的系统。计算机网络是计算机技术和通信技术紧密结合的产物。2.计算机网络的发展趋势：三网合一（通信网络、计算机网络、有线电视网络→IP网络发展）、光通信技术、IPV6、宽带接入技术与移动通信技术。3.计算机网络的组成（1）从物理衔接上讲，由计算机系统、通信链路和网络节点组成。·计算机系统：数据处理，举行信息的采集、存储、加工处理。·网络节点：负责网络中信息的发送、接收和转发。（网络适配器、路由器）·通信链路：有线通信链路（双绞线、同轴电缆、光纤）无线（微波、红外线）（2）从逻辑功能看，计算机网络分成通信子网和资源子网。·通信子网：通信功能，由网络节点和通信链路组成。·资源子网：拜访网络和数据处理功能，由主机、终端控制器和终端组成。4.计算机网络的分类（1）按照网络的笼罩范围划分：局域网（LAN）、城域网（MAN）、广域网（WAN）。·局域网：传输速率高、可靠性好、适用各种传输介质、建设成本低。·广域网：数据传输相对较慢，传输误码率高。因特网可以说是最大的广域网。（2）按网络的拓扑结构划分：总线型、环形、星形、树状、网状。·总线型拓扑：任何一台主机发送的信息都沿着总线向两个方向蔓延。缺点：总线负载能力较低，一旦线缆中浮上断路，囫囵网段通信中止。·环形拓扑：信息沿着环路按同一个方向传输。缺点：故障检测艰难。·星形拓扑：各个通过专用链路与中央节点相连。网络中某一台计算机或者一条线路的故障不会影响囫囵网络的运行。优点：故障检测方便。但中央节点一旦发生故障，囫囵网络就会瘫痪。·树状拓扑·网状拓扑（3）按传输介质划分：有线网和无线网。有线网：双绞线、同轴电缆、光纤或电话线做传输介质，双绞线传输距离较短，光纤传输距离远、传输速率高，抗干扰能力强。无线网：无线电波或红外线为传输介质，还有卫星数据通信网。（4）按使用性质划分为：公用网（现用）和专用网。5.计算机网络的功能数据通信、资源分享（核心）、分布式处理、提高系统的可靠性。计算机资源主要是指计算机的硬件、软件和数据资源。6.计算机网络新技术（1）物联网：物物相连的互联网（2）云计算：一种通过Internet以服务的方式提供动态可伸缩的虚拟化资源的计算模式。特点：超大规模、高可靠性、高可扩展性、虚拟化、按需服务、极其便宜、通用性强。（3）大数据：大量、高速、多样、价值密度低、真切性。（4）移动互联网技术（二）了解Internet的起源及发展，控制接入Internet的常用方式，Internet的IP地址及域名系统，WWW的基本概念和工作原理，IE浏览器使用，电子邮件服务。控制Internet的其他服务：文件传输FTP、远程登录Telnet、即时通信、网络音乐、搜索引擎的使用、流媒体应用频及文档下载的主意。1.了解Internet的起源和发展（1）·美国国防部高级研究计划局（ARPA）建立ARPANet·美国国家科学基金会（NSF）·Internet（2）我国现有四大主干网络：·公用计算机互联网（ChinaNet）·中国教诲和科研计算机网（CERNet）·中国科技信息网（CSTNet）·国家公用经济信息通信网络（金桥网：ChinaGBN）：金关、金税、金卡。（3）Internet的发展趋势：规模更大、速度更快、更安全、更智能2.接入Internet的常用方式（1）PSTN（公用电话交换网）：通过调制解调器拨号实现用户接入。（2）ADSL（非对称数字用户环路）：通过普通电话线，下行速率较高，上行速率较慢。（3）LAN方式：不需要调制解调器和电话线路。需要一个网卡和网络衔接线，通过集线器或交换机经路由器接入internet。（4）无线方式（5）无线局域网方式（WLAN）3.Internet的IP地址及域名系统：（1）IP地址（ipv4）：在Internet上为每台计算机指定唯一对2位地址。将32位二进制数分成4段，每段8位，转成对应的十进制数举行表示，点分十进制，每个数最大为255.（2）Ip地址分为A、B、C、D、E五类，通常是A、B、C三类。主机号和网络号都不能全0或全1.·A类8位网络号，24位主机号，最高位是0，一个网络可包含224-2台主机第一个数：00000000到01111111转换十进制0到127，实际能用的第一个数范围是1-126.·B类16位网络号，16位主机号，最高位是10，一个网络可包含216-2个主机第一个数：10000000到10111111转十进制128-191·C类24位网络号，8位主机号，最高位是110，一个网络包含28-2台主机第一个数：11000000到11011111转十进制192-223判断IP地址的类别只需要看第一个数的范围。（3）子网掩码：网络位全1，主机位全0A类地址默认的子网掩码：1111111100转成十进制B类地址默认子网掩码：111111111111111100000000000000000转换成十进制：C类地址默认子网掩码：11111111111111111111111100000000转成十进制判断两台机器IP是否属于同一子网的根据就是他们的网络地址是否相同。网络地址=IPand子网掩码ip地址的网络为保持不变，主机位全0。例：34的网络地址为：34and=and=所以34和位于同一子网。（4）域名系统·Internet在IP地址的基础上提供了一种面向用户的字符型主机明明机制，这就是域名系统，它是一种更高级的地址形式。DNS作用：将难记的IP地址转换为易记的字母形式。1个域名只能对应1个IP地址，1个IP地址可对应多个域名。·组织域名对照表：com商业组织、org非营利性组织、int国际性组织、mil军事部门、edu教诲机构、gov政府部门、net网络服务机构·国家或地区域名对照表：au澳大利亚、ca加拿大、cn中国、fr法国、de德国、it意大利、jp日本、kr韩国、uk英国、us美国、hk中国香港、mo中国澳门、tw中国台湾、中国互联网体系域名最高级为cnWWW的基本概念和工作原理IE浏览器使用电子邮件服务用户名@电子邮件服务器名控制Internet的其他服务：文件传输FTP、远程登录Telnet、即时通信、网络音乐、搜索引擎的使用、流媒体应用、网络视频及文档下载的主意。Internet提供的基本服务：分享资源、交流信息、发布和获取信息。文件传输协议FTP：采用客户机/服务器工作模式。服务器程序是提供网络的主机，客户端程序是拜访网络的主机。匿名FTP：anonymous远程登录Telnet：telnet客户端运行在本地计算机，telnet服务器程序运行在远程计算机上，即时通信：网上聊天、“网上寻呼”、IP电话网络音乐：MIDI、MP3、RealAudio和WAV等是歌曲的压缩格式。搜搜引擎的使用：InternetExplorer流媒体的应用：流媒体指在数据网络上按时光先后次序传输和播放的延续音/视频数据流，边传送边播放。特点：延续性、实时性、时序性。网络视频：视频点播（VOD），交互式多媒体视频点播业务。文档下载的主意了解HTML的基本知识:网站与网页的概念，Web服务器与浏览器，网页内容，动态网页和静态网页，常用网页制作工具，网页设计的相关计算机语言，HTML语言的基本概念、常用HTML标记的意义和语法。网站与网页的概念（1）网站：是一组相关网页和有关文件的集合，普通有一个异常的网页作为浏览的起始点，称为主页。（发布就是将本地网站的内容传输到衔接Internet的Web服务器上。）（2）网页：又称HTML文件。通常以.htm和.html为扩展名。Web服务器与浏览器（1）网站通常位于Web服务器上。Web服务器又称WWW服务器、网站服务器或站点服务器。Web服务器就是一个软件系统。（2）浏览器和服务器之间通过超文本传输协议（HTTP）举行通信。网页内容普通网页主要由文字、图片、动画、超链接和异常组件等元素组成。动态网页和静态网页静态网页：除非网页的设计者自己修改了网页的内容，负责网页的内容不会发生变化。扩展名为.htm和.html动态网页（淘宝）：网页的内容会随程序的执行结果发生变化。扩展名为.asp和.jsp和.php常用网页制作工具Dreamweaver（可视化网站开辟工具）、Fireworks（图像、图形）、Flash（动画）被称为网页制作“三剑客”。网页设计的相关计算机语言HTML：是超文本标记语言，编写静态网页，我们又把HTML文档称为网页（一种文本文件）。XML：可扩展标记语言，主要在Internet上传递或处理数据。CSS：层叠样式表DHTML：动态HTMLHTML5：HTML第五次修改得来脚本语言：是嵌入到HTML代码中的程序。分为呵护段脚本和服务器端脚本。JavaScript多用于客户端，VBScript多用于服务器端。HTML语言的基本概念HTML文件是一种纯文本文件，可以使用“记事本”创建。Internet中的每一个HTML文件都包括文本内容和HTML标记两部分。<标记名>文本内容</标记名>常用HTML标记的意义和语法本文布局·段落标记<p><palign=对齐方式>...</p>对齐方式有left（默认）、center、right、justify（两端对齐）·换行标记<br>·水平线标记<hr>（br和hr惟独起始标记）文字格式·标题标记<hn>n说明大小级别，取值范围为1~6的数字，把标题分为6级，h1级文字最大，h6级文字最小。·字体标记<font>size控制文字大小、color文字色彩、face文字字体·字形标记<b>...</b>粗体、<i>...</i>斜体、<u>...</u>下划线、^...上标、_...下标图片·src属性：指明图片文件所在位置<imgsrc=URL>其中URL指明图片文件存放的位置·alt属性：是图片的文字说明<imgsrc=URLalt=文字说明>·width和height属性·border属性·align属性：图片对齐方式可以是top、middle、bottom、left、right、texttop超链接·格式：<ahref=URL>超链接文本</a>若用图片做超链接：<ahref=URL1><imgsrc=URL2></a>表格·<table>...</table>定义表格区域<caption>...</caption>定义表格标题<th>...</th>定义表格头<tr>...</tr>定义表格行<td>...</td>定义表格单元格了解使用Dreamweaver创建管理站点及编辑网页的基本操作：站点创建与管理，网页中文字编辑及格式化、图像的插入与编辑、媒体对象的插入及超链接的创建。控制在Dreamweaver中网页布局的主意，了解表单页面的创建及网页的发布。站点创建与管理执行“站点”→“管理站点”菜单命令→“管理站点”对话框→挑选要上传的站点→单击“编辑”按钮→弹出“站点设置对象”对话框→“服务器”选项→“添加新服务器”按钮→编辑好单击“保存”。网页中文字的编辑及格式化、图像的插入与编辑、媒体对象的插入（1）网页中文字的编辑及格式化·添加文本：输入文本、复制文本、导入文本、添加异常符号。·设置字体属性：可以通过“属性”面板或“格式”菜单。（2）图像的插入域编辑·图片文件格式：GIF（网站logo）、JPEG（照片）、PNG（显示速度比前面俩快）·插入图片将光标置于要插入图片的位置，然后执行“插入”→“图像”命令，弹出“挑选图像源文件”对话框→挑选图片→“决定”。通过直接拖拽。·图片的编辑：可以在图片属性面板中设置。（3）媒体对象的插入·插入日期、插入水平线、插入空格（Ctrl+shift+space）、插入图片。都在“插入”下。超链接的创建（1）超链接概念超链接是指从一个网页指向一个目标的链接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，用在超链接的对象可以是一段文本或图片。超链接由链接载体和链接目标组成。衔接目标可以是随意网络资源。按照链接载体的特点，可以把链接分为文本超链接与图片超链接两大类。（2）创建文本超链接1）通过HTML“属性”面板创建超链接2）使用“超级链接”对话框创建超链接3）设置文本超链接的状态（3）创建图片超链接1）创建图片超链接2）为图片添加热点·图片热点就是为图片绘制一个或几个异常区域，并为这些区域添加超链接，包括矩形热点工具、椭圆形热点工具