当前位置：首页 > 实用文档 > 其他范文> Alcon 3: 另一个开源的ActionScript调试工具网页设计

Alcon 3: 另一个开源的ActionScript调试工具网页设计

时间：2023-03-20 08:10:06 其他范文收藏本文下载本文

Alcon 3: 另一个开源的ActionScript调试工具网页设计（整理6篇）由网友“ane”投稿提供，下面是小编为大家整理后的Alcon 3: 另一个开源的ActionScript调试工具网页设计，仅供大家参考借鉴，希望大家喜欢!

篇1：Alcon 3: 另一个开源的ActionScript调试工具网页设计

Sascha Balkau最近发布了Alcon 3，这是一款特别针对ActionScript. 2和ActionScript. 3的开源调试工具，InfoQ有幸采访了Balkau，了解到Alcon 3究竟是如何辅助ActionScript的RIA开发的。

Alcon的将Alcon 3描述为“面向ActionScript开发者的一个轻量级调试工具，提供直接且快捷的方法来调试任何ActionScript. 2或ActionScript. 3应用，无论这些ActionScript是来自于Web浏览器、独立的Flash Player还是AIR运行时都没有问题。”只要是支持Adobe AIR的平台都可以运行Alcon，使用Alcon的同时还可以结合Flex编译器、Flash IDE或者MTASC。

InfoQ的读者可能会为创建Alcon 3的原因感到疑惑，Balkau这样解释：

Alcon的第一个版本诞生于Flash Player 7时代。那个版本能够提供的仅仅是一个简单的日志功能，记录输出ActionScript代码的踪迹（trace）。从这个角度来看，它与那个时代的其它一些日志工具其实非常类似。

Alcon 2增加了对ActionScript. 3的支持和一些新特性，比如文件日志，可以监控日志文件，同时还增加了一个对象探测器（Object Inspector），但是这个版本中bug很多。

我最初编写Alcon的起因是因为那时没有足够的选择。你要么在Flash IDE中输出踪迹，要么使用现有的为数不多且功能非常基本的日志工具。但这些工具都很难用，很不合我的胃口。尤其是在使用跟踪类之前还不得不对它进行实例化，而Alcon的调试类是静态的，又无需实例化。因此，我非常想要一种直接且快捷的方式去使用或调试API。

关于Alcon与其他ActionScript调试工具的比较，Balkau说：

Alcon的目标是提供一种快速且便捷的方式来调试ActionScript，避免使用过多资源。在其它一些工具比如X-Ray和Flex Debugger则可以帮助你检查应用的整个状态，他们在各自的领域中都非常优秀，

电脑资料

但从我自身角度来说，这些工具在大部分时间里都有些过犹不及，大多数情况下，我还是通过trace来调试。

Alcon与众不同的地方在于它提供的一些的特性，这些特性是它独有的，其它类似工具都不具备。另外它还尽力实现轻量级，并且提供干净的用户接口。说Alcon是一个能够在多数Flex应用中使用的开发工具一点都不为过。

例如，Alcon 3增加了应用监视器，这样你就没有必要把FSPMeter直接放在Flash或者Flex应用中。我们还重新设计了对象探测器，使它更有助于列出任何对象的属性。

当问到开发Alcon 3所遇到的技术难点时，Balkau说：

实际上没有什么大的困难。我觉得目前还需要说明的也一个问题，那就是ActionScript的LocalConnection包的大小，最大不超过 40kb。这基本上意味着如果输出的数据量超出这个限度，那么，Alcon就不再可靠。尽管Alcon 3尝试着在这种情景下使用本地共享对象，但结果还是没有达到最初的期望。我正在寻求解决方案，或许可以尝试通过另一个socket连接来解决这个问题，但希望不是很大。

对于下一代基于ActionScript. 3的应用平台这个话题，他说：

Flash Player 10将具备很多Flash开发者所期待的新特性。就像有些人热衷于游戏开发一样，我特别期盼新的实现3D效果、渐变和增强的声音API的出现。我觉得这些甚至能够为游戏编程开辟更多的可能性，尽管我必须承认自己只接触过9版本的部分新特性，但相对于现在的Flash中的3D来说，3D增强肯定会突破很多限制。距完美的3D游戏还有很长的路要走，但我们正在一步步得接近。

