Basic HTML and CSS Tutorial. Howto make website from scratch

You can put your site on the web using a free host
http://blog.jimmyr.com/List_of_Webhosting_Companies_17_2008.php

Yeah, it’s long. #1 requested tutorial on my page is how to make your own site though. I guess it beats those “learn html in 24 hours” books in any case. See the freehosts below on how to put your page online.

w3 html and css
http://www.w3schools.com/html/
http://www.w3schools.com/css/default.asp

Simple HTML/CSS Layout Examples
http://blog.html.it/layoutgala/
http://www.code-sucks.com/css%20layouts/faux-css-layouts/
http://www.mycelly.com/
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Simple CSS Formatter
http://csstypeset.com/
HTML testing Sandbox
http://htmlsandbox.com/

CSS cheat sheet
http://www.google.com/search?hl=en&q=css+cheat+sheet&btnG=Search
HTML Cheat sheet
http://www.google.com/search?hl=en&q=html+cheat+sheet&btnG=Search
Group that standardizes html
http://www.w3.org/
MetaTags
http://www.google.com/search?hl=en&pwst=1&sa=X&oi=spell&resnum=0&ct=result&cd=1&q=meta+tags&spell=1
doctype
http://www.google.com/search?hl=en&q=doctype&btnG=Search
Adding Images as backgrounds
http://www.w3schools.com/css/css_background.asp

RGB Color
You can indicate color by using RGB mode too. eg. #336699 is a nice blue google likes to use. It stands for 33 red, 66 green, and 99 blue in hexadecimal. Here’s a RGB color picker
http://www.siteprocentral.com/html_color_code.html

Domains cost money, like $10 a year usually or less. I’m not going to endorse any registrars.

CSS rounded corners
http://www.google.com/search?hl=en&q=css+rounded+corners&btnG=Search
Change the look when printing (media)
http://www.w3.org/TR/REC-CSS2/media.html
CSS Popular Pages
http://del.icio.us/search/?fr=del_icio_us&p=css&type=all
http://del.icio.us/search/?fr=del_icio_us&p=top+css&type=all

HTML Validator
http://validator.w3.org/

CSS Validator
http://jigsaw.w3.org/css-validator/

Some decent text editors
http://www.context.cx/
http://www.pspad.com/
http://notepad-plus.sourceforge.net/uk/site.htm
http://www.jedit.org/
http://www.scintilla.org/SciTE.html
http://www.notetab.com/

html forums
http://groups.google.com/group/alt.html/topics?lnk=gschg
CSS Forums
http://csscreator.com/?q=forum/

Info about “Lorem Ipsum” often seen on template pages
http://en.wikipedia.org/wiki/Lorem_ipsum

blah
http://www.bbc.co.uk/blogs/radiolabs/2009/01/how_we_make_websites.shtml
http://arbent.net/blog/css-tips-that-every-beginning-developer-should-know-about

CSS Transparency
IE
filter:alpha(opacity=50);
Firefox
-moz-opacity:0.5;
kde based browsers
-khtml-opacity: 0.5;
Safari
opacity: 0.5;

startTime{00:09}

%%programming

Duration : 0:39:19


[youtube GwQMnpUsj8I]

25 Responses to “Basic HTML and CSS Tutorial. Howto make website from scratch”

  1. foo
    foo

  2. Clean video, nice …
    Clean video, nice voice, well explained.

    Better than any other.

    You made my day.

  3. Hey Jimmy, I like …
    Hey Jimmy, I like your videos cuz u explain everything in a very easy way to understand. I would like to know if there is any way I can discuss my technical problems directly with you, either on the phone or chat…please suggest

  4. i just learned how …
    i just learned how to put a video in your website like this.

  5. Omg you are the …
    Omg you are the bestbestbestbestbest teacher ever!! Thx so much!!

  6. 5 stars and 1 …
    5 stars and 1 subscribe for you :) )

  7. hey you`re the best …
    hey you`re the best, you explain better than my teacher!!! phiuu!This really help me!!

  8. open up your prefs …
    open up your prefs in text edit and click “ignore rich text commands in html files”
    should work, i had same prob.
    j

  9. it wont work for me
    it wont work for me

  10. hi your video is …
    hi your video is helping me a lot but i have a problem:im using textedit on my mac and im dragging it into safari and it’s showing up just as it looks in textedit rather than a webpage :S
    what am i doing wrong?

  11. dud im doing web …
    dud im doing web design course and have to build a website you just helped me thanks heaps.

  12. jewinahandbasket on November 14th, 2009 at 12:58 pm

    Free Lockerz Invite …
    Free Lockerz Invite!!!! Message me your email and join Lockerz today! 100% Free of spam and 100% Authenticity!!

  13. Me too, i’m 12 and …
    Me too, i’m 12 and it’s not very hard to understand.

  14. alot of practice. …
    alot of practice. i’m 11 yrs old and i have it all memorized.

  15. This is amazing!! …
    This is amazing!! Thanks so much!

  16. You’re style of …
    You’re style of teaching is easy to understand. I did subscribe. Please do more.

  17. Thanks a million!!! …
    Thanks a million!!!
    Never thought css was this simple :)
    I’m sooo happy as this will help me a LOT in my school project.
    (i created a utube account just to comment :D )
    Thank you..u are the greatest computer teacher I have ever come across :)

  18. incredible video, …
    incredible video, who would have thought you could learn so much in only 40 mins. you would make a great teacher, did you have a list of the things you wanted to cover? really impressed helped me alot.

  19. I learned more from …
    I learned more from this 39 minutes and 20 second long video, than an annual web design course. Bravo Jimmy.

  20. Nice vid.
    Nice vid.

  21. Hey Jim. This is …
    Hey Jim. This is truly a great lesson but one question, how do you delete the whole entry on the website. i could edit the body and all but if I want to take design all together . Any simple steps? thanks.

  22. i cant seem 2 get …
    i cant seem 2 get it to go 2 the tittle it goes straight 2 the actual page whatever its called….lol

  23. I found out the …
    I found out the answer myself, thanks.

  24. I could not edit …
    I could not edit when I exited last night. Came back and having problems with changing words or even deleting anything. help !

  25. im in school for …
    im in school for this and watching your vid really helped.

Leave a Reply