How Does Bing Hold Up Against Google’s Redesigned Webmaster Tools?

Posted on 17. Jun, 2009 by Dave.

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Whether your doing a website for personal or business use or whether you start yours from scratch or find an economical solution such as a web design template, that’s optional – making sure you’re doing everything you can possibly do to ensure that your site is being crawled and indexing properly is absolutely mandatory.

So on that note I recently decided to check out Microsoft’s latest service Google’s new rival search engine Bing – what Microsoft is calling the “decision making engine” – Microsoft launched Bing two weeks ago with a massive marketing budget that sources say ranged between $80 million and $100 million.

But that’s another story… What I was actually looking forward to seeing was if on the eve of Bing, MS had done something spectacular with their Web Master Center and see how I liked it verses Google’s redesigned Webmaster Tools.

First off what both of these tools aim to do is improve your site’s visibility in search results – with that being said, I’m not recommending you use one verses the other – you obviously should use both to ensure optimum search result from both services.

YOU MIGHT ALSO WISH TO CONSIDER THE FOLLOWING RELATED POSTS:

Help Yourself To Webmasters Tools (Google Webmaster Tools Now In cPanel)

How Do Search Engines Work – Web Crawlers

How will you personally optimize my template for the search engines?

Increase Your Conversion Rates and Visitor Satisfaction

What I was looking for in this comparison was primarily usability, functionality and the overall usefulness of the package.

Setup and registration: Both MS Webmaster Central and Google are just about the same – you basically need to create an account, both require you to authenticate ownership of the website and both allow you to add and manage multiple websites.

Dashboard: Google is simpler and more intuitive than MS. Google now has everything grouped together in three categories: Site configuration (where you provide Google with information about your site), Your site on the web (where you can view Google data about your site), and Diagnostics (where you can get reports on any problems Google may have encountered while crawling your site).

MS, on the other hand, does not have very many features and it actually pretty gawky and often difficult to navigate.

