《第1讲Html5课程介绍和试验环境》由会员分享,可在线阅读,更多相关《第1讲Html5课程介绍和试验环境(50页珍藏版)》请在金锄头文库上搜索。
1、第1讲 搭建试验环境,第一部分 课程介绍,1、课程介绍,课程名:HTML5编程课时:17周*2 = 34课时成绩构成: 出勤10%+实验20%+课程设计20%+期末考试50%考核方式:笔试 开卷任课老师:朱晓凤,电话:13926127364工号:1612(上交作业),邮箱:,1、课程介绍,教材:HTML5基础开发教程 参考教材:HTML5程序设计基础教程 李雯 李洪发 主编 人民邮电出版社HTML5程序设计人民邮电出版社 作者: 荷 Peter Lubbers / 美 Brian Albers / 美 Frank Salim 译者: 柳靖 / 李杰 / 刘淼 原作名: Pro HTML5 Pr
2、ogramming:Second Edition,课堂纪律,禁止迟到早退不要影响他人听课按时上交作业请假必须在上课铃响前进行,否则无效,本学期内容,HTML5语法移动web的开发HTML5在移动web方面的页面布局、离线应用、表单元素、界面样式等Geolocation地理定位,第二部分 试验环境,实验平台,谷歌浏览器 开发人员工具Dreamweaver CS6,谷歌浏览器 开发人员工具,1、安装谷歌浏览器Chrome_setup,谷歌浏览器 开发人员工具,快捷的方法,快捷键 ctrl+shift+j(i) ,或者F12 就能进入调试模式,这几个方法大家可以都使用的。,还有种方法就是点击窗口的右
3、上角,选择更过工具里面的开发者工具或则javascript控制台。,控制台反应的错误会展现在console控制台中,所有URL地址链接的信息在network菜单栏中,里面包含请求信息,返回信息等。,样式什么的就在Elements中,插件 _ext_6692.crx直接拖拽到谷歌浏览器中。如果是自己的机器,安装一次以后就可以用了如果是实验室的机器,每次启动机器都需要安装一次。,安装插件,用适当的屏幕大小浏览移动web,2、Dreamweaver CS6,安装 cs6 , 参考文档 安装 Dreamweaver cs6.doc,第三部分搭建本地HTML5/CSS/JS测试环境,IIS - Inte
4、rnet 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支持一
5、些有趣的东西,像有编辑环境的界面(FRONTPAGE)、有全文检索功能的(INDEX SERVER)、有多媒体功能的(NET SHOW) 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器,是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成,允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。,步骤,搭建一个本地HTML5/CSS/JS测试环境,win XPwin7,这里就以win7 系统为例说一下。第一步
6、安装iis第二步 建立站点和网站,点击开始控制面板,然后再点击程序,勿点击卸载程序,否则到不了目标系统界面。,然后在程序和功能下面,点击打开和关闭windows功能。,进入Windows功能窗口,然后看到internet信息服务选项,然后按照图中设置即可,Ps:打的选项下面为全选,方圈的下面按照图中打的选择即可。,然后确定,会进入系统安装设置,此时可能需要等待两三分钟的样子。安装完成一般需要重新启动。,安装成功后,窗口会消失,然后回到控制面板,选择系统和安全。,进入系统和安全窗口,然后选择左下角的管理工具。,进入管理工具窗口,此时就可以看到internet信息服务了,不过此时需注意,因为有两个
7、大致相同的,需要选择的是internet信息服务(IIS)管理器。,双击internet信息服务(IIS)管理器,进入到管理窗口,看上去很复杂,有三大主要功能:FTP,IIS,管理,现在需要设置都在IIS这个里面。,点击左边的倒三角,就会看到网站下面的default web site。,默认的www目录:,把网页放在这个目录下,可以在局域网中访问。请大家互相访问一下对方的网站。,第二步 在cs中建立站点。,打开 cs6 新建站点,新建一个网页文件默认保存在当前站点中,回到IIS中,选择新建,如果访问失败,有可能是安全性出了问题。需要设置访问用户名和密码,请大家互相之间访问一下,也可以试试老师这个页面。http:/172.16.28.177/myweb/index.html,课后作业,在自己的机器上配置实验环境。,下课了,