Dreamweaver Tutorial

hello and welcome to Dreamweaver tutorial in this tutorial you will see how take the web page template and import it into a web-authoring program. For this Dreamweaver CS4 is used. The tutorial teaches how to edit the site, change pictures, text, layout etc to hence make your own webpage.

Now that I finished the task of creating a web page in this web design one folder using CSS and HTML to create a website. Essentially I have created a template that we can take a part and alter a few things to make a much more complex website. I am gonna do the rest of this in Dreamweaver while we had open in Dreamweaver so that you can carry on and do whatever in a web offering program.

A web offering program means you don’t need to know as much of the terminology and the specific codes and scripts that you do when you are writing pure html. It’s a little bit easier because its some of the tasks are replaced by button functionality so what to say what that looks like. So I will close this folder and I will open up Adobe CS4 Dreamweaver. And if doesn’t pop up immediately asking me to manage my sites I will go straight to site button on the top here and I will click manage sites manually. What is want to do is to create a new site and it just asks me what is the name for my site and I am gonna call it template trail for CIS.

It’s now asking me where the root folder is? Where is the folder that contains all the information for my website? I am just gonna place that on to the desktop and on to that webdesign1 folder. And now open that there and I have to select where I am there, it is asking me where my images folders are? So I will click there I will open images folder and I will select there. So it’s confirmed that’s right. It’s selected the webdesign folder and for images it’s selected the inside folder. I want the links relevant, relative to this document. I don’t need to worry about my address or my case so I would just go ok. Ones it’s done I just need to click done and hopefully we are ready to go. If I look here over, here is my index for html I will double click on it and here opens my web page straight into Dreamweaver exactly the same as it was before. I can look at the code which is exactly the same the code we typed in or I can look at it in split view.

I can also look at the CSS by double clicking on that to get an idea what we have done in CSS. If I go back to my index.html and I go purely to the code view rather then the design view. I can now go through and I can start editing this text directly on the screen and it will automatically change my HTML code. So it’s a easier way of doing it but it’s quiet good if you have had the practice to see what actually is happening in the background on the HTML and CSS. From here you can go on and do whatever you want to do in creating a webpage because we have build up a working template from scratch.

Tags: dreamweaver cs3 tutorial, dreamweaver key, dreamweaver navodila, free dreamweaver tutorials, free dreamweaver cs3 tutorial, dreamweaver forum

Tags

Dreamweaver Tutorials