Posts Tagged ‘Website’

How To Design a Website using Adobe Fireworks

http://www.mlwebco.com – ML Web Consulting shows you how to quickly mock-up / design a website within 10 minutes. Using Adobe Fireworks, Michael Locke demonstrates how to design a website home page. In this video, you’ll see how a web design comes along from beginning to end. You’ll see a few design tips and tricks that you can apply to your own project or website.

Download the Work Files Here (Both PNG and PSD files):
http://www.mlwebco.com/tutorials/web-design/fictitious_website.zip

If you have any questions, send an email to mlocke@mlwebco.com or visit http://www.mlwebco.com

Thanks,

~ Mike

Duration : 0:9:41

Read the rest of this entry »

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

Beginners! Create a Website Here

Free book on creating a website http://www.ThePerfectSiteGuide.com and check out my website http://www.2createawebsite.com

Duration : 0:7:1

Read the rest of this entry »

Technorati Tags: , , , , , ,

Web Design using a Content Management System (part 1 of 6)

Making a web site using a Content Management System. A step-by-step web design tutorial using the worlds favorite database driven web design system, Joomla! [Original Video created by National web design]

Duration : 0:3:16

Read the rest of this entry »

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

Website Design-Installing Drupal

http://www.beyourownit.com -Website Design, use drupal for your business site. Step 3 In our complete web design video guide

Duration : 0:6:53

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: , , , , , , , , , , , , , , ,

HTML Tutorial 1 – Designing A Website In Notepad – Basics and Beginnings

In this HTML website design tutorial I will teach you how to write and format your very first web page using HTML.

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:6:32

Read the rest of this entry »

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

HTML Tutorial 1 – Designing A Website In Notepad – Basics and Beginnings

In this HTML website design tutorial I will teach you how to write and format your very first web page using HTML.

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:6:32

Read the rest of this entry »

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

Web Design in 2 Minutes

http://www.wevio.com

This is a time-lapse video of what was originally about 2 hours.

This video doesn’t portray how a website is really made. It takes hours upon hours of researching, designing, developing and testing in different browsers as well as platforms.

More videos coming soon!

Duration : 0:2:16

Read the rest of this entry »

Technorati Tags: , , , , , , , ,