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
L2BHOP - Counter-Strike Source Bunnyhop TutorialTransparent SWF using HTML CSS and Divs in Dreamweaver CS3!Text Formatting on Youtube - Add Html to Comments
l2bhop-counterstrike-source-bunnyhop-tutorial.htmll2bhop-counterstrike-source-bunnyhop-tutorial.htmll2bhop-counterstrike-source-bunnyhop-tutorial.html
PHP Tutorial // Registration V3.Blog Tutorial Part 1 // The LayoutBlog Tutorial Part 2 // The Admin Login
l2bhop-counterstrike-source-bunnyhop-tutorial.htmll2bhop-counterstrike-source-bunnyhop-tutorial.htmll2bhop-counterstrike-source-bunnyhop-tutorial.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
This video is so ... ( 6 days ago by Palliekilla)
This video is so helpful!!
No, there are many ... ( 6 days ago by ccricers)
No, there are many free web hosts, although many include ads.
Classes are for ... ( 6 days ago by ccricers)
Classes are for styles you want to use multiple times, and IDs are only for using once per page. It wouldn't make sense to give two tags the same ID, right?
Hey, great tutorial ... ( 5 days ago by RoseWestxxx)
Hey, great tutorial, but why do you still use Win98? Isn't it a bit... outdated?
I don't ( 5 days ago by jimmyrcom)
I don't
yeah, also with ... ( 5 days ago by jimmyrcom)
yeah, also with classes you can specify that all subelements within lets say a certain div, of any tag you specify be a certain style without adding a class= for every one.
JIMMYRCOM=GOD ... ( 5 days ago by platanoproductions)
JIMMYRCOM=GOD however i can't seem to get my pics up maybe they are in the wrong format any tips
they have to be in ... ( 5 days ago by jimmyrcom)
they have to be in the same directory, or you can use a relative path like "./images/thepic/thepic.jpg". here's some relative examples "/" = root dir, "./" = current dir, "../" directory two levels down, "../../" directory two levels down.
thanks so much for ... ( 5 days ago by youaremynitesky)
thanks so much for this!
I'm sorry, my ... ( 4 days ago by RoseWestxxx)
I'm sorry, my mistake. Aren't XP or Vista sufficient enough for you? Or are you using the 98 interface for Vista?
thank so much,you ... ( 4 days ago by SharRehTV)
thank so much,you are great!
Incredibly helpful ... ( 3 days ago by gobanzomon)
Incredibly helpful tutorial. Perfect pacing for me.
it is a theme ( 3 days ago by xxxDirectEffectxxx)
it is a theme
thanks for the help ( 3 days ago by paulsweeney999)
thanks for the help
hey dude thanks!! ... ( 3 days ago by eletronicguru)
hey dude thanks!! you rule
Cool I need this ... ( 2 days ago by JohnG0794)
Cool I need this when my site is back up, I always use a free CSS template and just change all the txt. Thanks for this
Im doing exactally ... ( 2 days ago by atv182)
Im doing exactally what you are but half the stuff isn't working for me.
like the style and borders. help me please
how do make it ... ( 1 day ago by zodiacie)
how do make it appear on Firefox so quickly? you are saving it in-between?
ctrl+s, f5 ( 1 day ago by jimmyrcom)
ctrl+s, f5
I see, using the ... ( 1 day ago by zodiacie)
I see, using the crtl+s key command. May I ask what does f5 do? Change between apps?
Many thanks for replying so quickly
alt+tab change apps ... ( 1 day ago by jimmyrcom)
alt+tab change apps, f5 refresh browser
cheers, will make ... ( 1 day ago by zodiacie)
cheers, will make my computing alot quicker
This is the best ... ( 1 day ago by hamzajilani)
This is the best video i have watched to learn Html, you are a real gifted person, i have learned it all, but i still need to work more on this :P
i think that you must post more videos about this topic.
good luck buddy :)
I really like the ... ( 10 hours ago by nitins10)
I really like the flow of this tutorial. the way jimmy described it.
I only want to say. Marvelous!



Tell a friend:


URL 
Embed Code