网页设计及制作(第一讲).pptVIP

吉林大学计算中心 徐 昊 xuhao.jlu@;课程安排;课程内容;一、 网络技术基础;蒂姆·伯纳斯·李（Tim Berners-Lee）爵士（1955年6月8日出生于英国）是万维网的发明者，互联网之父，英王功绩勋章（OM）获得者，不列颠帝国勋章（OBE）获得者，英国皇家学会会员，英国皇家工程师学会会员，美国国家科学院院士。1989年3月他正式提出万维网的设想，1990年12月25日，他在日内瓦的欧洲粒子物理实验室里开发出了世界上第一个网页浏览器。 　　90年代以来国际互联网的发展正如蒂姆所预见的，网景与微软的浏览器之争，被称为环球第一商战，快速膨胀的网络已有瘫痪之虞。为此在1994年，蒂姆创建了非赢利性的环球国际集 团W3C（World Wide Web Consortium），邀集Microsoft、 Netscape、 Sun、Apple、IBM 等共155家互联网上的著名公司，致力达到WWW技术标准化的协议，并进一步推动Web技术的发展。蒂姆坚持，W3C最基本的任务是维护互联网的对敌性， 让它保有最起码的秩序。 ;社会网络;2、IP地址和域名;(2)域名 IP地址是一串枯燥的数字很难理解和记忆,为了解决这个问题引入了域名, 每一个域名与IP地址是一一对应的，人们输入域名，再由域名服务器（DNS）解析成IP地址，从而找到相应的网站。 如： 等 ;3、统一资源定位器（URL）;HTTPS和HTTP的区别 HTTPS（全称：Hypertext Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。 　　一、https协议需要到ca（Certificate Authority）申请证书，一般免费证书很少，需要交费。 　　二、http是超文本传输协议，信息是明文传输，https 则是具有安全性的ssl加密传输协议。 　　三、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。 　　四、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。;4、超文本标记语言（HTML Hypertext Marked Language） ;HTML5;A. 语义特性（Class：Semantic） 　　HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。 B. 本地存储特性（Class: OFFLINE STORAGE） 　　基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一） 和API说明文档。 C. 设备兼容特性 (Class: DEVICE ACCESS) 　　从Geolocation 功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联 　　　;D. 连接特性（Class: CONNECTIVITY） 　　更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据’推送’到客户端的功能。 E. 网页多媒体特性(Class: MULTIMEDIA) 　　支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。 F. 三维、图形及特效特性（Class: 3D, Graphics Effects） 　　基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。 　　;G. 性能与集成特性（Class: Performance Integration） 　　没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。