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



Similar Videos

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

  1. LuigiBrotha says:
    February 3, 2008 at 3:49 am

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

    Reply
  2. reticulation says:
    February 3, 2008 at 4:05 am

    that’s not butter
    that’s not butter

    Reply
  3. SantaClaus3000 says:
    February 3, 2008 at 4:23 am

    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”?

    Reply
  4. zata4r says:
    February 3, 2008 at 4:49 am

    xD i lold
    xD i lold

    Reply
  5. Eels1989 says:
    February 3, 2008 at 4:50 am

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

    Reply
  6. Deeno888 says:
    February 3, 2008 at 5:02 am

    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

    Reply
  7. mohammedbaboor says:
    February 3, 2008 at 5:05 am

    amazing tutorial.
    amazing tutorial.

    Reply
  8. IIwAnDII says:
    February 3, 2008 at 5:14 am

    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..

    Reply
  9. RunescapePKing says:
    February 3, 2008 at 5:24 am

    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

    Reply
  10. grogan4 says:
    February 3, 2008 at 5:30 am

    tank u.
    tank u.

    Reply
  11. Dougien says:
    February 3, 2008 at 5:33 am

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

    Reply
  12. iwurzel says:
    February 3, 2008 at 5:35 am

    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.

    Reply
  13. Pokemon4949 says:
    February 3, 2008 at 5:55 am

    w2haatat
    w2haatat

    Reply
  14. Singul4r1ty says:
    February 3, 2008 at 6:09 am

    Excellent!
    Excellent!

    Reply
  15. petez says:
    February 3, 2008 at 6:21 am

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

    Reply
  16. Meddlmoe says:
    February 3, 2008 at 6:22 am

    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

    Reply
  17. sumfortyone says:
    February 3, 2008 at 6:22 am

    39 mins eh?..

    what …
    39 mins eh?..

    what if someone only had 38 minutes left to live?

    Reply
  18. RustyShacklefordx222 says:
    February 3, 2008 at 6:42 am

    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.

    Reply
  19. hitman555888 says:
    February 3, 2008 at 6:49 am

    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.

    Reply
  20. Sistem215 says:
    February 3, 2008 at 6:54 am

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

    Reply
  21. Craciundani says:
    February 3, 2008 at 7:06 am

    Thank you.
    Thank you.

    Reply
  22. pimpizzle2 says:
    February 3, 2008 at 7:07 am

    Dude THANKS!
    Dude THANKS!

    Reply
  23. streetsmartdude says:
    February 3, 2008 at 7:20 am

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

    Reply
  24. Mich1337 says:
    February 3, 2008 at 7:21 am

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

    Reply
  25. jimmyrcom says:
    February 3, 2008 at 7:23 am

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

    Reply

Leave a Reply

Posted on February 2nd, 2008 by admin

Filed under CSS | 25 Comments »

|