《Web课件01 开发环境及代码示例》由会员分享，可在线阅读，更多相关《Web课件01 开发环境及代码示例（17页珍藏版）》请在金锄头文库上搜索。
1、,实例版,主讲人：袁平,第1章 开发环境及代码示例,第一章 本章内容,1.0 基本英语单词 1.1 开发环境 1.2 HTML、CSS、JavaScript代码 1.3 小综合实例,1.0 本章所用基本英语单词,html：超文本标记语言 head ：头 body ：身体主体 title：标题 style：类型样式 type ：类型 text：文本,font:文字 size：尺寸大小 family：家庭字体 color：颜色 script：脚本 language：语言 alert：警告,1.1 开发环境,1.1 开发环境（1）,浏览网页工具 不仅用IE浏览器可以查看网页（.html文件）效果，火
2、狐狸、遨游、360、苹果等浏览器也可以浏览。 HTML具有跨平台性，就是说，只要有合适的浏览器，不管在哪个操作系统下，都可以浏览HTML文件。,1.1 开发环境（2）,编辑工具 1.记事本【课堂练习】 （1）创建文件，执行文件，查看文件 （2）保存时要存为.html或.htm格式。,1.1 开发环境（3）,编辑工具 Dreamweaver CS3混合型工具,1.新建HTML文档 2.切换编辑视图 3.设置代码字号、字体 4.编写代码 5.保存文档 6.浏览网页,1.2 HTML、CSS、JavaScript代码,1.2.1 HTML代码,在文档里直接书写：,在1.2.1节所示的代码中， 在与间
3、， 加入下面的CSS代码片段。,1.2.2 CSS代码, 在HTML语言中可以直接编写CSS代码。（在房子里装修） CSS可以控制网页字体变化和大小。（Wap课件） CSS弥补了HTML对网页排版定位方面的不足。,1.2.2 CSS代码,在与标记之间添加如下代码,1.2.3 JavaScript代码,脚本语言： 在HTML中可以直接编写JavaScript代码。 动态性： 可以实现类似弹出提示框这样的交互性网页功能。 它对用户的响应是以“事件”做驱动的，比如，“单击网页中的按钮”这个事件可以引发对应的响应。 跨平台性： 只要在有浏览器的计算机上，且浏览器支持JavaScript，就可以对其正确执行。,1.2.3 JavaScript说明,1.3 小综合实例,刚刚讲过的HTML代码,刚刚讲过的CSS代码， 写在之间,刚刚讲过的JavaScript代码， 写在之间,参考结果1,参考结果2,
