实验名称：WEB服务器上设置SSL实验目的1.掌握证书服务的安装2.理解证书的发放过程3.掌握在WEB服务器上配置SSL4.使用HTTPS协议访问网站以验证结果实验拓扑实验步骤1）安装证书服务；2）生成证书申请；3）提交证书申请；4）在WEB服务器上安装证书；5）WEB服务器启动SSL一．安装证书服务1.点击开始运行控制面板中的添加删除程序，2.点击添加/删除WINDOWS组建3选择证书服务4点击是5选择企业根CA后点击下一步6输入CA名字7保持默认下一步8点击是关闭IIS9点击完成二、生成证书申请1打开IIS，右击默认网站点击属性2选择目录安全性3点击服务器证书4点击下一步5选择新建证书后，下一步6选择现在准备证书请求，但稍后发送后点击下一步7在名称文本框中键入证书的描述性名称后，点击下一步8输入单位信息单击下一步9输入站点公用名称，点击下一步10输入地理信息单击下一步11输入证书请求文件名单击下一步12显示证书信息后点击下一步13单击完成三、提交证书申请1使用记事本打开生成的证书文件，将整个内容复制到剪贴板2打开IE输入http://1.1.1.1/certsrv后输入用户和密码3点击申请一个证书4点击高级证书申请5点击使用base64编码的CMC或PKCS#10文件提交一个证书申请，或使用base64编码的PKCS#7文件续订证书申请6在保存的申请文本框里粘贴复制的证书文件内容7选择BASE64编码点击下载证书8保存证书四、在WEB服务器上安装证书1打开IIS管理器右击默认网站点击属性2点击服务器证书3点击下一步4选择处理挂起的请求并安装证书单击下一步5输入包含CA响应的文件的路径和文件名点击下一步6保持默认端口为4437显示证书信息点击下一步8完成五、WEB服务器启动SSL1打开IIS管理器右击默认网站点击属性2点击目录安全性3点击编辑4选择要求安全通道SSL实验结果分析1利用HTTP协议访问网站结果2利用HTTPS协议访问网站结果实验结论在WEB服务器上设置SSL增强了安全性使用HTML5和CSS3构建基于webkit的WebPage/App现在在ios/android上的web网站变的越来越多，智能机中ios和android系统的设备市场份额也是与日俱增，相信未来会是一个趋势，那么如何构建基于webkit的网站呢？这里有一篇文章介绍了如何用html5创建一个iphone的app，这是一个基于web的本地离线应用，相对于native应用来说基于web的应用开发和测试都非常快捷，基于webkit浏览器支持大部分的html5，也支持大部分的css3，而且开发语言也是大多数web工程师所熟悉的，最重要的一点是基于web的应用是完全跨平台的，不需要多平台的开发和测试。开发基于webkit的webapp/page时需要注意的有：HTML特性：<inputtype=”file”/>在iphone上不work<ahref=”13888888888″>CallMe</a>可以调用打电话应用googlemaps,iTunes和youtube的链接会在iphone上打开相应的组件app/webpage设置：<linkrel=”apple-touch-icon”href=”iphon_tetris_icon.png”/>在设置书签的时候可以显示好看的图标<metaname=”apple-mobile-web-app-capable”content=”yes”/>离线应用的另一个技巧<metaname=”apple-mobile-web-app-status-bar-style”content=”black”/>隐藏状态栏<linkrel=”apple-touch-startup-image”href=”startup.png”/>设置开始页面图片<metaname=”viewport”content=”width=device-width,user-scalable=no”/>指定mobile，并且不可缩放<metaname=”viewport”content=”width=device-width,minimum-scale=1.0,maximum-scale=1.0″/>同上CSS相关配置：@mediascreenand(max-device-width:480px){/*小屏幕的css样式*/}@mediascreenand(max-width:320px){/*纵向的css样式*/}@mediascreenand(max-width:480px){/*横向的css样式*/}@mediascreenand(orientation:portrait){/*iPad纵向的css样式*/}@mediascreenand(orientation:landscape){/*iPad横向的css样式*/}display:-webkit-box;-webkit-box-orient:vertical/horizontal;-webkit-box-flex:value水平垂直布局boxroundedcorner/textshadow/boxshadow/rgba/font-face/transform/transition/animation/border-image/gradients/充分利用这些css3的特性做出丰富的UI脚本特性：可以选用开源的javascript库，如yui,jquery,mootools,d...