我认为ActionScript对游戏开发感兴趣的人来说要比几年前更加引人注目。这不仅仅是因为它出色的多媒体功能，还因为ActionScript相对容易学习，而且在网上可以找到很多的文档和示例。查看英文原文：Alcon 3: The alternative Open Source ActionScript. Debugging Tool

来自：www.infoq.com/cn/news//09/alcon3-released

篇2：六个的CSS3工具网页设计

CSS3广受欢迎，越来越多的网站开始使用，不过，人们还在不断地研究和探索CSS3之奥秘，这可能是因为它还不完全支持所有浏览器。不过，如果你是CSS3初学者，或者CSS3专家但希望工作更加便捷简单，以下的6个CSS3小工具会对你有所帮助：

CSS3 Button Maker

CSS3 Button Maker提供一些滑块和颜色选取器让你自定义CSS3风格按钮，获取生成的代码即可用于你的项目。

CSS3 Generator

在CSS3 Generator，只要选择相关CSS3属性，填写适合你需求的一些参数，以适应您的需求（即时预览可以让你调整到合你意的效果），即可生成代码。

CSS3 Please!

CSS3 Please!是一个生成跨浏览器的CSS3代码的在线工具，直观方便。它允许你对CSS3进行各种各样的调整直至获得你认可的效果，

最后将生成的代码复制并粘贴到您自己的文件即可。

CSS3 Gradient Generator

CSS3 Gradient Generator是一款适合开发人员和设计师在CSS创建某种梯度（比如颜色梯度）的工具。

CSS3 Transforms

CSS3 Transforms提供一系列的滑动选项以便测试如位置、旋转、倾斜和其他更多的各种不同的位置变换。它还可以生成飞行效果的相关代码。

CSS3 Selectors Test

CSS3 Selectors Test自动运行大量小测试，查看CSS选择器是否与你的浏览器兼容。如果不兼容，该工具将会标注出来。你可以选择其中一个CSS选择器查看结果，那会包括举例和每一个测试的分析。

MK 编译 via webdesignledger.com

本文链接:www.x-berry.com/six-useful-css3-tools

篇3：8款非常有用的CSS工具网页设计

写更好的CSS是所有网页设计师和开发人员应该争取的东西，幸运的是，这里有一些工具，可以帮助大家做到这一点，在这篇文章中，我们收集了一些新的CSS工具，以帮助写出更好的CSS。从学习新的CSS3属性，到使您的CSS代码更高效，这里必然有你需要的一款CSS工具。

CSS3 Patterns Gallery

CSS3 Patterns Gallery，让您通过缩略图或全屏模式浏览各种CSS3样式，搜集各种各样的CSS样式以便于你可以借用到你的网站上。

PrefixMyCSS

PrefixMyCSS帮助您节省时间，自动为CSS代码添加必要的属性。粘贴你的代码到左边的框框，点击“prefix”就会自动为CSS代码添加必要的前缀。这个工具明显是我们的动车嘛，高效快速。但完事后还是检查一下比较好，这个年代“天灾人祸”真的很难说。至于你信不信，反正我是相信的。

Layer Styles

Layer Styles 是一个HTML5应用，帮助你非常直观地创建CSS。界面酷似Photoshop，真的可能被人误以为在操作PS的哦。

Sencha Animator

Sencha Animator是一个用于创建兼容WebKit浏览器和触屏手机设备的CSS3 的桌面程序，

在如今触屏横行的情况下，这样的CSS工具是不是非常及时呢！

The Web Font Combinator

The Web Font Combinator是用来预览Web字体效果的。该工具已经整合了N多字体，不包括中文字体（so这个工具对中文网站的CSS设计木有多大作用）。使用该工具，你只要选择字体类型，字体大小和行距等，就可以预览网页的header和body字体的效果。

CSS Pivot

CSS Pivot让你添加CSS样式到任何网站和通过短连接分享你的杰作，你还可以邀请其他人来帮组你改进你的网站。（注：该工具对中文网站免疫）

CSS Lint

CSS Lint是一个帮组你检测你的CSS代码是否存在问题。它通过基本的语法检测和既定的规则对CSS代码进行检测，发现有问题的样式或低效率的CSS代码。

