Html5课程介绍和试验环境.pptVIP

进入Windows功能窗口，然后看到internet信息服务选项，然后按照图中设置即可，Ps：打√的选项下面为全选，方圈的下面按照图中打√的选择即可。 然后确定，会进入系统安装设置，此时可能需要等待两三分钟的样子。安装完成一般需要重新启动。 安装成功后，窗口会消失，然后回到控制面板，选择系统和安全。 进入系统和安全窗口，然后选择左下角的管理工具。 进入管理工具窗口，此时就可以看到internet信息服务了，不过此时需注意，因为有两个大致相同的，需要选择的是internet信息服务（IIS）管理器。 双击internet信息服务（IIS）管理器，进入到管理窗口，看上去很复杂，有三大主要功能:FTP,IIS,管理，现在需要设置都在IIS这个里面。 点击左边的倒三角，就会看到网站下面的default web site。 默认的www目录： HTML5编程 第*页 HTML5编程 广州大学华软软件学院 HTML5编程 第*页 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。 * 第1讲 搭建试验环境 第一部分 课程介绍 1、课程介绍 课程名：《HTML5编程》 课时：17周*2 = 34课时 成绩构成： 出勤10%+实验20%+课程设计20%+期末考试50% 考核方式：笔试 开卷 任课老师：朱晓凤，电话工号：1612（上交作业），邮箱：zxf@ 1、课程介绍 教材： 《HTML5基础开发教程》 参考教材： 《HTML5程序设计基础教程》 李雯 李洪发 主编 人民邮电出版社 HTML5程序设计》人民邮电出版社 作者: [荷] Peter Lubbers / [美] Brian Albers / [美] Frank Salim 译者: 柳靖 / 李杰 / 刘淼 原作名: Pro HTML5 Programming:Second Edition 课堂纪律 禁止迟到早退 不要影响他人听课 按时上交作业 请假必须在上课铃响前进行，否则无效 本学期内容 HTML5语法 移动web的开发 HTML5在移动web方面的页面布局、离线应用、表单元素、界面样式等 Geolocation地理定位 第二部分 试验环境 实验平台 谷歌浏览器 开发人员工具 Dreamweaver CS6 谷歌浏览器 开发人员工具 1、安装谷歌浏览器Chrome_setup 谷歌浏览器 开发人员工具 快捷的方法,快捷键 ctrl+shift+j(i) ，或者F12 就能进入调试模式，这几个方法大家可以都使用的。 还有种方法就是点击窗口的右上角,选择更过工具里面的开发者工具或则javascript控制台。 控制台反应的错误会展现在console控制台中 所有URL地址链接的信息在network菜单栏中，里面包含请求信息，返回信息等。 样式什么的就在Elements中 插件 _ext_6692.crx 直接拖拽到谷歌浏览器中。 如果是自己的机器，安装一次以后就可以用了 如果是实验室的机器，每次启动机器都需要安装一次。 安装插件 用适当的屏幕大小浏览移动web 2、Dreamweaver CS6 ?安装 cs6 , 参考文档 安装 Dreamweaver cs6.doc 第三部分搭建本地HTML5/CSS/JS测试环境 IIS Internet Information Services IIS是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。 是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起发行，但在Windows XP Home版本上并没有IIS。 IIS IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。 它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。 步骤 搭建一个本地