Dreamweaver Tutorial

hello and welcome to Dreamweaver tutorial. The tutorial is about creating a website in just about 5 minutes. The website is created using Dreamweaver. The tutorial also shows how to add images to your website. The tutorial is really good and easy to understand

Hello and welcome to this tutorial brought to you by zeforce.com. Today I am going to board a website in 5 minutes. It sounds impossible but to do but it isn’t. And I am going to show how to, so firstly I am going to create a folder and I a m going call it website. Inside this folder I am going to create another folder and I am gonna call it images. I am gonna copy this two images inside one is a picture of cat and second one is just a background image which is just a gradient going from dark to light ammm and that’s my website photo.

Now I going go into Dreamweaver, going to create a html page. Before I do anything I am gonna save it. And I will go to my desktop, I am gonna click website, I am gonna save as index because with some website with the first page they sees index. I am gonna be making a homepage so I am gonna save as index page. Save, I am gonna give a title of homepage or just home. Now I am going to create a table, I will make one column on table width 500, for a thickness 2, so padding 20, so spacing no. okay I am going to highlight this, I am going to my properties panel I am going to set align in center, I am going to make the border to blue color, I am gonna go to I am gonna click away from the table.

Look I wanna click on the page properties I am gonna change my font to Arial, I am gonna make the size 12, I am gonna make the text of white, I am gonna make a background color of 555555 and add a background image. And that’s gonna be my background picture I am gonna make the group be x which means across I am gonna links I am gonna make the link color that same blue is border. Ammm I am gonna just make the roll over a very light blue and I am gonna make the rollover underline. Okay this website is gonna be very similar to the one I did in that tutorial on CS stealer . I am going to select on the border of this table again and I am gonna make the background color very dark grey. Write the hmmm ammm hmmm add some lines so hmmm videos, games, music about contact. I am not accounting time so I don’t know if it’s been five minutes yet. It’s probably been few minutes but hurry up.

Few bla bla bla’s just to fill in some space, okay oops. I am going to make this larger I am gonna add a link to this to set into my website I am going to copy that URL oh yuck that is really bad actually copy and accept that oh at those links. By the way even if the five minutes is up I will still create the website just it doesn’t look very good. Anyway ammm okay and time is really up and you know is F12 to preview the page I have set the page already. Anyways so I have got the website with links, with content, with the title ammm basic layout which is just a table and background, enter. So that is the website I created in five minutes, it’s very easy to do. Now if I want to create other pages what I would do id ctrl N. click HTML, create new I will give it name of like contact or something.

I would just go back to the index page which is homepage I would just go to the code ctrl A, ctrl C and copy all this code. And ctrl A, ctrl V into ammm contacts, then I can just change this name to contact and I have got two pages already. Very easy to do and I could go into my HTML page I could just link contact. I mean ya contact-to-contact.HTMLand save this. I will make this to index.Html save this as contact. And I would have pages. So I will just save index. We get out of Dreamweaver. We are going over to that photo which we created over here. Double click on index, there is my website, contact there is my contact page click on home, contact time, contact time. I created a website ammm. So that’s what I created and did it in 5 minutes. People learned something today ammm make sure you watch my all the tutorials, make sure you go on www.zeforce.com and thank you for watching.

Tags: dreamweaver mx tutorial, dreamweaver website templates, adobe dreamweaver cs3 tutorial, free dreamweaver, dreamweaver macromedia tutorials, dreamweaver portland

Tags

Dreamweaver Tutorials