How to make a simple html page in macromedia dreamweaver cs3, tutorial.

May 1st, 2009

Today I will tell how to make a simple html page in macromedia dreamweaver cs3. This tutorial is for begginers who doesn’t know html coding yet. As I have told on the page about adobe macromedia dreamweaver cs3 this program allows to buil web sites even if you do not know even bases of html code. After you buy and install macromedia dreamweaver, choose ‘file’ and ‘new’ and choose ‘create html’ that is on the first line. A new, untitled document will be open and it is ready for work. If you do not know html codes, click on design ’section’. Code and split sections let’s leave for further tutorials.

On this page on macromedia dreamweaver cs3 you can write anything you want, insert pictures, chose text style. Let’s make a simple html page for our first html website. It’s is natural that after you buy domain and hosting your website will stay empty until your website is ready. You can make it’s first ‘under construction’ page in html.

Type in some text like: this website is under construction, please visit us later. Then choose a small image of a tree that is on the upper side of macromedia dreamweaver and insert the picture. Give your picture description, that will help search engines to index it. More about search engines and seo i tell in other articles.

If you have an e-mail adress, type it, if you want to share some useful websites, you can also put some links on your first page. To do it, type the anchor for the website, like: my blog. Choose it and type in your blog address in the field that is below, on the right side of the program.

The only thing to do left is to save your html page. Choose save function and type it’s name as index.html . This is very important. First page of your html website must start with index , nxt pages can have any names like about.html , contacts.html and so on.

Last thing to do is to put this webpage to your ftp folders. Open your ftp client or control panel of your hosting and put your index.html and picture! do not forget about the picture! inside. If you are planning to have a lot of pictures on your web site, create an ‘images’ folder and put your ‘under construction’  picture there, in this way copy your images folder to ftp.

Enter your web site to check if it works. Ta-taaa. You first html page is ready! In my next tutorials i will teach you html coding and css.

Posted in Adobe macromedia dreamweaver tutorials | 2 Comments »

Easy photoshop animation tutorial, how to make animation in photoshop cs3.

April 26th, 2009

Photoshop animation. Today i will tell you how to make easy animated pictures and text in photoshop cs3. Why photoshop cs3 and higher? The thing is that previous versions of photoshop didnt have animation function before. But you could download  on official adobe family web site www.adobe.com Adobe Image. Before it, when you wanted to make animations you have to switch photoshop to image ready and then continue working. Nowdays, thanks to new versions of photoshop image ready is no longer needed for animations. So….

Animation tutorial for photoshop cs3:

Open a new document and prepare layers for animation. Make as many layers as many times you want your pictures or text to be changed. If you have a look above at animation picture and text on it that i have prepared as a sample, you will see, that it has 4 layers. After layers are ready open animation on window in menu.

Create as namy animation frames as many you have layers. So to make the same animation as on this page you will need 4 animation frames. Give its frame one layer, by hiding other layers and leaving just one. As the result you have to see on every frame different picture of text.

Every frame has options like seconds to show each frame, dont forget to click forever under first frame if you want animation to be played non stop.

After your animation is ready click File and choose function save for web and devices. In the opened window click save again and show the folder.

By clicking on your saved file check if it is working. Your animation will be saved as gif.

It is really very easy and useful for web site design when you make banners and header. Why gif.?

If you want to put on your website some beautiful flash it up to you, but fisrt of all, it is not easy to learn flash. Flash tutorials are much more difficult than photoshop tutorials, secondly not every computer has flash player. That means that those who have not will not be able to see your flash. Animation that was made in photoshop will be a simple image in gif., it will not take much traffic and space on your hosting. Making animations in photoshop is easy and quickly, you can make a lot of animations changing them everyday!

Posted in Adobe photoshop tutorials and downloads | No Comments »