Basic HTML and CSS Tutorial. Howto make website from scratch



Watch Here
Watch on YT

Time: 39 min
Rating: 4.89 / 5
Views: 56317
Rated: 1398
Talk: 561
Faves: 972
Video Description
You can put your site on the web using a free host

List of Webhosting Companies



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

HTML Tutorial

CSS Tutorial



Simple HTML/CSS Layout Examples

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready f

Faux Column CSS Layouts - Code-Sucks.com

Nice and Free CSS Templates

Little Boxes



Simple CSS Formatter

CSS Type Set

HTML testing Sandbox

HTML SandBox



CSS cheat sheet

Google

HTML Cheat sheet

Google

Group that standardizes html

World Wide Web Consortium

MetaTags

Google

doctype

Google

Adding Images as backgrounds

CSS Background Properties





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

HTML Color Code Combination Chooser



Domains cost money, like $10 a year usually or less. I'm not going to endorse any registrars.



CSS rounded corners

Google

Change the look when printing (media)

Media types

CSS Popular Pages

del.icio.us search for "css"

del.icio.us search for "top css"



HTML Validator

The W3C Markup Validation Service



CSS Validator

http://jigsaw.w3.org/css-validator/...



Some decent text editors

Text Editor for Windows

PSPad - freeware unicode developer editor, capable handle near any syntax, e.g.

.:: NOTEPAD++ ::.

jEdit - Programmer's Text Editor -

overview





Scintilla and SciTE



Award-Winning NoteTab Text Editors and HTML Editors



html forums



Discussions -

alt.html |

Google Groups



CSS Forums

CSS Creator



Info about "Lorem Ipsum" often seen on template pages

Lorem ipsum - Wikipedia, the free encyclopedia



CSS Transparency

IE

filter:alpha(opacity=50);

Firefox

-moz-opacity:0.5;

kde based browsers

-khtml-opacity: 0.5;

Safari

opacity: 0.5;



[ Watch Here ] [ Full Screen ] [ See on Youtube ] [ Download (?) ] [ Subscribe ]




Latest Comments



Tags: advanced, beginners, css, custom, edit, free, hack, howto, html, jimmyrcom, make, scraft, tutorial, tutorials, website, websites

By Jimmy Ruska aka JimmyRcom on youtube.