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;
%%programming




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
Beginner MySpace Contact Table Tutorial for PhotoshopXAMPP - Make your Computer a Webserver: Apache, PHP, MySQLhtml tutorial two
beginner-myspace-contact-table-tutorial-for-photoshop.htmlbeginner-myspace-contact-table-tutorial-for-photoshop.htmlbeginner-myspace-contact-table-tutorial-for-photoshop.html
WordPress Tutorial - Change Fonts and Font Size in WordPressCSS - 2 - Basic Structure and SyntaxCSS - 3 - Grouping Elements
beginner-myspace-contact-table-tutorial-for-photoshop.htmlbeginner-myspace-contact-table-tutorial-for-photoshop.htmlbeginner-myspace-contact-table-tutorial-for-photoshop.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
excellent ... ( 1 week ago by GTCMusic)
excellent instructional video. thanks.
thats because its ... ( 1 week ago by H0RNL1N3)
thats because its JIMMY
Hey Great Video!!! ... ( 1 week ago by Karen01959)
Hey Great Video!!! I can really understand this a lot better than I did my instructor. The web class I took was on the internet. The class was not very well constructed. No video instructions or much interaction with the instructor. I think if the instructor would have done a bit more with the media part of the class it might have been a bit more understandable.
Thanks Again Love Your Tutorials!!
39:20! OMG!! the ... ( 1 week ago by 0BL00DZ0WN0)
39:20! OMG!! the max is 10 :D
how do you look up ... ( 6 days ago by Grayfox44414)
how do you look up the site you just made.
(how do you make it's address)?????
since when? ( 6 days ago by ixcaliber)
since when?
yeas i wnana make ... ( 6 days ago by aristides1002)
yeas i wnana make apage but how do i amke money with it i mean teher are people that put ads but how u put em
His a partner. ... ( 5 days ago by ForgetfulLove)
His a partner. Meaning, he can have unlimited time on his videos.
Jimmy, thank you. ... ( 5 days ago by OforOboe)
Jimmy, thank you. Very good instruction.
Thanks a lot. Right ... ( 4 days ago by Learningmore2007)
Thanks a lot. Right now, i'm new into this world of web programming. I love it. It makes me understand faster and easier because of your presentation. I'ma student so there are lot to learn and how to apply it.
i agree with ... ( 4 days ago by MetalChick1982)
i agree with bamford94, this was SO freakin easy! its funny, cuse if anyone were to watch it from the middle to the end, they would NOT know what is going on... This guys a good teacher.
i think its easier ... ( 3 days ago by NikkexD)
i think its easier to code html in notepad then in dreamweaver.. is it only me?
Freakin awesome TUT ( 3 days ago by XGLSuperbounce)
Freakin awesome TUT
that is dand ... ( 3 days ago by lewis200000)
that is dand fucking boring!
I think that this ... ( 3 days ago by sviosfdiablo)
I think that this is the best tutorial on net(in matter of HTML).THX alot!!!PLZ upload more tut like this one.VERY GOOD JOB;gg !!!
awesome! ( 3 days ago by WizzimProductions)
awesome!
wow awesome video, ... ( 2 days ago by demonorhis)
wow awesome video, well done, i started learning html, and this video helped me a lot. tnx man
thanx ill have a ... ( 2 days ago by vidtuts29)
thanx ill have a site up in a few days
this guy is awesome ... ( 1 day ago by koopdawg)
this guy is awesome he tells you every thing you need to need
Fantastic! So ... ( 1 day ago by catja999)
Fantastic! So simple and cool.
JimmyR you are a genius... I love U !!!
i already have a ... ( 1 day ago by Darude2X)
i already have a site
damn your flaming ... ( 20 hours ago by uhdragon2)
damn your flaming moron!
ty helped alot ( 15 hours ago by xXArMXx)
ty helped alot
you're awesome!! ... ( 1 hour ago by KUMU4)
you're awesome!! thank you so much for this tutorial!!


خلفيات وصور عالية الدقة,مكتبة ضخمة,2MrNa Photoslibrary for I


Tell a friend:


URL 
Embed Code