Basic HTML and CSS Tutorial. Howto make website from scratch

Back


You can put your site on the web using a free host


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



Simple HTML/CSS Layout Examples





Simple CSS Formatter

HTML testing Sandbox


CSS cheat sheet

HTML Cheat sheet

Group that standardizes html

MetaTags

doctype

Adding Images as backgrounds



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


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

CSS rounded corners

Change the look when printing (media)

CSS Popular Pages



HTML Validator


CSS Validator


Some decent text editors







html forums

CSS Forums


Info about "Lorem Ipsum" often seen on template pages


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

startTime{00:09}

%%programming

Channel: Howto & Style
Uploaded: February 2, 2008 at 10:27 pm
Author: jimmyrcom

Length: 00:39:19
Rating: 4.89
Views: 282256

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

Video Comments:
emilios1310 (November 21, 2008 at 9:34 am)
Run -> Notepad (type it)
underburn0 (November 21, 2008 at 6:27 am)
very nice tutorial !
thx
orgthingy (November 21, 2008 at 3:44 am)
no videos lately :S ?

miss you man :P oh, forgot, and why dont you use linux? :-)
orgthingy (November 21, 2008 at 3:43 am)
it sucks, why do you even want it?
omgapplesaregood (November 20, 2008 at 7:59 pm)
Nice vid really helped, but when you showed the part with the google view source, I almost cried. Because it looks like it's such a simple web page and then the coding is like really long, same thing with other web sites i went to and checked there coding. Sniff. My dream of making my own website has been semi-crushed. =(
boxochamp4 (November 20, 2008 at 12:23 pm)
I HAVE A QUESTION. HOW DO I GET NOTEPAD
onemon22 (November 19, 2008 at 10:26 pm)
Thanks. I am on vloggerheads, and they alow CSS for formating our own page.
folkopera50 (November 19, 2008 at 10:04 pm)
when i go on myspace and want to put an image or picture as my background where and how do i put the code in and where do i find the code for pictures anyway? is it in properties? sorry im crap on computers.
portilop (November 19, 2008 at 1:30 am)
youre a legend jimmy i didnt noe how easy this codin stuff was, by the way i was wonderin if u could post how to add forums and videos on your website and more of the designing the webpage, kinda like how myspace& facebook do it
jimmyrcom (November 18, 2008 at 7:21 pm)
then you didn't correctly save as an html file