Basic HTML and CSS Tutorial. Howto make website from scratch

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/basic2_fixed.html

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

Free webhosts to upload your custom pages to.
http://www.tripod.lycos.com/
http://pages.google.com/
http://www.atspace.com/
http://geocities.yahoo.com/
http://www.bravenet.com/
http://members.freewebs.com/

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

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

%%programming

Duration : 0:39:19



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

  1. LuigiBrotha Says:

    *Grabs …
    *Grabs runescapePKing’s popcorn* Hey … WHAT THE HELL IS THAT HOLE AT THE BOTTOM OF THE BUCKET !

  2. reticulation Says:

    that’s not butter
    that’s not butter

  3. SantaClaus3000 Says:

    Awesome!! but why …
    Awesome!! but why do you use “foo” as an example for most of your tutorials? any reason? why not “joo” or “woo”?

  4. zata4r Says:

    xD i lold
    xD i lold

  5. Eels1989 Says:

    It’s just a common …
    It’s just a common programming term. It doesn’t mean anything. You can see more info on Wikipedia.

  6. Deeno888 Says:

    Jimmy You do great …
    Jimmy You do great videos but if I have to listen to that bloody intro one more time “@#$%”.

    Many You-Tubers run these repetitive Nag screen at the beginning of their Videos, promoting there sites. It’s enough to make you want to un-subscribe. I hope it will become as Naff as those hundreds of Animated gif’s which used to pepper peoples web pages, or an MS Front Page Template.

    Please get to the point and be a little more creative with your site ads.

    Best wishes by the way ;)
    Deeno

  7. mohammedbaboor Says:

    amazing tutorial.
    amazing tutorial.

  8. IIwAnDII Says:

    yah!! so many …
    yah!! so many people have this long ass intros..and when comment bout their intros…whoop..there goes everybody giving you the retarded thumbs down..

  9. RunescapePKing Says:

    Thanks alot! Ive …
    Thanks alot! Ive made a little website with all the stuff you teached, its not lookin great, because the positions are all messed up… anyway… thanks alot

  10. grogan4 Says:

    tank u.
    tank u.

  11. Dougien Says:

    shit jimmy that is …
    shit jimmy that is long! lol, ill favourite and watch it later

  12. iwurzel Says:

    Hey Jimmy,
    Another …

    Hey Jimmy,
    Another great tutorial, I always wanted to get html and css,
    thanks to this, it’s been made a lot clearer…
    five stars.

  13. Pokemon4949 Says:

    w2haatat
    w2haatat

  14. Singul4r1ty Says:

    Excellent!
    Excellent!

  15. petez Says:

    Lot of work and …
    Lot of work and dedication. Good job.

  16. Meddlmoe Says:

    hi jimmy

    thanks …
    hi jimmy

    thanks for that tutorial

    i knew some html and php but i learned it more than 6 years ago a i was not familiar with the very comfortable div tag.

    mfg moe

  17. sumfortyone Says:

    39 mins eh?..

    what …
    39 mins eh?..

    what if someone only had 38 minutes left to live?

  18. RustyShacklefordx222 Says:

    How did you make a …
    How did you make a video 39 minutes long? I thought youtube got all strickt only having videos be 10 minutes long.

  19. hitman555888 Says:

    I’m taking note of …
    I’m taking note of everything so that I can start making my own website. And also I’m using your batch file tutorials to make many help batch files to make my life easy, I even made a command prompt video to spread the knowledge around youtube. Good video and keep on fragging trucks. And I like his intro it’s creative.

  20. Sistem215 Says:

    Great…you are the …
    Great…you are the best!Thanks

  21. Craciundani Says:

    Thank you.
    Thank you.

  22. pimpizzle2 Says:

    Dude THANKS!
    Dude THANKS!

  23. streetsmartdude Says:

    same question here? …
    same question here?!
    going to check out the rules now!!!!1

  24. Mich1337 Says:

    ohmygod ohmygod oh …
    ohmygod ohmygod oh my god can u be quicker in explaining? ITS TOO FRIckin LONG

  25. jimmyrcom Says:

    you can’t learn …
    you can’t learn html in 10min

Leave a Reply

Posted on February 2nd, 2008 by admin

Filed under CSS |

|