[CSS] Build a Simple Web Page in Dreamweaver!
Вставка
- Опубліковано 6 вер 2024
- Check out another of my videos: "BREAKDOWN: Select and Mask vs. Refine Edge - Photoshop CC"
• BREAKDOWN: Select and ...
~-~~-~~~-~~-~
Check this out in higher res here: www.tutvid.com/...
In this video we will start with a folder of images and in about 30 minutes construct a very simple 2 column layout using CSS to style our page! We will learn all about using divs, creating CSS rules, targeting divs, creating a background, and so much more! Start learning to harness the raw power of Cascading Style Sheets to create, layout, and style your web pages today!
Files for this video are here: www.tutvid.com/...
You are a legend. When I started my business many moons ago, this was the video I used to create my home page. You popped up on my timeline today, and it brought back memories. I am so glad you are still teaching. Continued blessings to you.
Man...awesome video.
Swear I learn more on UA-cam than I actually do in University.
True that.. :)
its sad isn't it! We spend all our money to get a better education and half of what is learned comes from youtube. (Or Lynda.com for me) I wish I had realized how much I could learn on my own before beginning my degree program. I'd have chose a different profession and still learned all of this without spending thousands of dollars!
Rachel Anderson Feel bad for you americans, we in norway, we have free education. RIP
+Abdul Akhmi nice lol
Many thanks, people like yourself are the real stars of UA-cam, informative, clear with purpose. People like ourselves who are attempting to learn Dreamer (which is no garden picnic) can look to your videos as a positive resource. Keep up the good work!
I’m here again 9 years later to say thank you for the awesome content that you’ve released. I had just started with dreamweaver cs4 at the time and your vids helped me create several websites. Thanks again and congratulations on your success
I return to you four years later! glad the videos still up, very refreshing!
Wow...My first intro to DW was 2006 version and I started here. I'm not doing web design as a career but always look at times gone by. You have so much content since this video. Thank you
Excellent tutorial. I have read so many books but this tutorial has summed it all up so nice and well. Really appreciate it.
This video helped me learn how to use CSS. The instructions are very clear and the narrator has a friendly tone, making it easy to watch through 30 minutes of it. Kudos!
Great video, 2 years ago This was one of the first tutorials i watched when i started learning web development
Wow, I've been struggling to understand how to do this in my Master's course for over 6 weeks and you unraveled it in 30 mins! Thanks to you, I can now build and submit a website for my course - Thank you
Awesome tutorial. I learned more with CSS in this 30 minute video than I have in the last 5 months of my web design class. Thanks again!
This tutorial has helped me and taught me more than my professor has in the past month. THANK YOU!!!!!!!!!!!!!!!!!!
I just got CS5 and any vids i found just told me how to use the pre-excisting templates, i found this was easy to understand even though its a different version and i built my very first web template today!
Thank you so much for being a great tutor! you have a clear voice, you speak at a good speed, you explain everything you do and you use clear pronounciation! FANTASTIC!!!
away i go to check out more of your vids!
xox
Just Wanted To Let You Know That , I Struggled Created A CSS In DreamWeaver , But Now iGot Everything Step-By-Step Thanks To You
THANK YOU! finally a tutorial that actually doesn't take half my life to watch/learn.
keep up the good work
thanks, this was basically the ONLY tutorial so far that I could actually use to start building my website. It really made me understand the basics, and now I can start to learn more complicated stuff on css programming. Thanks!
This video is awesome! I haven't made a website in 10 years and was nervous about diving back in. This was simple, easy and now I'm able to reconfigure for my needs. You rock!
Nice tutorial! I especially like the way he moves along rather quickly and his voice is easy to hear and understand - nice and clear.
This video got me started in Web design so many years ago. Thanks a million brother.
+Timothy Benson Glad to hear! Thanks for swinging back around and dropping a comment! Feels like this tutorial was uploaded forever-ago! Haha
BTW your tutorials realy help me out,
Right now I am studing Desk Top Publishing and building websites is one of them, we have a great teacher, but your teachings help me improve my skills even more, and even made me teach my teacher a few things. When I am in class and need to ask the teacher about something, I usualy just search for your video's on youtube, and they always help me out, cause our teacher is ALWAYS bussy,
Thank you so much for your time putting in to this
Not a Master's in Dreamweaver, but rather part of my Master's in Education. With no previous background in any kind of web development this turned out to be a baptism of fire. Thanks for the suggestions and feedback, hopefully this will be my last website (although I enjoyed the experience)
Great job Nathaniel! This video is the most helpful I have viewed for setting up a webpage in Dreamweaver. I did have to stop, rewind and start several times but it was worth it.
THANKS a bunch man! I tried to learn css for a long time now and now you taught me css in just one video. This is better than lynda. Keep it up!
I was just watching one of your adobe premiere videos, and I thought "that name rings a bell". This video is the 1st web dev tutorial I ever looked at which was the start of my web development career. #tbt
Thank you very much Tutvid. You are the best in the business. An hour spent in learning from this tutorial is equivalent to a week spent in my web design class & it's free too! I will buy you a car if I ever become a top-notch money making web desinger. :-):-)
I learned more from the video than the whole of my year of Master's degree. Thank you :)
That is some great stuff. I am fairly new to the design field. I'm currently studying digital art, digital publishing and web design I. We just started using Dreamweaver. I will be taking web design II next semester. I totally understood what you were demonstrating and I'm just excited that I can. But wow, you go really fast. I had to watch this video about 4 times to take it all in. Thanks again and I can't wait to watch more.
amazing tutorial! taught me how to use dreamweaver
and followed the tutorial as stepping stones for my website.
thanks so much!
I'm in an interactive Design class right now and this may single-handedly save my grade.
This is incredible...I just built my website in half of a day! I will be emailing with the final results of the website
What about the pages? I have 3 css layouts from css tutorials, but how do you add the actual pages? It's not like GTML drop & drag the main template. Right?
This is a good tutorial. I have zero CSS experience but already I am getting a general feel for its uses with this video. I am using a newer version of DW but you can still follow this video with only slight differences that even a newbie like me can figure out.
Excellent tutorial, I've learned more about CSS from you than anyone.
A great help for people like myself who are trying to self learn how to program, thank you so much!
note: at 13:32 you can also drag logo to that insertion point. been trying to follow this with CS4 and quite a few areas are different especially DIV TAG - easy to get lost but excellent excerise
MATE YOU ARE A LEGEND! SAVED MY ARSE FOR MY ASSIGNMENT! THANK YOU SO MUCH!
Thank you for your instructions. Now everythings seems to be much clearer. And now i realised, why working with tables is not so comfortable. greetings from europe!
One of the best tutorials out there. You should definitely do more! Thanks!
THANK YOU FROM THE BOTTOM OF MY HEART !
have an exam in a few hours, saved me! :)) lynda dreamweaver tutorial is crap, yours is great, it teaches us HOW, not everything but HOW, as lynda does!!
Thanks for taking the time to go in depth with this training!
Just wanted to say that this was a fantastic tutorial and you did a great job of explaining. I have a different version of Dreamweaver, but with a little thinking I was able to duplicate what you were doing. In the end I wound up with a site just a like you explained and taught. Thanks so much for making this available.
Thanks for the video! I like the speed, since i already knew a lot of the basics of dreamweaver. All the other uploader probably take 6 hours to tell what you just did in 30 min. Great!!
Thanks for the video, you explained CSS better than my teacher did.
Best CSS layout tutorial I have come across... Thanks alot.
Thankyou very much just done a new business site and this has got me into DW cs3 very quickly cheers
1- thank you for your time and easy simple tutorial .
2- keep up and don't worry about useless comments which from lazy hopeless people.
3- your videos and tutorials are A+, thank you if you add more videos if you have time for that.
@EMNSK I write down my color code so I know whenever I use it, I will continuously use the same color. This is youtube...and the glory with that is that you can always go back and view what you may have missed. He explains things quite thoroughly and well, honestly is one of the best tutorials I've found thus far on youtube deal with dreamweaver.
I wish I could go to school , I think in the long runs you will be better than most people .
Ha, this dude's videos helped me pass my graphic design classes, now with my website design. =)
THANK YOU!!! I used this video, step-by-step, to create a site for a final project in school!! Thank you soooooo much :D
Really well presented, this guy has a talent for making things seem really simple. One of the best tutorials i've come accross :)
Thanks for sharing this.. This more informative than what they teach in schools.
after i watch this video, I can now create my own website. This is so greate! very helpful video... tnxs tutvid! your so good....
Great tutorial, I will be watching this over and over. Perfect!
It's really a wonderful tool, even my grandma can make a professional website with it!
You Sir, have a spot in heaven waiting for you. Thank you so much for this tutorial.
there's a problem. I can't specify height of the div, or bg image or color. That's happening only with one of the divs, on the other divs it worked fine. I made 2 divs one under the other inside of the Wrapper, and when I try to create third one, it doesn't changes, when I specify height or insert background.
What could be the problem ? thanks.
Thank you so much! Your tutorial is very helpful for people just starting out on dreamweaver!!
With floated div tags, you need to clear the float after your last floated div tag so your following elements don't move to the side of your floated div tag.
Thank you so much!! I konw something about html and php but nothing about css. This tutorial has been usefull to me. Thanks again!
There is no longer a resource link on your webpage for the user to upload the file. After searching through your Dreamweaver link I found the appropriate file however it is the same as this video. How does one get the files?
This is probably the best Tutorial I've ever come across. I've seen a few of your earlier tutorials and they were pretty cool.. But this one was God sent! Thank you so much. Now that' I've made a CSS page... I will rule the world that you plan on teaching. :P ;)
Help! I just want to use Dreamweaver for my shop on Ebay - not a Web site. I used Go Live in the past and am trying to find a simple HTML editor. I want to host my own images and be able to have an image gallery. Please someone explain how I can use DW for the ebay template without having to go into the CSS stuff. Thanks. V
Thank you so much, you are the best, i wish you so much great things in life, this was so great.I had pay some dollars to watch this again and again
Yout tutorials are amaaaaazing! The best on youtube! Thanks for taking the time out to create them for people like me. I am use to table layouts but am slowly getting the hang of divs thanks to you :-)
All the best for 2010!
that was awesome, i know nothing about dreamweaverand i will definately be watching the rest of the videos
It's not really that fast guys, im asian and I'm having no trouble following his awesome instructions. Thank you good sir for the vid, keep it up!
Thanks men i finally understood, the css thing, u are a good teacher
hey man, he gets into detail. It's a good tutorial, really helped me out.
this helped me so much, i followed it and paused while i caught up, thanks poster, thumbs up :-)
Hey just wanted to say thanks I really appreciated this, you're a great teacher!
Brilliant. Makes it so easy with such expert tuition. Thanks.
Rmelkonian, he starts out showing his Dreamweaver preview of the site in Firefox. You just don't see Dreamweaver first off. He had made the entire website once before and was showing those files in preview mode.
Then he recreates it again so we can see how he did it.
I was confused a little at first too. But he is just showing one version of the completed site and switching back to demonstrating how to build it.
Thanks so much! I've been kicking myself cause at my college the instructor...well wasn't a good teacher. He knew what he was doing, he just didn't know how to teach.
Great video, You explained everything so clear and to the max. Keep up the good work and please continue with the tut's.
Thanks so much! I just walked through the whole thing and have a great looking page!
Thanks for that tutorial, you made it really simple to follow.
could you come to this and build on it to make it look top notch in maybe an intermediate part 2 and an advanced part 3?
This was the best video i have ever seen in youtube, it helped me a lot!!!!!!! ty so much!!!!
so awesome, thank you very much. I've been using tables for years and I just now decided to switch to CSS / Div Tags. I think its going to be alot easier than I though, and your video was very straight-to-the-point and very helpful.
I got a bit confused at the end, but I will continue to rewatch over and over again. Can you guys recommend any other good CSS tuts for begginners?
yep! i totally agree, my lecturer teaches at the speed of light so theres no point eva tryin to takes notes. i am totally confused but these vids are a so easy to follow and the guy keeps it all really interestin..;0)
Well done tutorial. I totally get divs now. Keep up the great work!
yea i agree, great tutorial, im gonna start creating my own website actually im learning it at school but i found this tutorial very useful, thx
you are the best teacher no joke
@falkon14 but that's the whole point. divs are more flexible and easily changed than tables once you figure it out.
Great tutorial..Im using CS4 but still was able to follow along pretty well .
when i set the margins to "auto" the wrapper wont go to the centre...
whats wrong?
Thanks so much :) Great tutorial! Longest video I've ever watched on UA-cam
this needs a hell lotta patience, but this is al I guess to create template! good work mate!
thank you so much, this was extremely helpful. Watched it twice
@mocinq Yes you can do that in CSS.
Go to the CSS and write the code with the wrapper where you have the other styles in the wrapper.
Example:
#wrapper {
background-image: url (images/photo1.png;
}
Hope that helped some.
Respond to this video Great tutorial and an easy to listen to voice, unlike a lot of other tutorials where they go straight through your head.
u are a veryy cool dude....i dnt normally sub but ur explanations were so detailed and on point, thank you young sir
If you're on CS5, to insert a Div Tag, go insert and layout objects and it should be the first item on the list. :)
Hi Tutvid,
I am a medical grad, doing masters in Medical informatics (computers + medicine).It was really very hard for me to create a basic webpage, as i really did not had much computer science background. I was always browsing for tutorials, I can say that your video really helped a lot. Thanks for sharing.
Could you post any free websites for template design or could you post some videos on how to design a webpage template. Its more thrilling to design our own template!!!
when I set right and left to auto box didn't center? help me! I am using cs5 btw.
@sisterslivingwell: Middle actually refers to the horizontal space on the page. Watch how he center the wrapper again to know the exact settings. Keep in mind that your logo must have a width for the box or it will default to as large as possible for that area defined. Also, I had problems with the way he did the wrapper originally and had to center the "*" css style sheet. Check out your code and use the style sheet that is above the logo to edit the margins and your logo will center.
You are really good at this. Thanks! I will have to buy the tutorials
This can help a lot of people wanting to have their own website that they can create..
when i float the left div, the right dostay where it is not hide or something, its just stays below the left 1, and i tried float it up but it's just moves to the right but stay below the left, help me plis!!!