CSS Website Design Tutorial – #4 Setting Up a Menu Bar
Jan 13, 2012 in
Web Design Tutorials
In this, the fourth CSS website design tutorial, I will show you how to create a professional website menu bar with a header. There are annotations to my old HTML tutorials too, watch these first to learn about creating your first website. www.GoSoCo.com
Like this post? Subscribe to my RSS feed and get loads more!
25 comments
ElectromechanicPyro on October 16, 2011 at 3:10 pm
@SebastianLondal
As I said to AlbertOfCourse, this is more complex, and depending on the angle you use, will require PHP, JavaScript, Flash or another dynamic language. For instance, a complex site like YouTube is full of JavaScript, PHP and Flash.
TheLoLGameplays7312 on October 17, 2011 at 5:15 am
@ElectromechanicPyro I Agree!
Do you know how to make a register or login system in Dreamweaver?
ElectromechanicPyro on October 17, 2011 at 12:39 pm
@TheLoLGameplays7312
Yes, and it ain’t that easy!! The way that most people will do it, and the core of the process is ALL going to be in PHP, with MySQL on the side. There are probably some tutorials or tutorial series’ on YouTube that detail this.
You kind of have to understand that Dreamweaver is just a very heavily padded Notepad, with predictive text for functions and stuff, but not necessary as a tool.
TheLoLGameplays7312 on October 17, 2011 at 1:10 pm
@ElectromechanicPyro Hmmm…okay!
Thanks!
SebastianLondal on October 17, 2011 at 5:46 pm
And I have another question …
If you make a banner in the middle of the page and then make the window smaller, the background will look very very big. If you look at the professional side, the background less when you make the window smaller.
How do you do this?
And it is with search engine … Is it just the meta tag you need, and not something else?
CamCon586 on October 20, 2011 at 12:57 pm
could you do a tutorial on how to do flash video.
TheIronnic on October 25, 2011 at 8:22 am
Why do you use “class” use “id”, class is for when you are gonna use the same setting for multiple elements.
PeppRally on October 28, 2011 at 3:59 pm
Once again thanks Ed :-)
hoppitt11 on November 5, 2011 at 12:19 pm
He’s just showing 1 thing to do in different ways. And he is uploading video once 4 months so he doesn’t lose he’s partnership with google.
12345432111110 on November 7, 2011 at 4:08 pm
Thanks realllllyy helpful
mbgigaxel on November 9, 2011 at 2:47 am
go to my channel
nimm17 on November 11, 2011 at 1:15 pm
very good tutorial again. cant wait for next part of this. Hope you get around to it really soon.
ZenCartEasyHelp on November 14, 2011 at 6:35 am
Great video! Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:
spyshocker on November 16, 2011 at 10:45 am
Why does my browser not recognise century gothic
spyshocker on November 16, 2011 at 10:46 am
@RivazProHD nice one so funny
mytac0sftw on November 26, 2011 at 12:03 am
@EdzJhonson I figured Id go to ur latest video to ask you this question, and PLEASE REPLY SOON! Can I give you credit and a video I’m about to make? I havent watched your CSS videos yet, but I saw ur old html ones. I was gonna link to your channel in description. Okay, Thanks! Bye ;)
Starkness1 on November 27, 2011 at 8:48 am
PLZ READ
Does anyone here know a good forum where their are always update, friendly and willing to help you learn about Technology *mostly computers* PM me if you have any good ones plz
JessesPlaylist on December 9, 2011 at 6:01 pm
Nothing shows up on my Google Chrome.
TheAncientPro on December 18, 2011 at 4:40 am
@SebastianLondal Check /phpacademy – You need PHP for login’s, he also does tutorials for forums and more!
zipeeeeez on January 1, 2012 at 7:46 pm
I’m suprised that you’re using Notepad coz it’s not effective really,could be at least Notepad ++.
PearSquirrel on January 2, 2012 at 8:45 pm
I wouldn’t use word-spacing. If you wanted to have a link like ‘Youtube Videos’, there would be too much spacing between the two words. It would be better to refer to the individual links and give them a margin (margin-left and margin-right).
It would end up looking like this:
.menu a {
margin: 0px 10px;
}
TheSpyGears on January 5, 2012 at 11:57 am
Can you make a java-script tutorial!
partapeke on January 6, 2012 at 6:54 am
Nothing shows up :D
HTMLTeaser on January 6, 2012 at 1:09 pm
pause at 00:22.
LudicrousAndroid on January 7, 2012 at 10:47 pm
You should make a remix of all the times you’ve ever said refresh
You must be logged in to post a comment.