Zhuzha | Kinchik | Celebrities | Muravey Link Dump | Free MySpace Scripts | Moovik | Photo Cube | Free Image Hosting

Basic HTML and CSS Tutorial. Howto make website from scratch



Uploaded by: jimmyrcom
Video Description:
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;
startTime{00:09}
%%programming

Related Videos
HTMLHow to Make Your Own WebsiteCSS Tutorial - 1 - Introduction to CSS
html.htmlhtml.htmlhtml.html
CSS Tutorial // Div Layers, ClassesPHP Tutorial: Installation and The BasicsPrince XML: Generating High Quality PDFs from HTML + CSS
html.htmlhtml.htmlhtml.html


Share This Video:       StumbleUpon       del.icio.us       Reddit       digg       Furl       Spurl       Simpy       YahooMyWeb


Comments for this video: Show || Hide
Comments for this video on YouTube
Great video! ( 5 days ago by danielawesome12)
Great video!
Array ( 5 days ago by BostonTrucker)
Good vid thank's <--<<
How the hell do you ... ( 5 days ago by Zackasaurus68)
How the hell do you make it public!?
You need a host ... ( 5 days ago by iRichiepoo)
You need a host like freewebs or something like that. Search freewebs html on youtube to find out how to put your html onto freewebs.
? whym may this vid ... ( 5 days ago by ikbennl)
? whym may this vid may be 40 minutes?
upload it to a ... ( 4 days ago by baileyraetsen)
upload it to a webhost.
Or use freewebs and make your template there..
this rock's ( 4 days ago by shadowrealm145)
this rock's
this is absolutely ... ( 4 days ago by SNX11)
this is absolutely awesome! ur really clever :D
Thank you this ... ( 3 days ago by Zunit89)
Thank you this video helped me alot
one million thanks! ( 3 days ago by LaEmotion)
one million thanks!
hey man my image ... ( 3 days ago by gtLittlestwarrior)
hey man my image wont work could you give me some ideas why.
P.S. I am running on ubuntu on a text editor that i made with RealBASIC
what a cool ... ( 3 days ago by ilmuscience)
what a cool teaching, you are awesome, thwo thumbs up 4 u
for some reason it ... ( 2 days ago by ayonarenee)
for some reason it is just showing everything i typed in the web page basicly the tags arent working
then you didn't ... ( 2 days ago by jimmyrcom)
then you didn't correctly save as an html file
youre a legend ... ( 2 days ago by portilop)
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
when i go on ... ( 1 day ago by folkopera50)
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.
Thanks. I am on ... ( 1 day ago by onemon22)
Thanks. I am on vloggerheads, and they alow CSS for formating our own page.
I HAVE A QUESTION. ... ( 1 day ago by boxochamp4)
I HAVE A QUESTION. HOW DO I GET NOTEPAD
Nice vid really ... ( 20 hours ago by omgapplesaregood)
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. =(
it sucks, why do ... ( 13 hours ago by orgthingy)
it sucks, why do you even want it?
no videos lately :S ... ( 13 hours ago by orgthingy)
no videos lately :S ?
miss you man :P oh, forgot, and why dont you use linux? :-)
very nice tutorial ... ( 10 hours ago by underburn0)
very nice tutorial !
thx
Array ( 7 hours ago by emilios1310)
Run -> Notepad (type it)
Your welcome, I'm ... ( 26 minutes ago by emilios1310)
Your welcome, I'm glad to help! :D
Notepad is very good program! :)



Tell a friend:


URL 
Embed Code 



Zhuzha | Kinchik | Celebrities | Muravey Link Dump | Free MySpace Scripts | Moovik | Photo Cube | Free Image Hosting