Upload

Loading icon Loading...

This video is unavailable.

Learn HTML and CSS Tutorial. Howto make website from scratch

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like Jimmy Ruska's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike Jimmy Ruska's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add Jimmy Ruska's video to your playlist.

Uploaded on Feb 2, 2008

You can put your site on the web using a free host
http://blog.jimmyr.com/List_of_Webhos...

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%20layou...
http://www.mycelly.com/
http://www.thenoodleincident.com/tuto...

Simple CSS Formatter
http://csstypeset.com/
HTML testing Sandbox
http://htmlsandbox.com/

CSS cheat sheet
http://www.google.com/search?hl=en&am...
HTML Cheat sheet
http://www.google.com/search?hl=en&am...
Group that standardizes html
http://www.w3.org/
MetaTags
http://www.google.com/search?hl=en&am...
doctype
http://www.google.com/search?hl=en&am...
Adding Images as backgrounds
http://www.w3schools.com/css/css_back...


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

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&am...
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_ici...
http://del.icio.us/search/?fr=del_ici...

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/u...
http://www.jedit.org/
http://www.scintilla.org/SciTE.html
http://www.notetab.com/

html forums
http://groups.google.com/group/alt.ht...
CSS Forums
http://csscreator.com/?q=forum/

Info about "Lorem Ipsum" often seen on template pages
http://en.wikipedia.org/wiki/Lorem_ipsum

blah
http://www.bbc.co.uk/blogs/radiolabs/...
http://arbent.net/blog/css-tips-that-...

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

@@@{
"Group": "Programming",

"JumpPoints": [
{ "Description": "Standardizations Rant", "time": "04:21" },
{ "Description": "List of Intervals and their note Distances", "time": "5:20" },
{ "Description": "Using TrainEar.com", "time": "5:32" }
],

"Subtitles": [
{"locale": "EN", "long": "English", "url": "http://youtube.jimmyr.com/subs/K3kC_l... },
{"locale": "ES", "long": "Spanish", "url": "http://youtube.jimmyr.com/subs/K3kC_l... }
],

"Related": [
{ "id": "afgyNp5HueQ", "description": PHP Tutorial" }
],
"Tags": "HTML Tutorial, Learn HTML and CSS, CSS Tutorial, html video tutorial"
}

Loading icon Loading...

Loading icon Loading...

Loading icon Loading...

The interactive transcript could not be loaded.

Loading icon Loading...

Loading icon Loading...

Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.

Loading icon Loading...

Advertisement
Loading...
Working...
Sign in to add this to Watch Later

Add to