CSS Prism

CSS Prism让你输入任何网站的CSS，这样你可以随意更换该网站的背景颜色看效果，如果它是通过CSS定义的。1）你可以快速查看到任何网站的CSS定义的背景色代码；2）你可以自定义网站的背景色，直到合适你为止。

MK编译 via webdesignledger.com

篇4：24款线框图相关工具及资源大放送网页设计

线框是一个非常有用的网页开发工具，正确使用有助于帮助Web开发者节省时间和精力！下面介绍一些常见的线框工具，希望对Web设计师有帮助，

1. 960.gs Templates for Inkscape

960个Inkscape模板集合。

2. Android Patterns

一组帮你设计Android应用的交互模式。交互模式是应用程序设计中的经典模式。但开发者无需墨守成规，要能够灵活运用。

3. Free Photoshop browser templates

展示设计的时候需要一个简洁的浏览器效果截图吧？别再找了，这款免费插件就可以做到。提供1024*768和800*600两种尺寸，适应各种浏览器。

4. Wireframe. Symbols

Johnny Bilotta创建的一组线框元素集合。

5. iPad Sketch Elements AI

草图风格的iPad元素集合可以帮我们轻松快捷地自定义线框模拟效果。

6. Illustrator template for iPhone design

一组iPhone UI元素的模板。

7. Dragnet website wireframews kit for Adobe Fireworks

它是Adobe Fireworks的一个公共库，包含用于网站原型制作的25个对象。它可以免费下载和使用。该套件包含了常见的Web设计元素，如滚动条，按钮，菜单，警告等。它们大多数支持9-slice缩放功能，该功能可更好的调整对象尺寸。

8. Sqetch, an Illustrator Wireframe. Toolkit

Sqetch是由几个模版和元素组成的小巧的Illustrator工具包，包括：浏览器、iPad upright、iPad landscape、Smartphone、GUI-Elements和Form-Elements。

9. Sketching the iPhone

这是一套全面的iPhone设计套件，包括几种不同的键盘，按钮，工具栏，dock图标等。

10. Sketchy Illustrator wireframes

Matthew Rea为Adobe Illustrator设计的一组线框。

11. Free Sketching & Wireframing Kit

它是一套免费的草图和线框元素套件。包括表单元素，图标，指示器，反馈信息，工具提示，导航元素，图像占位符，嵌入视频，滑块和常见的广告条等。

12. Android GUI PSD

这个Photoshop模板可以很容易地设计精确到像素的Android应用，

13. Best Practice UX Forms

UX表单设计，提供三种不同的布局方式，各有优势。这个版本还提供了不同的按钮布局，进度指示器，captcha代码输入域，标签等。

14. Free Wireframe. Toolbar Icons for GUI designers.

这些图标可用于创建线框和软件模型，网站，软件应用程序的工具栏和菜单。适用于Android，Windows Mobile，Palm，iPhone和iPad应用。这些黑白色系的图标由8个游标和296个图标组成。这些图标包括导航箭头，趋势指向和投票控制，社交符号文件系统和文本编辑器操作符号等。

15. Sketching the iPad

使用Omnigraffle iPad工具快速开发模型。

16. Yahoo Stencil Kit

Yahoo Stencil Kit 1.0是为OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG)和Adobe Photoshop (PNG)设计的套件，包括以下主题：广告单元，日历，Carousels，图表和表格，UI控制，表单元素，网格，菜单和按钮，移动iPhone，导航和分页，OS元素，占位符文本，屏幕分辨率选项卡，Windows和容器。

17. Web Wireframe. Kit

使用该工具可以帮Web设计师高效、省时的进行布局设计。

18. Wireframe. Shapes

这是一款在OmniGraffle version 5.x (Mac OS X)系统下设计低高保真网页示意图的工具。包含创建用户界面的基本要素。

19. Simple UI Elements

它是一个简洁的Web和应用程序设计工具，包含常见的用户界面元素。

20. Keynote Wireframe. Templates V1.2

它能快速应用Apple Keynote添加超链接，使页面可点击。它是在Apple Keynote中设计的，可进行自定义操作而无需额外的工具。

