Internet Videos

All Categories

My Websites

Sunday, 3rd of February 2008 (3-02-2008)

Basic HTML and CSS Tutorial

Video tutorial howto on basic html and css. Tons of resources. Make a website from scratch using only notepad.

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 layouts/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

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:
How to build google chrome extensions

Roleplay for Free

Please join my Roleplay site. Free, no email required.

Free Video Tutorials

I make video tutorials on a variety of topics on youtube. Please help me out by adding me as a friend if you have a youtube account. It really helps. Add me on Facebook

Save To Del.icio.us, Submit to Digg, Stumble it!


Share This Page