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
How to create a simple blog design with GIMPBasic HTML Tutorial. Howto make website from scratchJimmyR sux ass!
how-to-create-a-simple-blog-design-with-gimp.htmlhow-to-create-a-simple-blog-design-with-gimp.htmlhow-to-create-a-simple-blog-design-with-gimp.html
CSS Tutorial - 2 - Basic Structure and Syntaxhtml tutorial oneCSS Tutorial - 5 - Relationships
how-to-create-a-simple-blog-design-with-gimp.htmlhow-to-create-a-simple-blog-design-with-gimp.htmlhow-to-create-a-simple-blog-design-with-gimp.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
or just upload your ... ( 5 days ago by jimmyrcom)
or just upload your pics to the same server too
yes that could work ... ( 5 days ago by EvilNemesis99)
yes that could work aswell =]
btw do u no how to make pictures scroll along the page and repeat the sequence?
everytime i enter a ... ( 5 days ago by JimmyRionn)
everytime i enter a picture it shows up as a box with a red x in? whats happening?
Dude, this is ... ( 5 days ago by B1aze5444)
Dude, this is amazing!
my website sucks i ... ( 5 days ago by 619wwerey619returns)
my website sucks i just delted it
This is so much ... ( 4 days ago by twinklefall)
This is so much better than my lecturer. Thanks!
It can't find the ... ( 4 days ago by Xzanith)
It can't find the picture. You have to make sure your giving the right location to the picture in the code. If the picture is on your computer make sure your are giving all the directories and file name. If its on photobucket or something make sure the url is right.
hey can you tell me ... ( 4 days ago by fraser80205)
hey can you tell me hot to make a blog on my website
Thank you so much, ... ( 3 days ago by kaosboy13)
Thank you so much, man. Thanks to the style location code and the hr tags, I have completely eliminated the need for table tags, with much better looking results.
very good ( 3 days ago by surferblue976)
very good
hey man - do you ... ( 2 days ago by EvilNemesis99)
hey man - do you know how to out a comment page on my website - i got one but it didnt work
Self closing an ... ( 2 days ago by learndashcssdotnet)
Self closing an element (img or hr) is only required for XHTML Doctypes.
Well,I knew most of ... ( 2 days ago by fullofblood)
Well,I knew most of HTML but your tutorial helped me!
Wow dude, i ... ( 2 days ago by sAtisfieD25)
Wow dude, i listened to the whole tutorial, and it HELPED A LOT. Im a beginner to the website making. Thanks to you jimmyr,
sAtisfieD25
that requires the ... ( 1 day ago by kaosboy13)
that requires the use of php documents instead of html
whats a php document ( 1 day ago by EvilNemesis99)
whats a php document
A php document is a ... ( 1 day ago by kaosboy13)
A php document is a page that replaces the html file and allows the user to input text in fields, and paired with a "database file", it will save that text in "character strings" so you can leave the site, come back later, and it will still be there. Every blog and forum on the internet uses it.
so basicaly i just ... ( 1 day ago by EvilNemesis99)
so basicaly i just need to no how to make a blog?
the browser just ... ( 1 day ago by jimmyrcom)
the browser just ignores the slashes, but if they want to xhtml their site later it helps. It's worth noting since beginners will view a lot of source when starting out.
search jimmyrcom ... ( 1 day ago by jimmyrcom)
search jimmyrcom php for the basics, I hadn't done an advanced tutorial yet though
thats good but i ... ( 19 hours ago by Everblue000)
thats good but i wanna guide that shows you hwo to make online gangster rpgs games :(
Hi, What do u need ... ( 13 hours ago by elmickio)
Hi, What do u need to make an "enquiry form" on your website?
wow it help me alot ... ( 11 hours ago by mk59074e)
wow it help me alot thanks man!
Excellent tutorial! ... ( 11 hours ago by philtortoise)
Excellent tutorial! I had not played with html since 1995 or something (Mosaic anyone?) and I needed an update on CSS & DIV. It does beats those "learn html in 24h"! Cheers.



Tell a friend:


URL 
Embed Code