Basic HTML and CSS Tutorial. Howto make website from scratch

Posted by admin on 18th, 2008

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

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

%%programming


Related Music VDO

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

  1. Maisie

    Excellent tutorial! I had not played with html since 1995 or something (Mosaic anyone?) and I needed an update on CSS & DIV. It does beats those “learn html in 24h”! Cheers.


  2. Audrick

    Jimmy! How come you are the best guru ever to be heard of?! Your mom must be proud!


  3. LIDIO

    wow it help me alot thanks man!


  4. SIRAJ-AL-LEIL

    Hi, What do u need to make an “enquiry form” on your website?


  5. Vienna

    thats good but i wanna guide that shows you hwo to make online gangster rpgs games :(


  6. SKYE

    so basicaly i just need to no how to make a blog?


  7. PRESTON

    A php document is a page that replaces the html file and allows the user to input text in fields, and paired with a “database file”, it will save that text in “character strings” so you can leave the site, come back later, and it will still be there. Every blog and forum on the internet uses it.


  8. HONDO

    whats a php document


  9. STRONG

    that requires the use of php documents instead of html


  10. KOOFREY

    Wow dude, i listened to the whole tutorial, and it HELPED A LOT. Im a beginner to the website making. Thanks to you jimmyr,
    sAtisfieD25


  11. Landrey

    Well,I knew most of HTML but your tutorial helped me!


  12. ISSA

    Self closing an element (img or hr) is only required for XHTML Doctypes.


  13. Gottfried

    hey man - do you know how to out a comment page on my website - i got one but it didnt work


  14. ADRIAN

    very good


  15. ANDROMACHE

    Thank you so much, man. Thanks to the style location code and the hr tags, I have completely eliminated the need for table tags, with much better looking results.


  16. KONTXESI

    hey can you tell me hot to make a blog on my website


  17. IOANA

    This is so much better than my lecturer. Thanks!


  18. Llesenia

    my website sucks i just delted it


  19. Taaveti

    Dude, this is amazing!


  20. WOODLEY

    everytime i enter a picture it shows up as a box with a red x in? whats happening?


  21. BARTA

    yes that could work aswell =]
    btw do u no how to make pictures scroll along the page and repeat the sequence?


  22. Michella

    or just upload your pics to the same server too


Leave a Reply



Search


SUBSCRIBE

Add to Technorati Favorites

Best Seller


Vdo2MuSic.Com is Digg proof thanks to caching by WP Super Cache!

eXTReMe Tracker