21. Wireframe. Magnets (DIY Kit)

DIY magnet 模板是基于Konigi线框设计的，包括3个可有用于白板原型设计的元素。

22. Massive Web UI & Button Set

由Jon Phillips自己设计的Web UI和按钮集。从文本框到按钮，再到下拉菜单，这个集合应该对大家很有帮助。

23. User Interface Design Framework

GUI库——包含几百个可用于界面设计的矢量元素。

24. FUEL Free Web UI Wireframe. Kit

这个套件完全由形状对象组成，并在某些情况下转换成SmartObjects。因此，它的尺寸具有可扩展性。

篇5：基于JSP网页自动生成工具的设计与实现

基于JSP网页自动生成工具的设计与实现

摘要：Web开发技术是Internet应用的一个重要方面，而JSP又是Web开发的最先进的技术，是当前Web开发人员的首选技术。但是由于JSP对Web开发人员要求较高，所以许多一般的Web开发人员还不能够使用这一项先进的技术。讨论基于模板和标签库的JSP网页自动生成工具的设计和实现，提出具体的设计思想和实现方法。

关键词：JSP；自动生成；Web开发；标签；标签库；模板

引言…………………………………………………………………..2

1 系统设计目标和使用的主要技术……………………………….4

1．1 设计目标………………………………………………………4

1．2 主要技术………………………………………………………4

1．2．1 模板技术………………………………………………….4

1．2．2 标签库技术……………………………………………….4

2 系统的组成和实现……………………………………………….6

2．1 系统组成………………………………………………………6

2．2 系统的实现……………………………………………………7

2．2．1 模板库和标签库的实现………………………………….7

2．2．2 系统开发环境…………………………………………….11

3 结束语…………………………………………………………….11

引言

随着WWW（World Wide Web）的普及，动态网页技术也急速发展。从原来的CGI（Common Gateway In－terface）到ASP（Active Server Page），都从某种程度上满足了网页开发人员对动态网页开发技术的需求。但是不管是CGI还是ASP都存在一定的局限性，如CGI对服务器资源的耗费，ASP只能同Microsoft IIS一起使用等，这些都限制了这些技术的使用范围，极大地阻碍了它们的推广。广大的页面开发人员都热切地盼望一种统一的页面开发技术，该技术应该具有的特点：①与操作平台无关，能够在任何Web或应用程序服务器上运行；②将应用程序逻辑和页面显示分离；③提供代码重用，简化开发基于Web的交互式应用程序的过程。

JSP（Java Server Page）技术就是被设计用来满足这样的要求的。JSP是由Sun MicroSystem公司于6月推出的新的网页开发技术，它是基于Java Serv－let以及整个Java体系的Web开发技术，是Servlet2．1API的扩展。利用这一技术，可以建立先进、安全和跨平台的动态网站。

Java是未来的主流开发技术，具有很多优势。JSP则是Java在Internet／Intranet Web上的重要应用技术，得到了广泛的支持和承认，它可以和各种Java技术完好地结合在一起，从而实现非常复杂的应用。

作为一种基于文本的、以显示为中心的开发技术，JSP提供了Java Servlet的所有好处。为了做到逻辑功能和显示功能分开，JSP已经可以和JavaBeans、Enterprise JavaBeans（EJB）和Servlet一起工作。JSP的开发人员可以通过使用JavaBeans、EJB和Servlet来完成大部分与网站逻辑相关的工作，而仅仅把显示的工作交给JSP页面来完成。内容和显示逻辑分开的好处在于，更新页面外观的人员不必懂得Java代码，而更新Java类的人员也不必是设计网页的行家。这就可以用带Java类的JSP页面来定义Web模板，以建立一个具有相似外观的页面组成的网站。Java类完成数据提供，在模板中就没有Java代码，这意味着这些模板可以由一个HTML编写人员来维护。

JSP作为当前主流的网页开发技术，具有如下特点。

1）将内容的生成和显示进行分离：使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终的页面。使用JSP标识或者小脚本来生成页面上的动态内容（内容是根据请求来变化的）。生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标识和JavaBeans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。

