Saturday, 17 December 2011

Extract Images, Script, Elements In a WebPage

Step 1 : First open the page in your Google Chrome browser and right click on it anywhere. Then click on the "Inspect element" option.
Extract, Get All Images, Stylesheets, Scripts from WebPages
Step 2 : It will open up a new window. By default the "Elements" tab will be selected and show you the page elements. Click on the "Resources" tab to start individually track the images, stylesheets, documents, scripts, flash swf files etc.
Extract, Get All Images, Stylesheets, Scripts from WebPages
Now choose the "Only enable for this session" option and click on "Enable resource tracking" button. Choosing the second option will start to download the resources for every time you will start Chrome. 
Step 3 : Wait for sometimes while it’s downloading the resources. Once completed, the resources will be shown category based. Now click on "Images" to get only the images, you can save the images though by right clicking and then choosing "Save As" option.
Extract, Get All Images, Stylesheets, Scripts from WebPages
Thus you can also get the stylesheets, documents, scripts by clicking on the corresponding buttons at menu bar. Unlike images there is no such option to directly save the script codes by right clicking, so you can try copy/paste method to do it.

Make Animated Flash Banners Online

Step 1 : Go to AnimationOnline.com (Link) and make a free account. This required to save your animated flash banner codes etc.
Step 2 : Now you can see a default template showing three text areas which you can edit also. Put your chosen texts in the corresponding fields, if you want, change the font colors, size by clicking on the "Format Text" button at just right of the text field.

You’ll still able to change the banner’s background color by choosing "Background Color" option. Also choose the "Loop Animation" and "Loop Forever" option to repeat the animation sequence.  
Step 3 : Not only one default template, you can choose any one from the provided 4. Just click on the "More Templates" button at right of the banner preview(see screenshots above).

It’s shows you 4 animated frames, click on any to get started with it. I recommend you to choose the 4th template, it’s better than the rest.
Step 4 : Once after you’ve done the editing, click on "Save" link at menu bar but it needs you to be logged in to your account. Simply do a login to your just created account and save the banner forever.  
Step 5 : You can directly publicize the banner online, just click on the "Publish" link at menu bar and copy/paste the HTML code anywhere in your site or other site where you want the banner to appear.

This is example how it may look (below)… not very pro but if you take time you can make it look good enough.