HTML Website Design Tutorial – How To Make a Side Menu Bar

January 19th, 2010 | by admin |

In this tutorial I will teach you how to make a side menu bar in html on your website design document. I will show you how to add links, space the website, add tables, add a banner and how to format the text to different colours fonts and sizes.

Follow Me:
http://www.twitter.com/edzjohnson

Duration : 0:9:55


[youtube afr9yVTGK-0]

  1. 25 Responses to “HTML Website Design Tutorial – How To Make a Side Menu Bar”

  2. By 1eyehaventgot on Jan 19, 2010 | Reply

    @1eyehaventgotwait …
    @1eyehaventgotwait i got it, i forgot i first just saved the banner by itself as its own page, then i had the wrong page open

  3. By 1eyehaventgot on Jan 19, 2010 | Reply

    I don’t know why, …
    I don’t know why, but my page is only showing the banner area, not the side bar.

  4. By 1eyehaventgot on Jan 19, 2010 | Reply

    @naythan7 CSS is is …
    @naythan7 CSS is is just the style setting of html, either done between style tags in the head, or in a style attribute in a tag in the body.

  5. By RubiksCuber94 on Jan 19, 2010 | Reply

    Do you always …
    Do you always design with tables and inline styles? Tables and inline CSS is a horrible way to code…

  6. By naythan7 on Jan 19, 2010 | Reply

    thank you so much …
    thank you so much for the great video that you posted. it helps me a lot…. thank you…thank you… can you tell me how to put a slideshow in the web page for my office photos… thankss.. coz now i’m building a website with your help…..

  7. By GraphicAbility on Jan 19, 2010 | Reply

    yes
    yes

  8. By GraphicAbility on Jan 19, 2010 | Reply

    design with code by …
    design with code by hand until you understand it completley, and learn divs

  9. By BeatleUniversity on Jan 19, 2010 | Reply

    Good tutorial. I …
    Good tutorial. I still use tables. Does anyone still use tables anymore? I don’t know CSS that well yet. I still design with dreamweaver. Should I just design by handing the code?

  10. By JoshMurphy2 on Jan 19, 2010 | Reply

    Thanks for this …
    Thanks for this video! Great tutorial for a basic understanding of HTML

  11. By webguruindia on Jan 19, 2010 | Reply

    Thanks a lot
    Thanks a lot

  12. By iced87 on Jan 19, 2010 | Reply

    nice tutorial man, …
    nice tutorial man, would be really nice if you include a link to the source code or something

  13. By iced87 on Jan 19, 2010 | Reply

    yes
    yes

  14. By naythan7 on Jan 19, 2010 | Reply

    can you combine …
    can you combine html with css?

  15. By Charles55661 on Jan 19, 2010 | Reply

    Hey1 this is very …
    Hey1 this is very helpful!!! I already understand everything my prof. cannot explain! thanks for this video tutorial. hope you could follow up this and add more stuff into it. this is the style i am going to use in my website project…

  16. By Youngbergl on Jan 19, 2010 | Reply

    RoveMe, I believe …
    RoveMe, I believe he was creating this tutorial for basic HTML only. I would bet money that explaining just HTML would be more helpful for a HTML tutorial. No reason to confuse the learners with anything other than HTML, such as myself, I understand the basics, even a little CSS and so on, but I would rather start clean.

  17. By RovoMe on Jan 19, 2010 | Reply

    I’m not sure how to …
    I’m not sure how to rate your video – for a beginner there are a lot of helpful tips and techniques, but most of it is unfortunately outdated. As I looked through your other videos, you already made css-tutorials. why not continue your design with a split of html and css-style?

    one other thing: you put all your content in a table, if you want to change your layout someday, you have to change maybe everything. thats when div-tags come handy, where you can format and position them via css-tags

  18. By s3mbrutt83 on Jan 19, 2010 | Reply

    thanks for this …
    thanks for this uploaded,i have a question how to include picture in html???

  19. By barbualexandru6630 on Jan 19, 2010 | Reply

    please tell my …
    please tell my someone…. how i change the name of the site and i put online

  20. By SuperDrifter101 on Jan 19, 2010 | Reply

    wow
    wow

  21. By NICHOLASM1987 on Jan 19, 2010 | Reply

    thats a good video …
    thats a good video verey helpful along my quest to make my site.

  22. By madguys12 on Jan 19, 2010 | Reply

    My head hurts..how …
    My head hurts..how u remember all of that? besides chack my site out
    wasteland-survival.moogo,com

  23. By cytt on Jan 19, 2010 | Reply

    U had everything …
    U had everything memorized?

  24. By TheEvaldas12 on Jan 19, 2010 | Reply

    again just the …
    again just the basics

  25. By DjFlightless on Jan 19, 2010 | Reply

    Youz so smart! 5*
    Youz so smart! 5*

  26. By 07JEFFHARDY on Jan 19, 2010 | Reply

    yeah..i know but …
    yeah..i know but the speed will be same..except if i put it in my psp..

Post a Comment