《Flash建站技术》系列1-步入web殿堂

简介:
第一章   步入web的殿堂
1.一个空白的HTML页面与一个空白的flash
html:
我们可以使用Dreamweaver,Notepad,EditPlus...这些文本工具创建一个空白的网页,结构类似如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>
使用浏览器查看时我们看到的一个空白的页面,没有内容(body中没有添加任何文本或标签)。


Flash:
对比下flash,我们打开Flash8(文章采用flash8+as2,思想也同样适用于高版本的flash或脚本),新建一个空白的flash文档,发布使用flash player查看,得到的一个空白的flash,没有内容。

2.Hello World
和学习其他语言一样,我们还是一个简单的hello world开始我们这一小节的讲解。
html:
我们在<body>标签中添加内容: Hello World!
好了,保存html文档,用浏览器查看下吧,是不是看到了如上的内容啊。

Flash:
那么flash怎么办的,我们使用上面新建的flash文档,选择文本工具,在舞台上打上: Hello World!,为了和html的保持一致,我把flash的这个文本坐标改成0,0了。
好了发布下falsh吧,看看是不是得到了一样的东西呢。

3.使用脚本动态的设置文本
html:
为了操作方便我把html的文本加了个标签,如下:
<span id="hello_txt">Hello World!</span>
我们添加点js脚本:
<script type="text/javascript">
window.onload=function()
{
document.getElementById("hello_txt").textContent="你好,世界!";
}
</script>
注意:IE浏览器,属性是innerText而不是textContent,上面的不修改的话需要在标准浏览器里浏览,未作浏览器检测。

Flash:
接着上面的flash,我们把文本改为动态文本,实例名设置为hello_txt,在主时间轴第一帧添加脚本:
_root.onLoad=function()
{
hello_txt.text="你好,世界!";
}

ctrl+Enter查看下flash吧,是不是同样的效果呢。

4.使用按钮动态设置
Html:
我们看看使用按钮动态修改,而不是页面加载时设置,修改如下:
我们加了一个Button.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function changeChinese()
{
document.getElementById("hello_txt").textContent="你好,世界!";
}
</script>
</head>

<body>
<span id="hello_txt">Hello World!</span>
<button onclick="changeChinese()">切换中文</button>
</body>
</html>
好了,火狐里测试下。
Flash:
我们也在flash里添加一个按钮,这里不做一个按钮了,组件里有个现成的,
窗口》组件,打开组件面板,里面有个UI界面组,展开拖一个Button到舞台。
Label改为“切换中文”(在组件参数里改哦),选择这个按钮,打开动作面板:
加入
on (click) {
_parent.hello_txt.text="你好,世界!";
}
测试看下吧。(注意不要忘了删除之前在时间轴上添加的脚本,这里没有把脚本放在时间轴,尽量保持和上面的js保持一致哈。




 本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/292810 ,如需转载请自行联系原作者
相关文章
|
内存技术 Java 数据格式
在web 里面 添加 open flash chart 使用。
open flash chart 是一个不错的图表展示的。只要传送 json 数据就可以展示图片。   flash 在这方面很强。   下载地址:   http://sourceforge.net/projects/openflashchart/files/open-flash-chart/1.9.7/   新版本好像 开始支持 GWT 了。。   所以要弄 jsp 里面套
1101 0
|
C# 内存技术 Go
在VS.NET WEB项目中添加FLASH
(1)、首先在项目中添加一个用户控件如,UCTopflash.ascx,代码如下:      注意:这里的红色部分,需要根据在项目中Flash存放的具体位置来书写。
673 0
|
2月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
137 3
|
1月前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
148 45
|
16天前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
29 2
|
1月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
43 1
|
1月前
|
XML 安全 PHP
PHP与SOAP Web服务开发:基础与进阶教程
本文介绍了PHP与SOAP Web服务的基础和进阶知识,涵盖SOAP的基本概念、PHP中的SoapServer和SoapClient类的使用方法,以及服务端和客户端的开发示例。此外,还探讨了安全性、性能优化等高级主题,帮助开发者掌握更高效的Web服务开发技巧。
|
1月前
|
安全 数据库 开发者
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第26天】本文详细介绍了如何在Django框架下进行全栈开发,包括环境安装与配置、创建项目和应用、定义模型类、运行数据库迁移、创建视图和URL映射、编写模板以及启动开发服务器等步骤,并通过示例代码展示了具体实现过程。
51 2