Archive for the ‘Working with images’ Category

How to insert and upload an image

Tuesday, July 28th, 2009

I received an email a while ago from one of our subscribers who was having trouble viewing his images on her website after she inserted them into her page in dreamweaver.

It turns out that although she was inserting his images into the page, and then uploading the page to her website, she wasn’t uploading the images, so of course when it came time to view the complete page online the images where missing.

Here’s a short video tutorial showing just how to insert and upload your images to make sure they’re visible once you’re web page goes live:

As you can see it’s pretty simple, just make sure you remember to upload your images as well as your web page.

http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/digg_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/reddit_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/dzone_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/delicious_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blinklist_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blogmarks_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/furl_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/newsvine_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/technorati_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/magnolia_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/google_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/myspace_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/facebook_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/jamespot_32.png

Create a slideshow in Dreamweaver

Monday, June 15th, 2009

Ever wanted to add a cool looking slide show in Dreamweaver? You know, the type where images fade out and fade in replacing each other. Most people think you need to be a web design expert to create a slide show like this. The truth is dreamweaver makes it real simple.

I’ve a made a short video (around 5 min long) showing you exactly how to create one.

Here it is:

I hope you found it useful. Leave a comment and let me know what you thought about it or let me know what other tutorials you’d like to see. Just like the comment link below…

** Sadly this feature has been removed in Dreamweaver CS4 so will only work with Dreamweaver CS3

http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/digg_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/reddit_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/dzone_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/delicious_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blinklist_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blogmarks_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/furl_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/newsvine_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/technorati_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/magnolia_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/google_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/myspace_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/facebook_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/jamespot_32.png

Getting you website images “Just right”

Friday, June 13th, 2008

Unless you’re living in pre-historic times chances are you’ve probably got some images on your website.

Poorly edited or low quality images can really spoil the look of your website. Using nice clean images can really make you look like a total website wiz.

One of the more popular image editing programs around is adobe photoshop – and like dreamweaver it can be frustrating to use when you’re just starting out.

There are lots of tutorials around on photoshop but many of them spend hours and hours going through useless tools and features that you would never use instead of getting straight to the point.

I don’t know about you – but I don’t want waste hours and hours learning about thing’s I’ll probably never use.

When I started trying to figure out how to actually use photoshop one of the first tutorials I can across was from a guy called David Peters. He had a great “Getting Started” guide that got straight to the point and had me creating crisp clean images in no time at all.

If you’d like to download that tutorial simply enter your details below and you’ll be taken straight to the download page where you can download “Getting Started With Photoshop” right now.

http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/digg_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/reddit_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/dzone_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/delicious_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blinklist_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blogmarks_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/furl_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/newsvine_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/technorati_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/magnolia_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/google_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/myspace_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/facebook_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/jamespot_32.png

How To Optimize Your Images For The Web

Wednesday, March 12th, 2008

Here’s our latest Dreamweaver Tutorial video (even though it’s not really about dreamweaver…)

http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/digg_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/reddit_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/dzone_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/delicious_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blinklist_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/blogmarks_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/furl_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/newsvine_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/technorati_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/magnolia_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/google_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/myspace_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/facebook_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://dreamweavermadesimple.com/blog/wp-content/plugins/sociofluid/images/jamespot_32.png