«
»

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;

@@@{
“Group”: “Programming”,

“JumpPoints”: [
{ "Description": "Standardizations Rant", "time": "04:21" },
{ "Description": "List of Intervals and their note Distances", "time": "5:20" },
{ "Description": "Using TrainEar.com", "time": "5:32" }
],

“Subtitles”: [
{"locale": "EN", "long": "English", "url": "http://youtube.jimmyr.com/subs/K3kC_lYLAZw_en.srt" },
{"locale": "ES", "long": "Spanish", "url": "http://youtube.jimmyr.com/subs/K3kC_lYLAZw_es.srt" }
],

“Related”: [
{ "id": "afgyNp5HueQ", "description": PHP Tutorial" }
],
“Tags”: “HTML Tutorial, Learn HTML and CSS, CSS Tutorial, html video tutorial”
}

Duration : 0:39:19


Tags: , , , , , , , , , , , , , , ,

This entry was posted on Wednesday, December 9th, 2009 at 1:50 pm and is filed under build a website. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

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

  1. ArchieJanic Says:
    December 9th, 2009 at 1:50 pm

    This is a very …
    This is a very awesome tutorial, yeah mon! Keep up the good work Jimmy.

  2. pimpmyspy Says:
    December 9th, 2009 at 1:50 pm

    awesome
    awesome

  3. Djmangoos Says:
    December 9th, 2009 at 1:50 pm

    THATS C++
    THATS C++

  4. MissLorena54 Says:
    December 9th, 2009 at 1:50 pm

    Best tutorial ever. …
    Best tutorial ever.
    Will subscribe and recommend this one.
    Easy to follow, friendly and very complete.
    Keep up with the great work
    Thank you

  5. locky15luvsbball Says:
    December 9th, 2009 at 1:50 pm

    good tutorial and …
    good tutorial and how .long did this vid take to upload its like 40 minutes LONG

  6. 33Lloyd Says:
    December 9th, 2009 at 1:50 pm

    Go to my page and …
    Go to my page and click on Learning HTML

  7. yourlocalloser Says:
    December 9th, 2009 at 1:50 pm

    why is my left: …
    why is my left:100px not working? I don’t get it

  8. 33Lloyd Says:
    December 9th, 2009 at 1:50 pm

    View my HTML VIDEO
    View my HTML VIDEO

  9. KyleLee408 Says:
    December 9th, 2009 at 1:50 pm

    Love if JimmyR! It …
    Love if JimmyR! It really helped me. But I have one problem, I cannot get my picture to work. So if you can message me back as soon as possible then that would be great! Thanks for all the tutorials Jimmy! They are really helpful. I learnt 60% of the stuff about computers by you! You should make more tutorials about awesome stuff like this. Oh my… I better stop typing. I’m reaching the limit. Laugh out loud. Oh well thanks for all the tutorials JimmyR and keep up the good work there!
    -Kyle

  10. bhabooshka Says:
    December 9th, 2009 at 1:50 pm

    so, … how is that …
    so, … how is that stupid?

  11. av8mm Says:
    December 9th, 2009 at 1:50 pm

    Excellent tutorial. …
    Excellent tutorial. I really enjoyed how you used plain old notepad without talking down to people that use other methods of editing. I also liked how you provided examples of using what was intructed. I will look to see if you have other tuts out there as well.

  12. Rempa69 Says:
    December 9th, 2009 at 1:50 pm

    thx
    it very help me
    thx
    it very help me

  13. GamerKnowsBest Says:
    December 9th, 2009 at 1:50 pm

    nice
    nice

  14. Cadoan Says:
    December 9th, 2009 at 1:50 pm

    Your voice and …
    Your voice and humor rocks. You made me chuckle several times. Thanks for an awesome video!

  15. 2237lemon Says:
    December 9th, 2009 at 1:50 pm

    Thx JimmyR
    This …
    Thx JimmyR
    This video Rox

  16. MultiSuperfunny Says:
    December 9th, 2009 at 1:50 pm

    39 min o.O
    39 min o.O

  17. AnArchyst666 Says:
    December 9th, 2009 at 1:50 pm

    liked it, im …
    liked it, im learning html and css by myself at the moment and i really learned some from this tutorial too – thanx

    p.s. your voice rock lol ^^

  18. 233312 Says:
    December 9th, 2009 at 1:50 pm

    this is stupid, im …
    this is stupid, im watchin this in computers class right now

  19. faZGGot Says:
    December 9th, 2009 at 1:50 pm

    Tnx Tnx Tnx!!!!!!!
    …
    Tnx Tnx Tnx!!!!!!!

    5/5 stars!!!!!!!

  20. lauraJuiceSmuggler Says:
    December 9th, 2009 at 1:50 pm

    do u know what …
    do u know what needs a refresh? my brains o.O

  21. hecticGT Says:
    December 9th, 2009 at 1:50 pm

    ?
    WTF?
    ?
    ?
    WTF?
    ?

  22. bigboy6969100 Says:
    December 9th, 2009 at 1:50 pm

    i try it but i dont …
    i try it but i dont make my own link it only work on my desk top how can i have my own webpage so i can go to any computer and see my web page and how do i interact let me know ok thank you

  23. LiamGiles94 Says:
    December 9th, 2009 at 1:50 pm

    the image code …
    the image code doesn’t work for me for some reason please help

  24. kazu2080 Says:
    December 9th, 2009 at 1:50 pm

    I would like you to …
    I would like you to make another brilliant video about HTML and CSS or PHP or XML.

  25. inappropriategiggle Says:
    December 9th, 2009 at 1:50 pm

    Perfect. Thank you.
    Perfect. Thank you.

Leave a Reply