Hello and welcome, to this new video on Dreamweaver. This is Part 1 of the series on how to create a Website using Adobe Dreamweaver. This series is on free techniques on how to make a professional looking website. The video shows how to create from scratch a website using CSS Templates. The vido is really great for beginners as it teaches basics of Dreamweaver.
Welcome you guys this is Ze tutorials and today I am gonna be showing you one of type one series that will how to easily create from scratch and upload a website to the internet for free. Know only for free I am assuming that you already own a copy of Adobe Dreamweaver, do not have a one you will need to buy for this series that is what I am going to be using as editor. Now the first things first we are gonna go to freeCSStemplates.org, freeCSStemplates.org. Basically I am just gonna give a template so you won’t have to create your own page from scratch and use all this tags that people don’t really understand. I find it hard enough to understand my self, this way it is was much easier and it this does the same job basically, if not a better one.
See just you got browse CSS and you just look through all to define which one you want and let’s just pick here I click. And let’s say like spontaneous that looks pretty good, doesn’t it? Spontaneous. So if would like to download in doc Zip. No you do need WinRar or may be seven zip. So get that, that will be in description everything is in description, just look at that. I am gonna drop this to desktop and this is it spontaneous. I am gonna right click and click extract here. And as you can see these are the folders that you will get, these are the four basic things that you will get. An images folder will holds all the images, the style folder and index analysis. So what you are gonna do is you are gonna create a new folder and call it your website folder. And you are gonna drop them into it, so everything will in one place.
And we are going to using the index, so what you do is you basically go to Adobe Dreamweaver, open it up. This menu should come up here if it doesn’t just go file and open. And you are gonna click you are gonna open up to save this. So I save it in a test file set up on my desktop, I advice you do the same save it to your desktop so it will always be there. Open it up and open up the index page, the index page okay. So click to open that and here is your ammm template. So where we are gonna start editing we are gonna carry this spontaneous and we are gonna put in may be your you tube name. So put in zetutorials ammm this is meant to be slogan put in what you want I will just put it as you tube. Ammm you look at these that’s your tags and that’s your people get blogs, forums etc.
I will be showing you how to do all that, and create forums with that but later on. Ammm here we are gonna have welcome to my website, ammm write some your self there ammm may be we wanna say, “Hi this is zetutorials” and here I am gonna be showing you bla bla bla bla bla keep going on what you want. Ammm here ones again just write whatever you want, I am really not going to write any thing there, ammm you can all edit that your self and sure. Ammm here write in or if you want I am gonna write in you tube down here just highlight this into there you want it to. And we are just gonna write ammm “click here to check out why you tube channel” ammm, here again you don’t need all this just delete this ammm. So, when you have done all that you wanna go to tab section and you are just customize it basically to your taste or may be you wanna put in what’s new here and then tell all people under websites “what’s new like ammm tutorial on Dreamweaver” ammm etc all that stuff. We can put here videos; you can have shop and whatever you want there.
Now go up here to title right here title and as you can see CSS Spontaneous for free CSS template. Now if was preview to preview it in one of my browsers, save it press yes ammm it’s gonna say right here Spontaneous by free CSS template. Now we don’t that because obviously people know that you just got it free and all, you know you don’t want people to know that. So basically what you just gonna do is you just gonna highlight that and you are just gonna print may be your you tube may be or whatever you want to name your company zetutorials and then we are gonna preview from, sorry first save it. We are gonna save that; for saving “crtl S” and then you are gonna preview from. And as you can see here it says zetutorials stays Spontaneous by Free CSS templates. Now not the good thing about this is some one wanna save your website as a bookmark, then just come up straight away as zetutorials instead of if someone just say this one it will come up Spontaneous by Free CSS templates and you don’t want that. You just want your name or whatever you want and so we will go back to Dreamweaver that‘s just the trick you will guess that and basically what you wanna know is with the you tube, click here to check out your you tube channel. So we are gonna highlight this, you can do this in a much better way and you just gonna click on the link, this where if someone clicks on this it will link them to my you tube channel. So wanna print http:// youtube.com/ user/zetutorials. Just copy whatever you want off your web browser if you don’t wanna put it there like that manually.
So we are gonna save that and we are gonna press F12 to preview in browser and right here it says, it’s underlined and it’s a link so when I click on that it’s gonna load the page and then here we go. This is me zetutorials very very easy. Now if you did not understand if the page is gone I have to go back and I don’t want that I want it to stay it on my website and go to my you tube channel so what you are gonna do there is you gonna back to this highlight where you highlighted again. Now write versus target you just gonna bring that down and click on blank_blank that just basically means that it will open in new tab that’s all you need to know. It will open in a new tab, so we will save that again and we will preview browser now. Now here we all saw that when I clicked on this, it will load this page in this in the card reader perfectly and if I click on this one it will open new tab did you see that this one is still there because I have board my websites open pretty much, it’s very very very handy, make sure you do that if you are linking to different websites to understand your website as well. And you don’t want them to be just have your one stock website and then go in to a next one like nothing better you want them to keep on your website as well.
So that is all what we are gonna do today, you can edit all this out, edit what you want make sure you picked the CSS template you like. And I am gonna bring it to you step by step with a series and in few days I will be posting part 2 which will show you how to make new web pages and personalize it more, put in videos and pictures and things like that. And there will be part three where I will put contact forms and forums etc in short all are coming stuff. So if you want to see the next one, subscribe I will bring you the whole process. At the end will be free upload with a web host and hope to keep you in all that so make sure you stay tune for that. I hope you liked it, you can check out my website that I built in a day, just messing around and it’s zetutorials.tk I will be updating it daily you can check that yourself you will have all your videos tutorials in that as well. Ammm make sure that you comment if you have any problem and I will help you or comment you just tell me how great my tutorial was and I hit the terms up and off course subscribe.
Tags: dreamweaver cs3 layout tutorials, download a free copy of dreamweaver, dreamweaver menu tutorial, free dreamweaver, free dreamweaver templates, dreamweaver mx tutorials
There are no comments, yet.
Why don’t you be the first? Come on, you know you want to!