第一讲 网页设计与制作基础

网页设计与制作河北北方学院网络中心课程简介•随着计算机、网络与通讯技术的发展，Internet已经开始改变人们的生活、学习和工作方式，网站成为宣传信息、推广产品等活动的流行方式。掌握Web技术、学会Web网页制作和Web站点管理等知识，已经成为现代人必备的一种技能。学习目的•工作需要•个人爱好•投资方向•学习网页设计课程，了解WEB技术，对我们将来的学习、工作大有裨益。课程内容1.网页设计基础知识2.HTML语言3.Dreamweaver网页设计4.ASP动态网页设计初步5.网页设计艺术6.网站制作实例课程目标1.熟练掌握网页设计工具的操作方法（HTML语言、网页三剑客）2.掌握在Internet中建立一个站点的全过程（网站应用软件）3.了解动态网页设计技术，为后续的网络编程奠定基础。4.培养提高造型、配色能力，训练对形式和色彩规律的掌握和应用。前导课程与后续课程•前导课程：《信息技术基础》、《计算机导论》•后续课程：《ASP与网络数据库技术》《动态网页与电子商务》课时分配•总课时:36课时理论课时:36课时上机课时:36课时参考教材•网络基础知识：•Html:《HTML4.0从入门到精通》，邱仲潘译，电子工业出版社•网页制作工具：《Dreamweaver中文版入门与提高》，张永宝等著，清华大学出版社第一讲网页设计基础（一）•Internet的基础知识•与网页•网页制作软件和相关工具•Dreamweaver8应用基础Internet的基础知识1.网络的形成和发展2.网络的分类3.网络的构成4.IP地址和域名4.什么是internet1.网络的形成和发展•什么是计算机网络？–分散在不同地点的多台计算机、终端和外部设备–通过通信线路互联在一起–实现资源共享（包括软件、硬件、数据等）计算机网络的发展•第一代计算机网络–20世纪50年代中后期–地理上分散的多个终端–通过通信线路–连接到一台中心计算机上•以传输信息为目的而连接起来，以实现远程信息处理或进一步达到资源共享的计算机系统主机通信装置通信装置终端通信线路计算机网络的发展•第二代计算机网络–20世纪60年代后期–实现远程资源共享–以通信子网为中心–分组交换网络–分层的网络协议–1969年出现的ARPAnet是第一个现代意义上的计算机网络•以能够相互共享资源为目的，互连起来具有独立功能的计算机的集合体互联设备工作站NOS服务器打印机传输介质计算机网络的发展•第三代计算机网络–网络应用越来越广泛、网络规模越来越大、通信更加复杂–各大计算机公司纷纷制定了自己的网络技术标准–1977年，ISO开始制定开放系统互联参考模型•具有统一网络体系结构，并遵循国际标准的开放式和标准化的网络计算机网络的发展•第四代计算机网络–20世纪80年代末到现在–以互联网为代表–以太网的高速发展•下一代计算机网络–多种业务的融合–统一协议、统一网络平台、统一管理网络体系的演变过程40年代中期60年代初期70年代初期80年代初期90年代初期90年代末期21世纪网络概念萌芽阶段提出分组交换概念稳步发展与应用提出OSI参考模型体系结构成熟发展Internet广泛应用后TCP/IP模型时代2.计算机网络的分类•依据网络的传输介质–有线网络–无线网络•依据网络的作用范围–局域网LAN–城域网MAN–广域网WAN网络传输介质•双绞线非屏蔽双绞线屏蔽双绞线网络传输介质•同轴电缆网络传输介质•光纤包层纤芯入射角折射角折射角大于入射角光波在纤芯中传播网络传输介质•无线传输卫星蝶形天线计算机LAN、MAN、WAN•LAN（局域网）–传输速度通常在10Mb/s～1000Mb/s之间–通常是针对于一座建筑物内•MAN（城域网）–一个较大的地理范围内–传输速度相对要慢的多•WLAN（广域网）–IEEE802.11标准网管Catalyst6509Catalyst40062*1000MCatalyst6509城域网多媒体终端InternetWeb服务器中间件服务器*2认证服务器最高人民法院远程办公DDN/FR/ISDN/PSTN制卡终端地方法院其他系统Catalyst4006CISCO7513CISCO7513SP750Catalyst4006图例千兆百兆E1政府系统数字用户线邮件服务器多媒体服务器开发测试培训服务器CISCOPIX5202*1000MSP750CISCOPIX520CISCOPIX520Catalyst4006CISCO7206可视电话市中级法院可视电话市基层法院ADSL/DDN/SDH/ISDNPIX520PIX520PIX520楼层工作站楼层工作站楼层工作站楼层工作站楼层工作站共20层Catalyst2948Catalyst2948数据库服务器磁盘阵列光纤Switch光纤Switch高速打印机*2数据库服务器Catalyst2948MCU工作流服务器文件服务器CISCO2600CISCO2600CISCO2600PIX520PIX520PIX520CISCO2600备份服务器CISCO3662CISCO2600PIX520PIX520Internet的基础知识3.网络的构成计算机网络的硬件与软件组成网络的主体设备主体设备（HOST）中心站（服务器）提供共享资源工作站（客户机）用户入网操作的节点常用服务器文件服务器域名服务器打印服务器通信服务器数据库服务器大多数时候服务器是网络的核心386以上档次的电脑都可作为组网的工作站。网络适配器(网卡)网卡通过总线与计算机设备接口相连，另一方面又通过电缆接口与网络传输媒介相连。插入主机扩展槽中有线介质在PC机中主要使用PCI总线结构的网卡和USB接口的网卡安装网卡后，还要进行协议的配置。例如，TCP/IP协议。网络的连接设备网络传输媒介的中间节点，具有信号再生转发功能。集线器类型被动主动智能不对信号做任何处理，工作站到集线器之间的距离在30米以内。对信号可再生和放大，工作站到集线器之间的距离可达600米。具有有源集线器的全部功能外，还提供网络管理、智能选择网络传输通路等功能。集线器（HUB）网络操作系统网络操作系统：具有网络功能的操作系统特点复杂性——要对全网资源进行管理，以实现整个系统的资源共享。实现计算机之间通信与同步。并行性——每个节点机上的程序都可以并行执行，一个作业可以分配到本地的节点机上，也可以分配到远程节点机上。安全性——可对不同用户规定不同的权限；提供身份验证机制；保证数据传输的安全和保密。提供高效可靠的网络通信能力提供多种网络服务功能网络操作系统对等式网络操作系统客户机/服务器（Client/Server）模式分类对等网网络中的所有计算机都具有同等地位，没有主次之分。任何一个节点机所拥有的资源都作为网络资源，可被其他节点机上的用户共享。客户机/服务器模式网络中有几台计算机专门充当服务器，为整个网络提供共享资源和服务。UnixLinuxNovellNetware什么是协议•什么是协议？–为了使数据可以在网络上从源传递到目的地，网络上所有设备需要“讲”相同的“语言”–描述网络通信中“语言”规范的一组规则就是协议例如：两个人交谈，必须使用相同的语言，如果你说汉语，他说阿拉伯语……•数据通信协议的定义–决定数据的格式和传输的一组规则或者一组惯例@#&$％……协议分层2－1•网络通信的过程很复杂–数据以电子信号的形式穿越介质到达正确的计算机，然后转换成最初的形式，以便接收者能够阅读–为了降低网络设计的复杂性，将协议进行了分层设计TCP（TransmissionControlProtocol）传输控制协议用于保证被传送信息的完整性。IP（InternetProtocol）网际互连协议负责将消息从一个地方传送到另一个地方。TCP/IP资料：协议OSI参考模型TCP/IP模型应用层应用层Telnet、SMTP、FTP、DNS表示层会话层传输层传输层TCP、UDP协议网络层网际网层IP协议数据链路层网络接口层物理层IP地址和域名系统•如何找到网络上的任何一台计算机？IP地址：(身份证号码）域名：（姓名）DNS系统：（公安机关查询系统）IP地址的作用192.168.1.100192.168.2.100192.168.2.101192.168.1.0192.168.2.0192.168.3.0192.168.3.100•用来标识一个节点的网络地址2进制•10进制逢10升位–包含数字0、1、2、3、4、5、6、7、8、9•2进制逢2升位–只包含数字0、110进制数2进制数0011210311410051016110711181000910011010102－10进制转换•10进制的8转换成2进制数是多少？因此，10进制的8转换成2进制为100082422210001余数10－2进制转换•2进制的1001对应10进制数是多少？因此，2进制的1001是10进制中的910012322212023＋0＋0＋20＝8＋1＝9IP地址的组成点分十进制最大值10101100二进制十进制例子二进制例子255255255255NetworkHost12864321684211111111111111111111111111111111100010000011110101100110017216122189161724253212864321684211286432168421128643216842132bits20225510101100IP地址的分类1A类:Bits:0NNNNNNNHostHostHost891617242532范围(1-126)1B类:Bits:10NNNNNNNetworkHostHost891617242532范围(128-191)1C类:Bits:110NNNNNNetworkNetworkHost891617242532范围(192-223)1D类:Bits:1110MMMMMulticastGroupMulticastGroupMulticastGroup891617242532范围(224-239)DNS采用分层次结构，入网的每台主机都可以有一个类似下面的域名：主机名.机构名.顶层域名从左到右，域的范围变大。具有实际含义，比IP地址好记。Internet上几乎在每一子域都设有域名服务器，服务器中包含有该子域的全体域名和地址信息。Internet每台主机上都有地址转换请求程序，负责域名与IP地址转换。moe.edu.cn中国教育部域名系统DNS域名意义域名意义域名意义com商业类edu教育类gov政府部门int国际机构mil军事类Net网络机构org非盈利组织arts文化娱乐arc康乐活动firm公司企业info信息服务nom个人stor销售单位web与有关单位分为类型名和区域名两类。类型名共14个，区域名用两个字母表示世界各国和地区。顶级域名cn中国jp日本se瑞典de德国kr韩国sg新加坡可以直接使用中文命名域名。中国互联网络信息中心网站：个类别域名用两个字符的汉语拼音：bj北京、sh上海IP地址和域名系统IPV4与IPV6•现有的互联网是在IPv4协议的基础上运行。IPv6是下一版本的互联网协议，它的提出最初是因为随着互联网的迅速发展，IPv4定义的有限地址空间将被耗尽，地址空间的不足必将影响互联网的进一步发展。为了扩大地址空间，拟通过IPv6重新定义地址空间。•IPv4采用32位地址长度，只有大约43亿个地址，估计在2005～2010年间将被分配完毕，而IPv6采用128位地址长度，几乎可以不受限制地提供地址。•按保守方法估算IPv6实际可分配的地址，整个地球每平方米面积上可分配1000多个地址。在IPv6的设计过程中除了一劳永逸地解决地址短缺问题以外，还考