2）强调可重用的组件：绝大多数JSP页面依赖于可重用的、跨平台的组件来完成应用程序所要求的更为复杂的处理。得益于Java的操作平台无关性，开发人员能够很方便共享和交流执行普通操作的组件，或者使得这些组件为更多的使用者所使用。基于组件的方法加速了总体的开发过程，极大地提高了项目整体开发的效率。

虽然JSP功能强大，但是它要求网页开发人员对Java要相当熟悉。而现在Java程序员还比较少，对一般的网页开发人员来说，JSP的语法还是比较难于掌握的。所以，就需要有一种网页开发工具，为一般的网页开发人员提供常用的JSP应用，让只懂得一般页面开发技术（HTML）的开发人员也能够使用JSP的强大功能。

1 系统设计目标和使用的主要技术

1．1 设计目标

本系统的设计目标是为只懂得HTML但完全不了解JSP的一般网页开发人员提供一个网页开发工具，使他们能够根据系统文档，通过标签使用JSP的常用功能，最后生成一个只包含静态HTML和JSP标签的动态JSP

网页。

1．2 主要技术

本系统在设计时，主要考虑使用模板和JSP标签的技术来实现。

1．2．1 模板技术

模板技术被广泛地应用于各种开发和应用系统中。它预先生成一些常用的框架结构，使用户可以根据自己的需要方便地从模板库中选择模板，而不用自己重新去搭建，节省了用户的开发时间，方便了用户的使用。在本系统中，将页面按照功能类型进行分类，归纳出常用的页面类型，生成模板库。

1．2．2 标签库技术

在JSP中，动作是可以创造与访问程序语言对象和影响输出流的元素。JSP定义了六个标准的动作。除了这六个标准动作以外，用户可以定义自己的动作来完成特定的功能。这些动作被称为客户化动作，它们是可重用的程序模块。通过这些动作，程序员就可以在JSP页面中把页面的显示功能也部分地封装起来，使整个页面更加简洁和易于维护。在一个JSP页面中，这些客户化动作是通过客户化标签来调用的。而标签库（Tag Library）就是客户化标签的集合。

JSP标签库是一种通过JavaBeans生成基于XML的脚本的方法。它是JSP的最大特点之一。通过标签库，能够无限制地扩展JSP应用，完成任何复杂的应用需求。

JSP标签库具有以下特点。

1）易于使用：JSP中的标签和一般的HTML标记外表上是完全一样的，使用起来和普通的HTML标记一样方便。

2）易于代码重用：标签库中的每一个标签都能完成一定的功能。一旦定义好了一个标签库，只需要把这个标签库包装成一个Jar文件，那么以后只要在别的系统中使用这个标签库就行了，而不用重新开发代码，极大地提高了系统开发效率，降低了开发成本。

