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