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

第1讲搭建试验环境 第一部分课程介绍 1 课程介绍 课程名 HTML5编程 课时 17周 2 34课时成绩构成 出勤10 实验20 课程设计20 期末考试50 考核方式 笔试开卷任课老师 朱晓凤 电话 13926127364工号 1612 上交作业 邮箱 zxf 1 课程介绍 教材 HTML5基础开发教程 参考教材 HTML5程序设计基础教程 李雯李洪发主编人民邮电出版社HTML5程序设计 人民邮电出版社作者 荷 PeterLubbers 美 BrianAlbers 美 FrankSalim译者 柳靖 李杰 刘淼原作名 ProHTML5Programming SecondEdition 课堂纪律 禁止迟到早退不要影响他人听课按时上交作业请假必须在上课铃响前进行 否则无效 本学期内容 HTML5语法移动web的开发HTML5在移动web方面的页面布局 离线应用 表单元素 界面样式等Geolocation地理定位 第二部分试验环境 实验平台 谷歌浏览器开发人员工具DreamweaverCS6 谷歌浏览器开发人员工具 1 安装谷歌浏览器Chrome setup 谷歌浏览器开发人员工具 快捷的方法 快捷键ctrl shift j i 或者F12就能进入调试模式 这几个方法大家可以都使用的 还有种方法就是点击窗口的右上角 选择更过工具里面的开发者工具或则javascript控制台 控制台反应的错误会展现在console控制台中 所有URL地址链接的信息在network菜单栏中 里面包含请求信息 返回信息等 样式什么的就在Elements中 插件 ext 6692 crx直接拖拽到谷歌浏览器中 如果是自己的机器 安装一次以后就可以用了如果是实验室的机器 每次启动机器都需要安装一次 安装插件 用适当的屏幕大小浏览移动web 2 DreamweaverCS6 安装cs6 参考文档安装Dreamweavercs6 doc 第三部分搭建本地HTML5 CSS JS测试环境 IIS InternetInformationServices IIS是一种Web 网页 服务组件 其中包括Web服务器 FTP服务器 NNTP服务器和SMTP服务器 分别用于网页浏览 文件传输 新闻服务和邮件发送等方面 它使得在网络 包括互联网和局域网 上发布信息成了一件很容易的事 是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务 最初是WindowsNT版本的可选包 随后内置在Windows2000 WindowsXPProfessional和WindowsServer2003一起发行 但在WindowsXPHome版本上并没有IIS IIS IIS支持一些有趣的东西 像有编辑环境的界面 FRONTPAGE 有全文检索功能的 INDEXSERVER 有多媒体功能的 NETSHOW 其次 IIS是随WindowsNTServer4 0一起提供的文件和应用程序服务器 是在WindowsNTServer上建立Internet服务器的基本组件 它与WindowsNTServer完全集成 允许使用WindowsNTServer内置的安全性以及NTFS文件系统建立强大灵活的Internet Intranet站点 步骤 搭建一个本地HTML5 CSS JS测试环境 winXPwin7 这里就以win7系统为例说一下 第一步安装iis第二步建立站点和网站 点击开始 控制面板 然后再点击程序 勿点击卸载程序 否则到不了目标系统界面 然后在程序和功能下面 点击打开和关闭windows功能 进入Windows功能窗口 然后看到internet信息服务选项 然后按照图中设置即可 Ps 打 的选项下面为全选 方圈的下面按照图中打 的选择即可 然后确定 会进入系统安装设置 此时可能需要等待两三分钟的样子 安装完成一般需要重新启动 安装成功后 窗口会消失 然后回到控制面板 选择系统和安全 进入系统和安全窗口 然后选择左下角的管理工具 进入管理工具窗口 此时就可以看到internet信息服务了 不过此时需注意 因为有两个大致相同的 需要选择的是internet信息服务 IIS 管理器 双击internet信息服务 IIS 管理器 进入到管理窗口 看上去很复杂 有三大主要功能 FTP IIS 管理 现在需要设置都在IIS这个里面 点击左边的倒三角 就会看到网站下面的defaultwebsite 默认的www目录 把网页放在这个目录下 可以在局域网中访问 请大家互相访问一下对方的网站 第二步在cs中建立站点 打开cs6新建站点 新建一个网页文件默认保存在当前站点中 回到IIS中 选择新建 如果访问失败 有可能是安全性出了问题 需要设置访问用户名和密码 请大家互相之间访问一下 也可以试试老师这个页面 http 172 16 28 177 myweb index html 课后作业 在自己的机器上配置实验环境 下课了