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

Related Videos
PHP Tutorial: Installation and The BasicsHow To Make/Design A Website For Free *For Beginners* *Long 30 minutes!!!*XAMPP - Make your Computer a Webserver: Apache, PHP, MySQL
php-tutorial-installation-and-the-basics.htmlphp-tutorial-installation-and-the-basics.htmlphp-tutorial-installation-and-the-basics.html
HTML Tutorial 1 - Designing A Website In Notepad - Basics and BeginningsBeginning HTML (XHTML) TutorialWhy Firefox 3 is Awesome and howto make it better
php-tutorial-installation-and-the-basics.htmlphp-tutorial-installation-and-the-basics.htmlphp-tutorial-installation-and-the-basics.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
@rocklee6798 ask ... ( 5 days ago by HaZaRdxScopeZ)
@rocklee6798 ask your mother
@HaZaRdxScopeZ STFU ( 5 days ago by rocklee6798)
@HaZaRdxScopeZ STFU
@rocklee6798 XD ( 5 days ago by HaZaRdxScopeZ)
@rocklee6798 XD
@HaZaRdxScopeZ #lol ... ( 5 days ago by rocklee6798)
@HaZaRdxScopeZ #lol! XD
Hi Thanks for ... ( 4 days ago by MrConanwarrior)
Hi Thanks for tutorial when i save it as a html and open it it just has all the code there instead of a website any help?I am using a mac thanks
Hi Everyone I need ... ( 4 days ago by PwnZEntertainment)
Hi Everyone I need some help to get this forum started so be the first ones in this forum and we can raise together bit(dot)lybJY1A0
i am having trouble ... ( 4 days ago by XxMagicSpeedxX)
i am having trouble refreshing the page and i was wondering if you could help me with this because its not working
im in the middle of ... ( 4 days ago by coleybenton)
im in the middle of making my website
jimmyrcom please check my site
when i post link
ps how do i make links
facebook.com ( 4 days ago by coleybenton)
facebook.com
"Oh my god. That's ... ( 3 days ago by mlwind10)
"Oh my god. That's the most useful thing ever." 8:05
you have great enthusiasm.
@HaZaRdxScopeZ XD 8 ... ( 3 days ago by meanmachinezzz)
@HaZaRdxScopeZ XD 8======>~~~
@rocklee6798 XD ( 3 days ago by tERtasdf)
@rocklee6798 XD
the best! ( 2 days ago by annchristinei)
the best!
Nice ( 2 days ago by SirRumpelstiltskin)
Nice
very helpful ( 2 days ago by wlynch100)
very helpful
Thank you. ( 2 days ago by HeLLsGamerStealth)
Thank you.
Array ( 2 days ago by Cinderellasdrunk)
hi everyone,
there is a new social network dedicated to everyone who is interested in Programming,hacking and information technology.It's a place where you can talk about other people with the same interests as yours,publish your source codes,ask for help,share your personal status.The link is:
nerdz.gotdns.org
Enjoy!
The best way to ... ( 1 day ago by 0210cyntia)
The best way to earn money online from the comfort of your home. Providing full training and support you are just few clicks away from earning $100s weekly. Don't give up from your dreams just see yourcashcow.info! Your better future is waiting for you!
thanks you very ... ( 1 day ago by makeulaugh793)
thanks you very much this was wicked helpful
thans ( 22 hours ago by djperus)
thans
i tried doing the ... ( 15 hours ago by amberaddiction1)
i tried doing the image thing but when i do it and refresh my page i get a white box with an x inside it help !
Very helpful... ... ( 9 hours ago by mhelhudson)
Very helpful...Thank you so much... I just have one question how you get the image source I tried the put the image it didn't go through i guess i didnt have the right image source...Again thank you very much
You should try ... ( 4 hours ago by tsummerlin84)
You should try zackles
thx, very helpful ... ( 41 minutes ago by kiddaxter123)
thx, very helpful video, i am ising ur tricks iin my company's website :D



Tell a friend:


URL 
Embed Code