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

 

TVonPC

TVonPC


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

Find more videos in the "Howto" category
See more videos uploaded by jimmyrcom

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
How the hell do you ... ( 6 days ago by Zackasaurus68)
How the hell do you make it public!?
You need a host ... ( 6 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 ... ( 6 days ago by ikbennl)
? whym may this vid may be 40 minutes?
upload it to a ... ( 6 days ago by baileyraetsen)
upload it to a webhost.
Or use freewebs and make your template there..
this rock's ( 5 days ago by shadowrealm145)
this rock's
this is absolutely ... ( 5 days ago by SNX11)
this is absolutely awesome! ur really clever :D
Thank you this ... ( 5 days ago by Zunit89)
Thank you this video helped me alot
one million thanks! ( 4 days ago by LaEmotion)
one million thanks!
hey man my image ... ( 4 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 ... ( 4 days ago by ilmuscience)
what a cool teaching, you are awesome, thwo thumbs up 4 u
for some reason it ... ( 4 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 ... ( 4 days ago by jimmyrcom)
then you didn't correctly save as an html file
youre a legend ... ( 4 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 ... ( 3 days 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 ... ( 3 days ago by onemon22)
Thanks. I am on vloggerheads, and they alow CSS for formating our own page.
I HAVE A QUESTION. ... ( 2 days ago by boxochamp4)
I HAVE A QUESTION. HOW DO I GET NOTEPAD
Nice vid really ... ( 2 days 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 ... ( 2 days ago by orgthingy)
it sucks, why do you even want it?
no videos lately :S ... ( 2 days ago by orgthingy)
no videos lately :S ?
miss you man :P oh, forgot, and why dont you use linux? :-)
very nice tutorial ... ( 1 day ago by underburn0)
very nice tutorial !
thx
Array ( 1 day ago by emilios1310)
Run -> Notepad (type it)
THANKS emilios1310 ... ( 1 day ago by boxochamp4)
THANKS emilios1310 i finaly opened notepad
Your welcome, I'm ... ( 1 day ago by emilios1310)
Your welcome, I'm glad to help! :D
Notepad is very good program! :)
he sounds like ross ... ( 5 hours ago by harrison555)
he sounds like ross from friends.


Send this animation video to myspace, facebook, friendster, hi5

 
 


Tell a friend:



URL 
Embed Code