Features: The one feature of Google’s Webmaster Tools that I think totally outranks MS is Your site on the web, here as previously mentioned, you can actually see Google data about your site – this particular category has 5 sub features: Top search queries (where you can get information about queries that have returned pages from your site – also shows what queries searchers clicked to access your website, and the position in which your site appeared in these searches), Links to your site (provides a list of external pages that link to http://mydomain.com), Keywords (shows you the most common keywords Google found when crawling your site.), Internal links (a list of pages linked to by other pages on your site) and Subscriber stats – Subscriber stats display the number of Google users who have subscribed to your feeds using any Google product (such as Reader, iGoogle, or Orkut).

Out of these five features the one I find myself using most is Keywords – again this a list of the most significant keywords Google found while crawling your site.

Google actually recommends you check this page often and be on the lookout for unexpected keywords such as “Viagra” as this may be a sign that your site has been hacked. Similarly If expected keywords are missing from this page, this could be a sign that Google wasn’t able to crawl and index all the pages of your site.

In sum I found Google’s Redesigned Webmaster Tools to be light-years ahead of MS, primarily because the information provided was very comprehensive and many times more useful than MS.

Your thoughts are important to us! What have you found to be the most useful features on either service? Have you had some success with these tools? Do you have an idea on this or any other topic that you would like to share?

Continue Reading

7 Tips For Better Flash Customization

Posted on 08. Aug, 2008 by Dave.

Seems like Flash is on everyone’s mind lately, I get so many emails from new designers and do-it-yourselfers whom have purchased a flash template and lo and behold their saying “Please help before I pull the rest of my hair out!” Ouch, that hurts!

Generally speaking they’re having difficulties figuring out this new medium or just trying to make sense of the whole Flash environment. And who can blame them, lets face it Flash is nothing if not a little fickle.

Personally it’s over a decade since I first started fooling around with the stuff, still I do not consider myself by any means to be an expert, but try to share the many mistakes that I’ve made and the things that have helped me and hopefully that little bit on knowledge can help keep whatever’s left on top of your head where it belongs. I’ll admit to cutting some corners, but what you’ll get are 7 nuggets of prime Flash customization advice. With hidden features explained, myths exposed and tricks uncovered, these tips are all designed to address our most commonly asked questions with all the right remedies.

These are just my seven that I thought were the essentials, but maybe there are some you’d like to share, so if you would like to comment by all means, we love to hear from you, feel free to share your experiences leave us your comments. And as always should you wish to acquire more information about our template customization services simply jump on over to the contact form and let us know what you’re thinking.

1 – Flash is an Artful Dodger

Flash has a stubborn tendency for shutting downs always at the worst possible times, although, I must admit it does bear a knack for inspiring sympathy, you see Flash is always very cordial about it. For example it’ll say something like Flash has encountered a problem and needs to close, (cute little guy, poor thing), and that it is very truly sorry for the inconvenience, but there’s no time to waist, it must relieve itself at once. And me being the agreeable person that I am will simply click Ok and watch desperately as all my work just disappears never to be mentioned again. Of course there are lots of other good reasons for remembering to save frequently that one just so happens to be mine.

There are also several options that you can use to save a file: ‘ Save’, ‘ Save As’, and ‘ Save and Compact’. When you save a file, Flash does not analyze all the data before creating an optimized version of the document. Instead, the changes you make to the document are appended to the end of the .fla file’s data, which shortens the time it takes to save the document. When you select ‘ Save As’ and type a new name for the file, Flash writes a new and optimized version of the file, which results in a smaller file size. When you select ‘ Save and Compact’, Flash creates a new optimized file and deletes the original file.

Caution: When you select ‘ Save and Compact’, you cannot undo any changes you made before you saved the file. On the contrary if you select Save when working with a document, you can undo changes made prior to that save point. Because Save and Compact deletes the earlier version of the file and replaces it with the optimized version, you cannot undo earlier changes.

Remember to use ‘ Save As’ frequently and to type a new file name for your document after every milestone in your project if you are not using version control software to create backups of your .fla file. If you encounter major problems while working on the document, you have an earlier version to use instead of losing everything.

2 – Stop Tinkering And Listen

Before we do anything we first need to carefully install all the fonts that came with the template. Otherwise Flash is going to hit us with a “Missing Font Warning” alert message. That means that we have not installed all of the fonts included in the package, and that could result in a host of other issues. Here’s what we need to do.

1 – Choose “Start > Settings > Control Panel” (Note: In Windows XP, choose “Start > Control Panel“)
2 – double-click on the “Fonts” folder
3 – choose “File > Install New Font”
4 – in the Drives list, select the drive and the folder containing the fonts you want to install
5 – select the fonts to install. To select more than one font, hold down the “CTRL” key and click each font
6 – click “OK” to install the fonts.

Quick Tip! A simpler way to install new fonts is simply to drag and drop all the fonts you want to install onto the “Fonts” folder located within the Control Panel directory.

3 – Putting your text in there

First we should open our “.fla” file from our web design template package in Macromedia Flash. Then if not already open we’ll open the symbols library (hotkey “L”) and browse through it to find the symbol containing the text we want to modify.

What’s nice is that all symbols that contain text have appropriate names such as “Company Name” or “About Us” and we can also see them in the preview window at the top of symbols library panel. If we’re unable to see the text for some reason we’ll probably need to change movie background to a different color other than white, as white text on white background stands invisible.

To do that, we’ll need to choose Modify/Document… from the top menu and change background color in popup window.

Once we have what we’re looking for we want to double click the symbols icon to show text symbol in main workspace window. Then we’ll simply double click that text with “Selection Tool” or single click it with “Text Tool” (hotkey “T“) to edit the contents.

4 – Changing images in Flash

A: Open your source “FLA” file in Adobe Flash and press “F11” to launch symbols library. To perform search of a needed image symbol will be easier if you sort them “by kind” simply by pressing “kind” tab at the top of symbols list. You’ll see that all bitmap symbols are grouped now at the top of the whole symbols library.

Browse these symbols to find symbol your want to substitute. You can see symbols preview at the top of symbols library. When you have found necessary bitmap symbol double click the icon on the left of it as to see the symbol properties window.

You’ll see image preview and options there. Check the image size. It looks like 284 x 423 pixels at 32 bits per pixel. To make your image fit the original effects and animation the best way your image must be exactly the same size as in the original image.

You can resize or crop your image using Adobe Photoshop. Open your image in it using “File/Open…” from the top menu. To resize or crop choose “Image/Image Size…” or “Image/Canvas Size…” accordingly. Then save image using “File/Save As…”, for using it in flash choose one of the following image formats: “JPEG”, “GIF” or “PNG”.

Press “Import” button on the left and browse to location of your image file.

At the bitmap symbols properties window you can change the image quality. Make it lower to reduce published file size. Now you should publish your flash movie.

Quick Tip! You can actually publish your movie directly from “Publish Settings” window, see “Publish” button at the bottom. Or you can publish it from every point of Adobe Flash by pressing “SHIFT+F12″ hotkey.

5 – Making The Contact Form Work

This is a real common question but I think I already covered it in detail over on another post so I’ll just give you the link. http://foamers.net/blogger/archives/45

6 – Duplicating symbols

There are times when you need to make customizations to an instance of a symbol without editing the original so that those changes don’t reflect in any other instances of the symbol on your template or affect the symbol in your Flash Library. For example you might want to add a whole new page or you may need to add an extra button etc. Thats when duplicating a symbol comes in handy because it lets you use an existing symbol ( any item in the library) as a starting point for creating a new symbol.

Open your source “FLA” file in Adobe Flash and press “F11” to launch symbols library. From library, what we need to do is right-click (Windows) or Control-click (Macintosh) the symbol, select Duplicate Symbol and give the duplicate symbol it’s name.

Next, drag the symbol unto the stage and give it an instance name. Note an instance name and a symbol name are tow totally different things. Meaning, that while there may be two or more instances of the same symbol with the same name “symbol 1”, each instance must have assigned a unique identifier (e.g. instance name) for all ActionScrip reference purposes.

To edit the symbol, you simply double click the symbol to access it in the Main Area. Then double click the text area and enter your own slogan. Once you edit a symbol, Flash updates all the instances of that symbol in your document. You can customize all other Flash elements by repeating these simple steps.

7- SEO for my Flash Template

Can Flash really be made to be search engine friendly? Surprisingly the answer is yes in fact all you have to do is follow these 3 simple steps.

Step 1: When you are finished customizing and or coding your Flash template, go to File -> Publish Settings. Click on the HTML tab and check the “Detect Flash Version” option. You should set this to the lowest possible version that supports the code used in your movie (ActionScript 3.0 cannot be lower than version 9).

Step 2: Open up the HTML file in the HTML text-editor of your choice. You will notice that there is a section of JavaScript code that detects the users Flash Player version. If they have a version equal to or higher than the version you specified in your Publish Setting in step 1, the Flash .swf file will play as planned. You will also notice that there is a place in the js code that reads something to the effect of “var alternate content = “”.

If the user has an older version of Flash than specified in step 1, then this content will be displayed instead via JavaScript (remember to escape quotes in the variable using backslashes). This is where you can include the Flash movie’s content in HTML, and it is completely readable by robots and site crawlers.

Step 3: “What if the user’s browser does not support JavaScript?,” you might ask. Well, that base is covered too. Just under the JavaScript section discussed in step 2, there is an opening and closing tag. You can also put all of the alternate (HTML version) Flash content in between these tags. This serves as a second fallback for Flash.

In summary, if the user does not have Flash, or the version of Flash is too old, then the alternate JavaScript content you defined will try to display instead. If the user’s browser does not have JavaScript, then the “noscript” content will display. Moreover, you have the HTML version of your content being read and indexed by the site crawlers twice! This content can also be styled using CSS like a traditional web page. You can even go so far as to use the same CSS stylesheet to style your Flash and your HTML, but that is a lesson for another day (see Stylesheets, Flash and XML for Dummies).

This article was recently dugg so if you’d like to show your support I’d really appreciated.

Special thanks to Aaron Waldon for #7

Continue Reading

The Best Flash Site Templates Ever!

Posted on 26. Jul, 2008 by Dave.

Back in the day, if you had told me some little animation app would catch on as quickly and as suddenly as Flash. I would have said you were an idiot. And if I had told you that Flash would become the design and development community’s number one tool you probably would have said I was an idiot in return.

That’s what makes Flash such an amazing program. Not only did this small animation app come

full circle, but it led also to the creation of some of the most groundbreaking, incredible and right down crazy cool websites you ever did see.

Through my work at premier template customization site (http://foamers.net) I’ve worked with a number of different clients and projects to attain their unique online presence through the template customization process.

Briefly, the template customization process is the method where with we customize the look and feel of the website template and then merge it with your own content files to create a website that’s both unique and can adapt to each individual client’s needs.

And so, over the years I’ve had the opportunity to see and work with both the best of the best and worst of the worst Flash template ever. The top 5 templates of all time are not easy to compile, but since I’m a firm believer in the notion that you, me, all of us have the ability to teach ourselves anything just as long as the inspiration and desire are there, my attempt focuses primarily on website templates which not only brought us some amazing visuals, but that also generously taught me so many neat new tricks.

Do you agree with my selection? Do you think I’m being too uncritical of the ones I’ve picked, or which one do you think is the best? Lets talk about it – add comment

Number 5

I really like the whole two toned very retro atmosphere here and specially the little mp3 player at the bottom because I can take that whole movie clip and reuse it on any other projects. Template No. 20164 is an original design by author Oldman. Ever since it’s release date it has had 1 download. And there’s even a non-Flash version also included with this template.

Number 4

This one really blows you away. It’s a perfect example of what Flash 8’s all new filters were created for. I love how the animation transitions perfectly smooth, and the blurring on the big numbers for each page its really neat also.

And not only do you get the source FLA files, but also all of the PSD files are available too so you can look at all the different layers, filters and masks that went into the making. Template No. 18708 is an original design by author Maxwell. Ever since it’s release date it has had 1 download.

Number 3

There’s nothing really too fancy about this one maybe other than that whole panoramic slide with the scene effect. What I really like about it is that the author made full use of vector graphics, as well as some very useful ScrollPane components. Template No. 18668 is an original design by author Modlin.

Number 2

Perhaps the most radical innovation in Flash as far as website templates concern is XML Flash Sites, this is just one I choose only because it came with a gallery but there’s lots more and they all come equipped with a system that allows you to edit its content without having to use the Adobe Flash software.

So you don’t have to learn any Flash you simply edit the template’s content from a text editor; so if you’re just starting to learn about Flash and would like to see hands-on how Flash and XML work together this is the perfect way to play around and start getting your hands dirty. Template No. 20234 is an original design by author Cowboy.

Number 1

Drum roll, please… “Straight in at number on!” Ok, here we go… the best Flash template ever is Template No. 20361 an original design by author Hugo and one of the true innovations in cutting-edge web design! It’s based on ActionScript3 and made with the PaperVision 3D engine (An open source 3D engine for Flash), which features an impressive 3D interface as well as a wide range of other really neat stuff.

Just like the method used in XML Flash Sites this one allow you to circumvent the need to modify FLA source files whenever you need to change some text or move stuff around etc, etc.

Continue Reading

Very First Template Ever (Made With The PaperVision 3D Engine)

Posted on 16. Jul, 2008 by Dave.

This week TemplateMonster introduced the very first PaperVision 3D Template ever – a beautiful Flash template with an impressive 3D interface! It’s based on ActionScript3 and made with the PaperVision 3D engine (An open source 3D engine for the Flash platform) which provides it that silky, smooth feel as well as a wide range of useful features.

For example, you can now add as many pages to the Flash site as you wish – This feature is identical to the method used in their XMl Flash Site Template that allows your content to be loaded onto Flash via an XML file. Similarly, this also lets you circumvent the need to modify FLA source files whenever you need to change some text or move some pictures around.

Besides the fact that it looks very cool due to the 3D interface the ActionScript3 also provides a set of additional functional features. For example, you dont need to understand Flash/ActionScript you simply edit the website’s content in Notepad and you never worry about not having the Adobe Flash software because you’ll never have to recompile the swf file again. Another thing that comes is handy is that all of the sounds are stored as .mp3 files.

As always just to make the template customization part easier they have allocated all symbols in individual folders with appropriate names. For example jpeg and or png files would be within a folder named “bitmaps”. Likewise, you will find a “buttons” folder also for buttons symbols and so forth.

TemplateMonster says this is the first and only template made with ActionScript3 and PaperVision 3D in their collection. But there will be tons more to follow.

Continue Reading

Should I go for a Flash based Website

Posted on 13. Apr, 2008 by Dave.

There are now a myriad of platforms, applications and programs used in making our website templates dynamic. In addition to plain old HTML there are also CSS(Cascading Style Sheets), SSI(Server Side Includes) and PHP (Hypertext Preprocessor) just to name a few. In addition Flash animation is also used to accentuate the elegance of our Flash site templates. Making the decision to use our template customization services will definitely save you a lot of cost and effort however there is one other thing you’ll want to consider. And that is, which customization package should you choose? In other words should you go for a Flash based Website or is it more practical to stay with HTML? In the following article the author examines some of the pros and cons of using Flash vs HTML. For a more in-depth discussion on this particular matter see also – Top 10 things Flash developers don’t want you to hear

Flash-based sites have been a craze since the past few years, and as Adobe compiles more and more great features into Flash, we can only predict there will be more and more flash sites around the Internet. However, Flash based sites have been disputed to be bloated and unnecessary. Where exactly do we draw the line? Here’s a simple breakdown.

The good:

Interactivity
Flash’s Actionscript opens up a vast field of possibilities. Programmers and designers have used Flash to create interactive features ranging from very lively feedback forms to attractive Flash-based games. This whole new level of interactivity will always leave visitors coming back for more.

A standardized site
With Flash, you do not have to worry about cross-browser compatibility. No more woes over how a certain css code displays differently in Internet Explorer, Firefox and Opera. When you position your site elements in Flash, they will always appear as they are as long as the user has Flash Player installed.

Better expression through animation
In Flash, one can make use of its animating features to convey a message in a much more efficient and effective way. Flash is a lightweight option for animation because it is vector based (and hence smaller file sizes) as opposed to real “movie files” that are raster based and hence much larger in size.

The bad and the ugly:

The Flash player
People have to download the Flash player in advance before they can view Flash movies, so by using Flash your visitor range will decrease considerably because not everyone will be willing to download the Flash player just to view your site. You’ll also have to put in additional work in redirecting the user to the Flash download page if he or she doesn’t have the player installed.

Site optimization
If your content was presented in Flash, most search engines wouldn’t be able to index your content. Hence, you will not be able to rank well in search engines and there will be less traffic heading to your site.

Loading time
Users have to wait longer than usual to load Flash content compared to regular text and images, and some visitors might just lose their patience and click the Back button. The longer your Flash takes to load, the more you risk losing visitors.

The best way to go is to use Flash only when you absolutely need the interactivity and motion that comes with it. Otherwise, use a mixture of Flash and HTML or use pure text if your site is purely to present simple textual and graphical information.

About the Author
About Design9x.com
With extensive experience Design9x a leading Professional Web Design Studio delivering high Quality and Affordable Web-based Solutions. Design9x specialize in Search Engine Optimization (SEO), Internet Marketing Website Development and Consulting to increase Traf

Continue Reading

Adobe CS3: What’s New?

Posted on 14. Feb, 2008 by Dave.

Adobe CS3 (Creative Suite 3) is a suite of products that combines traditional Adobe programs with programs that Adobe acquired and has since rebranded from Macromedia. The suite includes Dreamweaver, Flash, and Fireworks, as well as Illustrator and Photoshop. All of the programs in Adobe CS3 that were formerly Macromedia have been streamlined and given Adobe-like functionality. The entire suite now works seamlessly as a complete family of Adobe programs for designers and developers.

Dreamweaver

Adobe CS3 includes an upgraded version of Dreamweaver, formerly a Macromedia program. Not only is Dreamweaver now more readily compatible with other Adobe programs, but it also has the addition of the Spry framework providing Ajax capability. This enables designers to incorporate sophisticated functionality without the need for complicated programming skills by simply taking advantage of the built-in features of Dreamweaver CS3. Dreamweaver CS3 also has new standards capability with cascading style sheets.

In addition, Dreamweaver CS3 now has Adobe Device Central incorporated within the program. This allows users to preview and test Web pages on multiple devices with ease. The Adobe CS3 program also has advanced integration with Photoshop CS3 and can support multiple layers. Finally, designers and developers using Dreamweaver CS3 can perform easy browser compatibility checks and can check for cross-browser cascading style sheet rendering issues.

Flash

Another one of the new Adobe programs acquired from Macromedia is Flash. Flash CS3 is now using Action Script 3.0, an update and modification of Action Script 2.0. While 3.0 is backwards compatible, this portion of Adobe CS3 is also 30 times faster and has more object-oriented capabilities than 2.0, which is of great benefit for developers.

For designers, Flash in Adobe CS3 is easier to work with and has more streamlined panels. The program incorporates new drawing tools, including a new and enhanced pen tool that is more like that used in Illustrator. Flash CS3 also allows more control with corners when creating rectangular objects and easier creation of pie and donut shapes. The program as a whole is more intuitive and is easier to control with new object primitives. Additionally, Flash CS3 works with other Adobe programs and allows designers to copy and paste filters and motion tweens from one object to another without the need to reapply them. Flash CS3 also offers nine-slice scaling, offering users the ability to scale objects more intuitively and without distortion.

Finally, Flash CS3 incorporates Adobe Device Central and allows users to check applications on different devices. And Flash now has import support for Adobe programs such as Photoshop and Illustrator, which can lead to enhanced image fidelity and editability that designers may have wished for in the past.

Fireworks

Fireworks has also been given a makeover as one of the new Adobe programs. The new Adobe CS3 version makes it easier to control and share symbols, to give them more robust attributes with Javascript, and to swap them. Plus, scaling has been enhanced in Fireworks CS3 so that you can now intelligently scale symbols with a nine-point system.

Additionally, in Fireworks CS3, you can add multiple pages to a single document for ease in mocking up Web sites. You can also have hierarchical layers in much the same way as is allowed in Adobe programs such as Photoshop. And it is much easier to bring files between Fireworks and Flash or Illustrator and Fireworks than ever before.

Photoshop

Photoshop CS3 has also been given a makeover and upgrade. The new version of one of the best-known Adobe programs now offers the ability to export an HTML file that the user can zoom in and out of (the “zoomify” feature). It also has new smart filters that can preserve data integrity and allow for nondestructive flexible modification of the images. Designers using Adobe CS3 can also convert images to monochrome with more control than before.

Plus, Photoshop can now analyze images and make recommendations for settings. It also offers an enhanced version of cloning and healing and also has updated color correction options. And there are many new tools in Adobe CS3 that designers can use to more finely tune images, from photo merge with advanced alignment bleeding to a refined edge feature. Photoshop also now has DICOM support and allows users to open, edit, and annotate single frames of radiological images. Finally, as with other Adobe programs, Photoshop also incorporates Adobe Device Central for easy previewing and testing of images on other devices.

Illustrator

Last but not least, Adobe CS3 includes an upgrade of Illustrator that offers important new features for designers and developers as well. As previously mentioned, Illustrator CS3 now has seamless integration with Adobe programs such as Flash CS3 and includes Symbols for easy animation. The program also offers new, upgraded drawing tools and a new vector tool. Illustrator CS3 also features “Live Color,” which allows the designer or developer to edit colors directly within the image.

Conclusion

Adobe CS3 is an important upgrade for designers and developers who were users of previous versions of Macromedia and Adobe programs. It brings all of these well-known programs together in a single package under a single brand. Users are likely to see immediate benefits with Adobe CS3, and the new features of the individual programs add even more functionality than existed in previous editions.

About the Author

Ramon M. de la Paz is a full-time instructor of information technology training courses for WestLake Training and Development. In his 20-year career in the computer industry, in addition to delivering training, he has handled Web design and multimedia production for a number of government and non-government agencies.

Continue Reading

Stylesheets, Flash and XML for Dummies

Posted on 21. Jan, 2008 by Dave.

This tutorial will show you how to include an external XML text file into Flash using external Cascading Style Sheet (CSS) to get crisp, clean and elegantly styled text within your text boxes. The latter serves two primary advantages over any other approach… (1) XML allows you to populate Flash content-driven applications with data from a simple text file. This is perfect for designing reusable application where’s nobody has to come into the Flash file again; all they have to do is add new entries to the XML file. (2) Cascading Style Sheets can be used to group style rules, which can be applied to XML elements allowing you to format all of your text boxes quickly and easily by editing just one single text file.

Not long ago, editing text in Flash left little to be desired. Any formatting and updating of the text boxes had to be done within the FLA file, so a Flash designer would have to be called on for even the slightest modification – you would have to reopen the source file, go through the whole movie editing text boxes one at a time, recompile the new SWF file, then maybe, if blessed with the worlds nicest client you might get lucky and not have to redo it over and over again. Not to mention Flash’s anti-aliasing feature, which tends to hinder rather than serve any purpose at all. This became further complicated and even more of chore when in the process fonts would come out of focus (because of positioning). I’ve seen people try all sorts of ways to get rid of that blurriness and end up ripping their hair out, because all they get is what you see bellow.

So before you go bold, refer back to this article and try some of this code. To write my XML, I generally use Notepad++, which it’s just a nicer version of the typical Notepad that comes with Windows; but you can use any text editor doesn’t have to be this one. Here’s the XML file we start with.

It looks like plain old HTML doesn’t it? Absolutely, XML is very similar in many ways to traditional HTML – the difference being is that you are no longer restricted by a predefined list of tags; you can actually makeup the tag names yourself. Nevertheless don’t get too carried away, there are certain rules to naming your tags, such as not including spaces in the names, keeping your names short, simple, descriptive and all lower case. And always remembering to close your tags, every opening tag must have a matching closing tag.

The above XML reads as follow – the first line in any XML file is this XML declaration, HTML also has something like this and it’s basically just saying that this is an XML document and it should be treated as such. This is generally required but technically Flash will work either way. The next line is the root element or parent node, node is just another word for element, again this is very similar to the html tag in HTML in that every other tag will have to be nested between these two tags.

I will explain about the stylesheet in a minute, for now lets save this as “rhymes.xml” and head on over to Flash and create the code and visual elements needed to read our XML document. Open a new movie (.fla) – add two layers an Actions layers and a Visuals layer. Highlight the first frame in the Visuals layer then selects the text tool in the tools bar and drag it along the stage to create your text filed. Finally, in the text Property inspector (Ctrl F3 to access), resize it to about 400*350 pixels and set the follow options:

1. Select “Dynamic Text” from the Text Type drop-down menu. 2. In the Instance Name text box of the Property inspector, give it an instance name of “content_txt”. 3. For Line Type, select “Multiline” to ensure the text wraps correctly. 4. Select “Render text as HTML” and “Selectable” from the Properties inspector

With that out of the way, select the first frame on your Actions layer and opening the Actions panel (F9 to access) paste this code.

What the hell? Right lets go over this. What we’ve done is, create an instance of the StyleSheet class, load our stylesheet using the ‘load’ method and then associate it with our text field. Also, load our XML into Flash using the XML object and call our loadXML function to determine if our XML file loaded successfully. It seems now is a good time, or as good time as any to write our loadXML function so, open the Actions panel again and enter the following.

That’s it! Make sure to save your .fla file in the same folder as the rhymes.xml file and press Ctrl+Enter to test your movie, if you’ve followed the instructions correctly you should see some thing like this.

By George, I think we’ve got it! Though the text still seems a little dull and out of focus. Lets cut to the chase, shall we? I’m hoping you know something about stylesheets already, hopefully from working with HTML and stylesheets (CSS). If not, it’s no biggie. CSS in ActionScript is somewhat limited. The properties listed bellow are all you have access to.

To make this a bit easier for you. I’ve already created the stylesheet for you. Feel free to use it or create your own.

Save the stylesheet as “crisp_styles.css” in the same folder as your other files and, switch back to Flash to display the movie.

Not bad! But, how about adding a little more text between our XML tags to see what a real paragraph might look like. Heck, lets also add an image while we’re at it and amend the stylesheet by adding a class to give emphasis to special words within the paragraph then, we’ll return to the XML document and apply our new class to any word withing our tags as follows.

(1) Open the XML file and add this.

(2) Go to the stylesheet and paste this chunk of code.

(3) Return to the XML to apply our new class.

Needless to say you’ll need to make your own image, also I should point out that the Flash Player does not support progressive JPEG files. Now, if all is well the Flash should look like this.

That’s basically it-it might seem like a lot at first but it really isn’t all that difficult. If you still find this hard to understand, leave a reply.

Continue Reading

Top 10 Flash Questions and Answers for Newbies & Wannabies

Posted on 02. Jan, 2008 by Dave.

This is an opportunity to share some tips with beginning to intermediate Flashers who want a quick, friendly way to get that Flash on. The code samples in here are actual working chunks of code. I assume you already know something about ActionScript and Flash (or Cut and Paste, if you know what I mean). If you don’t know what trace() is, point that cursor away before you hurt somebody. I’m not kidding. Right now!

10- Q: How can I make my Flash site display current time and date?

A: You can do it with the help of the Date() class available in Action Script. This class has all the necessary methods to retrieve full information about the current time. Before using these methods you need to create a date “object” in the class, this is because the methods are not static and they can only be applied to a single object. To create a Date object please, use the following syntax:

After that you can use different methods for this object getDate(), getDay(), getFullYear(), getHours(), getMilliseconds(), getMonth() and so on). Use Flash Help documentation to learn more about the Date() class and its methods.
For example:

Note: You can retrieve both your operating system time and universal time – UTC (known before as GMT Greenwich mean time). To display UTC time you should use the methods that have “UTC” in their names (getUTCDate(), getUTCDay(), getUTCFullYear(), getUTCHours(), getUTCMilliseconds(), getUTCMonth() and so on)

See also:

How to set up the current time and date demo movie

Here’s the code used in the demo movie:

9- Q: How do I edit images on Flash?

A: Open your source “FLA” file in Adobe Flash and press “F11″ to launch symbols library. To perform search of a needed image symbol will be easier if you sort them “by kind” simply by pressing “kind” tab at the top of symbols list. You’ll see that all bitmap symbols are grouped now at the top of the whole symbols library.

Browse these symbols to find symbol your want to substitute. You can see symbols preview at the top of symbols library. When you have found necessary bitmap symbol double click the icon on the left of it as to see the symbol properties window.

You’ll see image preview and options there. Check the image size. It looks like 284 x 423 pixels at 32 bits per pixel. To make your image fit the original effects and animation the best way your image must be exactly the same size as in the original image.

You can resize or crop your image using Adobe Photoshop. Open your image in it using “File/Open…” from the top menu. To resize or crop choose “Image/Image Size…” or “Image/Canvas Size…” accordingly. Then save image using “File/Save As…”, for using it in flash choose one of the following image formats: “JPEG”, “GIF” or “PNG”.

Press “Import” button on the left and browse to location of your image file.

At the bitmap symbols properties window you can change the image quality. Make it lower to reduce published file size.

Now you should publish your flash movie.

8- Q: Can you give me a step by step explanation on how to publish my Flash site?

A: You may want to modify the publish settings to reduce the download time or increase the image quality. To do so, please, choose “File/Publish Settings…” from top menu. In “Publish Settings” window choose “Flash” tab. The main options that have significantly influenced the published “SWF” movie file size are Jpeg Quality, Audio Stream and Audio Event.

To change jpeg image compression ratio move “Jpeg Quality” slider or type it in the input box at the right of it. Low quality (high compression) extremely reduces download time by flash looses its professional look. Try to experiment with quality to get optimal size/quality balance.

Another way to affect movie size is to change Audio Stream and Event options. Press “Set” button on the right to change music quality options.

Quick Tip! Actually, you can publish your movie directly from “Publish Settings” window, see “Publish” button at the bottom. Or you can publish it from every point of Adobe Flash by pressing “SHIFT+F12″ hotkey.

Published “SWF” file will appear in the folder were corresponding “FLA” file is located.

Replace old “SWF” file in “yourwebsite.com/flash” folder with a new one. Now it’s time to check modifications you’ve made. Go to the page on your website were you have embedded the movie and launch it to see the changes.

7- Q: How can I add a flash page to Favorites?

A: You should use the following Java script to bookmark the page:

You can apply this script to any button (text, image). It should work.

6- Q: How can I can make a certain number of images display randomly?

A: In Flash (as well as in JavaScript) you can use the Math.random() function which generates pseudo-random numbers. This function can help you in making a slideshow when you need to use a large amount of images. You only have to store these images in the Flash library, convert them to slideshows, and give them names (that include the various numbers assigned to each slide). After that apply a code similar to the one shown in the following demonstration: How to make images display randomly demo movie

5- Q: How do I link a button to an Adobe PDF document?

A: In Flash MX as well as flash MX 2004 and Flash 8, a hyperlink is created through the getURL() command. The getURL() command provides a means for the browser to jump from one page to the other. The getURL() command can also be used to open an executable application like a PDF document. Click “Window” and choose “Actions” or press “F9″ on your keyboard to access the Actions panel. You should type the following action script provided below into the white space to open up an executable PDF file:

Now test your movie by pressing “CTRL+ENTER“.

4- Q: I would like to open new windows with just the images in them and certain options like no scrollbars, no toolbars, specific height and width, etc. Please, advise.

A: You can use Java script to do this.

In flash it should be assigned to the button (image, text etc.)

In index.html that relates to this flash you should write in the following java script, like this (don’t change anything):

Put it between tags in index.html. Then add the following part to < embed> tag:

It will work.

3- Q: How do I duplicate symbols?

A: Duplicating a symbol lets you use an existing symbol as a starting point for creating a symbol. Open your source “FLA” file in Adobe Flash and press “F11″ to launch symbols library. From library, what we need to do is right-click (Windows) or Control-click (Macintosh) the symbol, select Duplicate Symbol and give the duplicate symbol it’s name.

Next, drag the symbol unto the stage and give it an instance name. Note an instance name and a symbol name are tow totally different things. Meaning, that while there may be two or more instances of the same symbol with the same name “symbol 1”, each instance must have assigned a unique identifier (e.g. instance name) for all ActionScrip reference purposes.

To edit the symbol, you simply double click the symbol to access it in the Main Area. Then double click the text area and enter your own slogan. Once you edit a symbol, Flash updates all the instances of that symbol in your document. You can customize all other Flash elements by repeating these simple steps.

2- Q: Does Google index sites that use Adobe Flash and How do I use SEO for my flash website?

A: Yes, Google indexes pages that use Adobe Flash. However, their crawlers may experience problems indexing Flash pages. If you’re concerned that Flash content on your pages may be inhibiting Google’s ability to crawl your site, you may want to consider using a text browser such as Lynx to examine your site. If features such as Flash keep you from seeing all of your site in a text browser, then search engine spiders may have trouble crawling your site.

You may want to consider creating HTML copies of these Flash pages for the crawler. If you create HTML copies, please be sure to include a robots.txt file that disallows the Flash pages in order to ensure that their crawler doesn’t recognize these pages as duplicate content. A hybrid site such as this, works especially well, if your navigation uses traditional HTML links. You can use cascading style sheets to give the appearance of flash text links. This type of hybrid site will always rank better than an all Flash site – all other factors being equal. It’s also important to have your HTML page title correct, regardless of anything else. Several search engines look at meta titles first. In addition to the page title, you can add meta tags to the head of the file.

Outside of the actual HTML page, off page factors are important. One-way links (sometimes called inbound link) pointing to your site from highly relevant and high ranking pages will increase your page rank. In addition links from prominent directories, such as Yahoo and Business.com, placed in the most relevant categories will help. One-way inbound links from relevant sites is still the best way to increase your ranking with or without Flash.

Quick Tip! You might also want to consider creating and submitting a detailed site map of your pages using Sitemaps. Sitemaps are an easy way for you to submit all your URLs to the Google index and get detailed reports about the visibility of your pages on Google. With Sitemaps, you can automatically keep them informed of all of your current pages and of any updates you make to those pages.

To learn more about Google and how to optimize Flash for higher ranking, got to http://www.google.com/webmasters/

1 – Q: Does anyone know a free, easy way to create Flash for my website or to create a flash website?

A: Flash animation is a very attractive element of your website. You can easily created using Flash templates.

A Flash template is a complete site design that can be opened with Adobe Flash, filled with content and edited to suit particular needs. Flash templates will give your website a professional look with a minimal time and money expense.

Quick Tip! Most quality template shops will provide you with a free flash template so you can evaluate the quality of the product and try your skills before you buy.

How to create a Flash form to send email without any knowledge of ASP, PHP or any other programing languages?

A: If you have been searching around trying to figure out what is the easiest way to make a Flash contact form work, check out this post.

If you guys find these answers useful please make sure to give it a digg by clicking the digg button…. we really appreciate it! Also let us know what other questions you might have or any tutorials you think might be useful. Basically, help us help you.

Continue Reading

Top 10 things Flash developers don’t want you to hear – by Dave Collado

Posted on 19. Dec, 2007 by Dave.

So you want to spice up your website, add a splash page perhaps, maybe some video. Maybe you’ve thought about outsourcing the flash to someone else. Here are 10 things you’ll want to consider before you hire a Flash designer.

10. Flash requires quite a lot of bandwidth – Flash files, especially if they use sounds or embedded movies, will take a long time to load, and the visitor may not have the best connection and, obviously, the patience to wait.

9. You could be at the mercy of the Flash developers FOREVER! – if you use 3rd party Flash developers, they might code the project so that you won’t be able to make any changes and have to hire them again, and again even for the smallest modification.

8. The “Back” button is usually disabled – if the Flash designer has used some trick such as meta refresh in order to disable the browser’s Back button, it is highly probable that the visitors might get frustrated and not want to start browsing your site over and over again. So they will leave. Besides that, Google’s AdWords doesn’t approve pages that have the Back button disabled. So, beware of this if you intend to promote your web site by using a PPC campaign.

7. Flash doesn’t care about your visitors’ needs –silly Flash intros and dumb sounds that you cannot turn off will drive your visitors away. Moreover Splash Pages don’t favor your visibility – they lack the text that contains the keywords identified as pertinent to your services / products; they only include one outgoing link and, most of the times, no back-link from another page; they often include re-directions, and most of the search engines will not include re-directions in their page index.

6. SWiSH is a heck of a lot less expensive than Adobe’s software. SWiSH is basically Flash for those without the wish/need/time and or finances to buy the actual software. And with all of its built in preset effects you’ll never need to understand concepts like frames, libraries, symbols etc.

5. Users recognize and are much more accustomed to using HTML form elements than they are of Flash form components hence less likely to understand how to use them. Seriously, how many different ways does there need to be to submit a form. Stop making me think already!

4. Whereas Adobe might have you believe that the obstacles for users with disabilities are derived from A. issues with the design or B. issues with the assistive technologies and not Flash, the truth is that this propaganda serves only to guide the spotlight away from major cross-browser accessibility issues encompassing Flash. The uses of wmode parameter for example, prevent assistive technologies from receiving information from a SWF. Meaning that a SWF will essentially be hidden from a screen reader. Yes, I know, this is not an issue in Internet Explorer, settle down, however true web accessibility can be best described as the ability of any user, regardless of disability and or web browser, to access the same content and information. The correct acronym for that is HTML.

3. Most search engines don’t like and don’t index Flash -not all the search engines can crawl and index the content of Flash, and if they do, it’s not free of errors. What is more they won’t be able to direct the visitors to the proper page. The truth is that without some type of clunky workaround, like creating HTML copies of all your Flash pages, Google wont index these pages.

2. Why even hire a flash designer? You can get a Flash template for less than sixty bucks- each Flash template is unique and completely customizable right out of the box. What is more, most quality template shops will provide you with a free sample template so you can evaluate the quality of the product and try your skills before you buy.

1. Don’t assume that everyone has the latest version of the Adobe Flash Player installed. While 90% of people do have the Flash plug-in installed, not everyone has the Flash 9 Player or even the Flash 5 Player installed. Should a user visit your site using an older, incompatible version of the Flash player, you could end up inconveniencing the viewer to the extent that she’ll never returns to your site again!

My point is – I don’t want anyone to tell you that Flash is the next best thing since sliced bread, and if you do decide to use it, do it in moderation everything in moderation, even moderation.

Continue Reading

How to SEO Flash

Posted on 16. Mar, 2007 by Dave.

Flash gets a bad rap, undeserved in my opinion, for harming search engine visibility. Why are search engine optimization (SEO) practitioners concerned about Flash, and how can we SEO Flash content? The main problem with Flash is that search engines don’t yet understand it, and probably won’t in the near future. Flash includes logic and can take input from the visitor, but search engines are designed to handle static content. Flash is actually a running program, so it’s much harder to analyze than plain HTML code.

The leading web development tool, Adobe Dreamweaver, embeds Flash in web pages with code that fails to provide accessibility for visitors or search spiders who cannot handle Flash. Instead of using the default code, my recommendation is to hand code Flash pages with primary HTML content, and a method of automatically testing for Flash support before attempting to insert the movie. The primary HTML content can be search optimized as if the Flash wasn’t there, while the Flash provides an enhanced user experience for those visitors who have the necessary Flash player.

The April 11, 2006 release of Microsoft’s popular Internet Explorer (IE) browser includes an update (“Eolas”) that prevents ActiveX-based Flash controls from working properly. When the user attempts to interact with the Flash, a tool tip appears, stating, “Click to activate and use this control.” That extra click is an annoyance. Fortunately, the programming technique described in this article solves the Flash Eolas problem.
Requirements for Successful Use of Flash

Flash animation is a great way to present complex content because it allows the designer to put more content in a finite space, without wrecking page design. For technology sites, Flash is an ideal way to present a slide show or movie explaining a complex product. At the other end of the spectrum, art and entertainment sites have a real need for multimedia, and Flash is the perfect solution.

When using Flash, we’d like to satisfy each of these objectives:

* Clean design
* Search Engine Optimization
* Accessibility for a wide variety of browsers, including screen readers and mobile phones
* Code validation and standards compliance
* Correct functionality with IE

SEO Flash Programming

My recommended Flash SEO method uses a DIV with search-engine-accessible, primary content, and a Javascript function called SWFObject() to detect when browsers are capable of viewing Flash. When an appropriate version of Flash player is present, the Javascript manipulates the page’s document object model (DOM) to replace the primary content with the Flash movie. Most search engine spiders can’t handle Flash, so they will elect to view the primary content. The primary content may contain links, headings, styled text, images—anything we can add to an ordinary HTML page. With SEO copyediting and coding skills applied to the primary content, Flash becomes a non-issue.

Flash accessibility programming isn’t spamming, as long as the primary content and the visible movie are essentially the same. The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) specifically states that multimedia content should have an alternative representation available. Accessibility programming creates the benefit of presenting visual information without losing the visitors and search engines who depend upon textual content.

SWFObject and UFO

Please visit Geoff Sterns’ blog, deconcept, for a full explanation of SWFObject() and to download the SWFObject.js file required for this solution. Another open source solution, UFO (Unobtrusive Flash Objects), is available from Bobby van der Sluis. Both are conceptually similar.

Continue Reading

How to make a Flash Contact form Work

Posted on 13. Mar, 2007 by Dave.

foamers.net will install this script for you for as little as $80 a pop. Should you wish to employ our design team to make your Flash contact form work hop on over to the contact page and talk to us..

If you have been searching around trying to figure out what is the easiest way to make a Flash contact form work, then this is it. In this tutorial you will learn how to create a Flash contact form. PHP is provided. Very simple..

First of all, please see How to make a contact form work demo movie.

Then you should DOWNLOAD the following php script, save it as contact.php:

Put your e-mail address as shown in a video tutorial and then save this file. Place this contact.php file in the same folder where you have your SWF movie. That’s all!

Continue Reading