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.co
m/ 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 -khtm
l-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 GIMPJimmyR sux ass!CSS 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
CSS Tutorial - 2 - Basic Structure and SyntaxHow to use div's | Tutorial on div's html website designBeginner MySpace Contact Table Tutorial for Photoshop
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
hi. thx for ... ( 6 days ago by MaximumHow2)
hi. thx for everything but i could have don it myself for most of them. i will add this site to my bookmarks for anything i dont know. I skipped everything after about 13 or 14 minutes, and i saw in ur comments that it is possible to have it as a real website on the internet. What do i click on the first link you posted? do i click on the free domain name thing?
Lol,Foo :) ( 5 days ago by jigsaw1986)
Lol,Foo :)
the best ( 5 days ago by odst53)
the best
nice ( 5 days ago by rizvvanzaidi)
nice
I love your video, ... ( 4 days ago by NapsK)
I love your video, Thanx alot man!! =)
u own, but i got 1 ... ( 4 days ago by 9Hacks4life9)
u own, but i got 1 question, how come whenever i try to put a picture on it wont work? it will just show an X. Even when i copy and paste the files name it just shows and X. please respond i really want a pic or 2 on.
oh yeah, i got 2 ... ( 4 days ago by 9Hacks4life9)
oh yeah, i got 2 more questions.
#1How did that html code pop up? like you sayed, we should studdy different html codes.
#2How can you upload it to the internet? i got all of the pages i want.
GO TO FREEWEBS AND ... ( 3 days ago by ReyRafaelHerrera)
GO TO FREEWEBS AND MAKE YOUR WEBSITE WITH ADVANSED HTML!!! plz.. lol
that was awsome i ... ( 3 days ago by caine51)
that was awsome i learned alot
I added a picture ... ( 2 days ago by warrock37)
I added a picture to my html but i also have a red and black background. so with my pic i have a big wight box arount my pic so you cant see the red and black og my bachground. if and how can i get rid of that big wight box so i can see my background plz tell me
i finnaly did it ... ( 2 days ago by warrock37)
i finnaly did it copy and paste what you put for the pic and i will add what you are missing for you
memememe405's other ... ( 2 days ago by 9Hacks4life9)
memememe405's other channel icon
(making a website for memememe405)
can anyone tell me ... ( 2 days ago by 9Hacks4life9)
can anyone tell me how to upload that to the internet?
I love your video, ... ( 2 days ago by Kimachhakchhuak)
I love your video, It help me a lot. I wish I had a complete video tutorial in PHP. Thank you very much.
-Chhaks
You need to use a ... ( 2 days ago by TowhidMKashem)
You need to use a FTP (File Transfer Protocol) Client. Usually your hosting plan allows you access to one. If not, then just Google for a free one. Uploading files once you have a domain name and hosting plan is as easy as selecting your files and clicking "upload".
is there an easier ... ( 2 days ago by wwegiants)
is there an easier way>
hey dude great job! ... ( 1 day ago by masterofshadows)
hey dude great job! It's my first time to watch a CSS tutorial, i learned a lot. thanks bro!
yeh:p buy ... ( 1 day ago by xxiamg0dlyxx)
yeh:p buy dreamweaver xD
I'm download videos ... ( 1 day ago by youngbarri)
I'm download videos from youtube using downloadyt(.)info .Best tool for this!
Incredible
hmmm thanks!!! ... ( 1 day ago by SHADOWS113)
hmmm thanks!!! helped me on my school work
..hey this tut vid ... ( 12 hours ago by HarorudoKun)
..hey this tut vid was really a great help!!! thanks JIMMY R.!!! ... by d way... I tried creating my own site... the problem I had was when I tested it on "MOZILLA"... the images I used had this "purple or blue" frames overlapping each other... and the position were a few "pixels off"... while in "SAFARI"... everything's fine.. ... I hope you can give me some tips on this... thanks!!!
add border:none in ... ( 10 hours ago by jimmyrcom)
add border:none in css or border=0 html attribute.
Great tutorial but ... ( 9 hours ago by Shadownian)
Great tutorial but my big problem is trying to move sections of myspace...if you can. Like the whole about me section or interest. Id like to have something like...from top to bottom..a banner...music player..profile pic...contact box..about me section..etc...all in a row instead of side by side...is this possible?
How can one get a ... ( 7 hours ago by MIAMIHURRICANES1989)
How can one get a complete video tutorial in PHP?



Tell a friend:


URL 
Embed Code 


/* // */