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
blah
http://www.bbc.co.uk/blogs/radiolabs/2009/01/how_we_make_websites.shtml
http://arbent.net/blog/css-tips-that-every-beginning-developer-should-know-about
CSS Transparency
IE
filter:alpha(opacity=50);
Firefox
-moz-opacity:0.5;
kde based browsers
-khtml-opacity: 0.5;
Safari
opacity: 0.5;
@@@{
"Group": "Programming",
"JumpPoints": [
{ "Description": "Standardizations Rant", "time": "04:21" },
{ "Description": "List of Intervals and their note Distances", "time": "5:20" },
{ "Description": "Using TrainEar.com", "time": "5:32" }
],
"Subtitles": [
{"locale": "EN", "long": "English", "url": "http://youtube.jimmyr.com/subs/K3kC_lYLAZw_en.srt" },
{"locale": "ES", "long": "Spanish", "url": "http://youtube.jimmyr.com/subs/K3kC_lYLAZw_es.srt" }
],
"Related": [
{ "id": "afgyNp5HueQ", "description": PHP Tutorial" }
],
"Tags": "HTML Tutorial, Learn HTML and CSS, CSS Tutorial, html video tutorial"
}
Tags for this video: jimmyrcom html tutorial css tutorials howto make website websites custom edit scraft beginners advanced free hack
Find more videos in the "Howto" category
See more videos uploaded by jimmyrcom
Comments for this video: Show || Hide
| Comments for this video on YouTube |
| or u can use visual ... ( 1 week ago by mabdiuhrman) |
| or u can use visual basic studio. |
| Thanks I'm study ... ( 1 week ago by afimearts) |
| Thanks I'm study how to do web design and my instructor should take lesson's from you |
| all i can say is ... ( 1 week ago by missnurse78) |
| all i can say is THANK YOU THANK YOU THANK YOU! you dont know how much i appreciate this vid! |
| Wow.....awesome! ( 6 days ago by BlueMarlinCalaJondal) |
| Wow.....awesome! |
| JIMMY RUSKA!!! ( 6 days ago by otogan1) |
| JIMMY RUSKA!!! |
| use notepad++ ( 6 days ago by alexcstudios) |
| use notepad++ |
| you are awsome with ... ( 6 days ago by meganielz) |
| you are awsome with note pad! |
| Thank you for the ... ( 6 days ago by Veqosta) |
| Thank you for the video. I already knew quite a lot but you helped me understand a bit more css. Thanks very much and keep up the good work!!!! :) |
| I can't do it with ... ( 5 days ago by dmana3172) |
| I can't do it with oscommerce. I would have to pay alot of money for fortune3 or other commerce hosting which is very expensive. I hope to win the lottery so I can pay that kind of money for my own website. :-( |
| I don't know much ... ( 5 days ago by joanacb1) |
| I don't know much about computer science but I'm learning alot from you. Thanks! |
| Love your videos ... ( 4 days ago by DarkFuryPunisher) |
| Love your videos bro! I do say though, your voice sound like one of those ads, "Congratulations! You've Won!" |
| This is one of the ... ( 4 days ago by santosh1883ytube) |
| This is one of the Best & Complete basic HTML tutorial I have seen ever. Thanks !! :) |
| Thank you very much ... ( 4 days ago by BFILMSTUDIO) |
| Thank you very much for this tutorial, You made a very easy tutorial ever seen Thank You ! |
| very nice tutorial, ... ( 4 days ago by Princey1512) |
| very nice tutorial,clear and easy to understand - although i've spent approx 10 hours on reading a tutorial,your vid was a great chance to check some of the stuff again :) thanks for making it |
| mbv mkhgvc! ( 3 days ago by n1cetrout) |
| mbv mkhgvc! |
| dsdsd div style=" ... ( 2 days ago by gazisaad) |
| dsdsd div style="background=blue">lol |
| thanks bro for the ... ( 2 days ago by kiryuucloud02) |
| thanks bro for the tutorial ... |
| thankz bro for the ... ( 2 days ago by kiryuucloud02) |
| thankz bro for the tutorial ... |
| mac support? ( 2 days ago by ipodhelper6) |
| mac support? |
| Very good rundown ... ( 2 days ago by derap34) |
| Very good rundown of CSS, Thanks so much! |
| how do you save the ... ( 1 day ago by skillenator) |
| how do you save the website so its like there and you can search it up |
| Thanks for the ... ( 1 day ago by steven198807) |
| Thanks for the great video, my head is now buzzing with ideas how to create my web page and how i can lay it out. |
| use x site pro 2 ... ( 16 hours ago by xsitepro2coupon) |
| use x site pro 2 software. The best website builder software on the market, more info in my channel |
| Amazing Video! ... ( 4 hours ago by domomountain) |
| Amazing Video! Helped me ALOT :) |
Tell a friend:













