Posts Tagged ‘HTML’

Website Design Tips & Tricks

In this video I will share with you 3 vital tips to professional and stylish website desing and development in HTML.

Follow Me:

http://www.twitter.com/edzjohnson

Music: Kevin MacLeod

Duration : 0:2:11

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , ,

The Background

THANK YOU FOR WATCHING!

http://districtlin.es/lava

http://mmitchelldaviss.net

http://www.youtube.com/mmitchelldaviss

http://www.youtube.com/user/kylesnexusone

if you’re reading this leave a comment to this video saying “QERMIT THE FROG FTW”
& also i just want to say PHOTOSHOP RULES! ^_^ http://bit.ly/fatherandson

Duration : 0:4:13

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , , , , , , , , , , , ,

Photoshop Tutorial 5 – Website Design, Image Slicing! (HD)

In this Adobe Photoshop graphics tutorial I will be teaching you how to slice images and use a website menu bar as an example. This tutorial is compatable with Adobe Photoshop CS1, CS2, CS3 & CS4 versions.

Difficulty Level:
Medium/Intermediate

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:5:1

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,

HTML Tutorial 2 – Colours, Fonts, Backgrounds Website Design

In this HTML website design tutorial I will teach you how to change background and text colours/colors with microsoft notepad.

Difficulty Level:
Easy/Beginner

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:3:3

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , , , , , , , , , , , , , , ,

Web Design-Wrap Text Around an Image www.knowledgecity.com

This lesson from http://www.knowledgecity.com features how to wrap your text around an image in your web page using Adobe Dreamweaver. For the full web design course, please visit Knowledgecity.com

Duration : 0:9:47

Read the rest of this entry »

Technorati Tags: , , , , , , , , ,

HTML Tutorial 3 – Adding Images & Backgrounds To Your HTML Website

In this HTML website design tutorial I will teach you how to add images to your website/html document and how to add an image to the background.

Difficulty Level:
Easy/Beginner

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:3:48

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , , , , , , , , , , , , ,

Great web design/development resources

http://veerle.duoh.com/blog

http://www.dezinerfolio.com/

http://www.tutoogle.com/

http://www.psdtuts.com/

——-Extra(i forgot this one)—–
http://www.layersmagazine.com

Duration : 0:4:36

Read the rest of this entry »

Technorati Tags: , , , , , , , , ,

Adobe Photoshop Website Design Tutorial (Medium Difficulty)

In this video tutorial I will be teaching you how to design a header to your html website, how to slice the photoshop document and how to save it as a website document. I will also teach you how to link the menu bar.

Follow Me:
http://www.twitter.com/edzjohnson

Duration : 0:10:48

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , ,

Basic HTML and CSS Tutorial. Howto make website from scratch

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;

startTime{00:09}

%%programming

Duration : 0:39:19

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , , , , ,

Basic HTML and CSS Tutorial. Howto make website from scratch

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;

startTime{00:09}

%%programming

Duration : 0:39:19

Read the rest of this entry »

Technorati Tags: , , , , , , , , , , , , , , ,