3）易于代码维护：所有的`应用逻辑都封装在标签处理器和JavaBeans中，所有的标签都集中在一个标签库中。如果需要更新代码或者需要修改一个网页上的功能，只需要修改相应的标签即可。通过这种统一维护方式，不用在每个网页上去作修改，极大地减少了维护的工作量，节约了维护成本。

4）易于系统扩充：如果需要向系统中添加新的功能，只需要定义一个新的标签来完成这一功能即可，无需对系统的其它方面作任何改动。标签库可以继承JSP规范各方面的特性。这样就可以无限制地扩展和增加JSP的功能，而不需要等待下一版本JSP的出现。

2 系统的组成和实现

2．1 系统组成

本系统主要由四个部分组成，见图1。

1）数据库连接部分：本系统支持常用的几个数据库，包括Oracle、Sybase、MSSQLServer、MySQL和DB2，根据用户选择的数据库类型和用户提供的数据库名称、用户名、密码使用JDBC同数据库相连。

2）系统基本表生成部分：和数据库连接以后，根据同数据库相连的用户名生成两个系统基本表TC－Tables和TC－Columns，TC－Tables表包含在该数据库中属于该用户的所有的表的英文名称、中文名称和一些属性，如是否可修改、是否可查询等；TC－Columns表包含在该数据库中属于该用户的所有的表的所有列的中英文名称和其它一些属性。如是否可显示、是否可查询等。这两个系统基本表在整个系统的开发过程中提供用户所使用数据库的基本信息。

3）模板选择和网页生成部分：该部分是系统的核心部分。它包含了两个子模块。

①模板选择部分：系统为用户提供模板选择界面，让用户根据需要从模板库中选择所要使用的模板。

②模板处理部分：根据用户选择的模板，系统调用指定的模板处理模块对这个模板进行处理。当处理程序遇到模板中的标签时，就为用户提供交互界面，让用户为指定的标签输入参数，并由系统验证用户输入的标签的有效性。最后由系统完成JSP页面的生成。

4）网页预览和修改部分：网页生成出来以后，系统为用户提供了一个网页预览窗口和代码查看修改窗口。通过这个预览窗口，用户可以预览一下生成出来的JSP页面的效果。如果用户对页面的静态方面的效果不太满意，用户可以通过代码查看修改窗口修改代码中的HTML代码。如果用户对页面的静态效果有进一步的要求，系统还为用户提供了一个调用DreamWeaver编辑器的接口，用户可以使用它来对生成出来的JSP页面的静态效果进行进一步的修改和完善。

2．2 系统的实现

2．2．1 模板库和标签库的实现

标签库的规划和设计在整个系统设计中至关重要，它关系到了代码重用的程度和系统运行的效率。它的规划应该遵循以下原则。

1）在标签中应该尽量少的包含静态的HTML。对于一般用户来说，标签是透明的。用户不能够查看和修改标签。如果在标签中包含了过多的静态HT－ML语句，将影响用户对页面的静态效果的修改和完善，限制标签的使用。

2）尽量提高代码的重用度。在对JSP应用进行分类是尽量把公用的JSP应用提取出来，形成标签。而不用在每个标签中都重复实现该应用。这样在以后要对该应用进行修改和完善时，只需对这一个标签进行修改即可，易于代码的维护。

3）方便用户的使用。在设计标签库时，应该充分考虑到用户的使用情况，使用户能够很容易和方便地理解和使用标签。

①标签库的定义：定义一个标签库，必须首先定义一个标签库描述文件（TLD）。这是一个基于XML的脚本文件，在这个文件中定义了XML的版本、所使用的编码、标签库的版本、所使用的JSP的版本、标签库的名称和这个库中所包含的所有的标签的定义和参数描述，包括标签的名称，标签所对应的Java类，标签的描述信息等。

②标签的实现：一个标签就是一个特殊的Java

类，这个类必须继承TagSupport类，这个类是在javax．servlet．jsp．tagext包中定义的。在标签类中，包含了这个标签的参数初始化方法（Set／Get）、标签的主体处理方法（Handler）以及供下一级标签调用的方法等。

③模板的实现：一个模板就是一个含有标签引用的JSP文件。为了在模板中引用所定义的标签，必须首先引入标签库。

＜％＠taglib uri＝“tag．tld”prefix＝“ctag”％＞

其中uri指定标签库描述文件的路径；prefix指定引用标签时所使用的前缀。

在模板中引用指定的标签时，使用引入标签库时所指定的前缀，指定标签的名称；为标签的参数赋值。

2．2．2 系统开发环境

本系统主体程序开发使用的是Borland公司的JBuilder 6．0，模板开发使用是Microsoft公司的Front－Page，标签库

开发使用的是UltraEdit编辑器，JDK采用的是JDK1．4。系统测试环境是JRun3．0。

3 结束语

Java是未来开发语言的主流，而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。本系统采用了JSP的最大特点之一的标签库，使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能，开发出技术先进的JSP动态Web页面。由于本系统采用Java语言进行开发，所以可以在任何支持图形化界面的操作系统下运行，实现了完全的与平台无关。本系统易于扩充和完善。在以后可以考虑为用户提供接口，使用户可以自己扩充模板库和标签库，进一步增强系统的功能。

参考文献

［1］ Cay S．Horstmann，Gary Cornell．Java 2核心技术（CoreJava 2）［M］．北京：机械工业出版社．

［2］ Bruce Eckel．Java编程思想（Thinking in Java）［M］．北京：机械工业出版社．

［3］ Joseph L．Weber．Java 2编程详解（Using Java 2）［M］．北京：电子工业出版社．

［4］ Borland公司．Building Applications with JBuilder．