Free Web Design, Development and Programming Training and Tutorial Resources


January 18, 2011

46 eBooks, Tools and Scripts for Web Marketing and Design

For those looking to increase their web marketing and web development skills, here are 46 eBooks, Tools and Scripts from two different web marketing/development sites. These cover development technologies (HTML, Javascript, Flash, PHP, Web Design) and marketing ebooks and tools to increase your web presence and revenue.

Way Creative Media provides these 32 web design, development, and marketing ebooks and tutorials:

HTML Guide
HTML Course
HTML Security Report
Javascript Book
Flash Web Applications
Cold Fusion MX Creating Web Service
PHP Manual
CGI Programming
Graphics and Webpage Design
Web Page Design
How to Create Adobe PDF Files for eBooks
Service Sellers Masters Course
Inside the Minds of Winners
Instant Internet Empires
Web Development Tools Guide
Certificate Of Reprint And Duplication Rights
Secret Ebay Marketing
1001 Newbie-Friendly Tips
Ezine Empire
Marketing Miracle
Web Marketing Explained
The Greatest Marketing Secrets of the Ages
Saving Money On Rights
The Perpetual Traffic Generator Manual
Wake Em Up
Ezine Ad Profits
Pay Per Text
Getting your business online
Internet Marketing and Web Site Promotion
99 Sites you should bookmark
Make your content presell
eBay Secrets

Azam Marketing offers 7 Free Webmaster Tools, Scripts and eBooks and 7 more on this page. Here are the names of 7 of them:

 - Profitable Keywords
 - Website Audio Player
 - The AdSense Report
 - Make Your Ebook Sell Like Crazy
 - Marketing Toolkit
 - Secrets of Top Affiliate Marketers
 - 10 Simple Steps To Authoring A Best Seller

Tags for this post>> | |

January 11, 2011

24 Web Design Tutorials

Here are 24 Web Design and Development Tutorials, hosted by (click on the Tutorials tab). These cover understanding what web design is and planning for your web site; Joomla and Drupa web content applications, HTML, search engine optimization, computer basics such as file organization, data storage, hardware components, and data communication. These web design tutorials are all in pdf format.

Web Design 101:
 - Starting a Website
 - Basic Rules of Website Design
 - Website Design Termonology
 - Rate your website design
 - Introduction to HTML
 - Dealing With Web Developers

Web Development Tutorials:
 - Joomla vs Drupal – CMS
 - Joomla Extensions
 - HTML5 vs older versions of HTML
 - HTML 5 – Without Plug-ins
 - HTML 5 – Canvas Drawing

SEO Tutorials (Search Engine Optimization):
 - Directory Submission
 - Basic SEO Steps
 - SEO Site Structure Requirements -
 - White Hat SEO vs Black Hat SEO
 - SEO Tool - SEO Doctor
 - Search Engine Ranking via nofollow
 - 404 Website Error Page
 - Have you done a website evaluation?

Computer Science 101:
 - File Organization
 - PC Components
 - I/O & Storage Media
 - Architecture of CPU
 - Data Communication

Tags for this post>> |

January 10, 2011

15 Web Design Guides

Here is a new post I just published on our sister site,, titled 15 Web Design Guides and eBooks. It describes and links to 15 web design documents that will help you with planning and designing a web site. Topics covered include presentation, layout, site management, intelligence/analytics, search engine optimization (SEO), usability, interactivity, social networking, and marketing. All of these are in pdf format.

Tags for this post>> |

January 5, 2011

70 FrontPage 2003 Tutorials

Here are 70 FrontPage 2003 Tutorials, from the University of Wisconsin – Eau Claire. These FrontPage tutorials will show and teach you how to use this Microsoft web development tool, covering the following features and topics: font options, standard toolbar buttons, text formating, paragraph formatting, horizontal lines, browser previewing, inserting files, bullets and numbering, working with images, forms, and tables, colors, frames, cascading style sheets (CSS), frames, and clip art.

FrontPage Environmentincluding

FrontPage Basics
FrontPage Lists
FrontPage Links
FrontPage Images
FrontPage Colors
FrontPage Forms
FrontPage Tables
FrontPage Image Maps
Maintaining a Web Site
FrontPage Cascading Style Sheets (CSS)
FrontPage Frames
FrontPage Managing Your Web
Inserting Clip Art

Tags for this post>> | |

15 Web Publishing Tutorials

Here are 15 Web Publishing help pages and tutorials from the University of Wisconsin – Eau Claire. These will assist you with learning how to create well defined and attractive web pages and sites.

Tags for this post>> |
August 27, 2009

6 Web Design and Development Posts

The following are six web design and development posts which I have written in the past few weeks on our other blog at These are execellent training and learning materials for the topics covered.

2 Web Design Tutorials for Programmers

Here are two Web Design Tutorials: Design for Developers and Web Design for Programmers, hosted at New Auburn Personal Computer Services. These two Web design tutorials will help you to create successful web sites and web applications, along with getting you familiar with the process and tools involved with developing a functional and attractive site/application. The first tutorial is illustrated using presentation slides, and the second one is illustrated as an e-book. Both tutorials are in pdf format.

Design for Developers  (224 Kb, 34 pages)
This course is meant to be a hands-on experience. The goal is to get you familiar with the process and the tools involved in developing a functional, attractive site or application. Various hands-on examples are illustrated using the help of Photoshop, Dreamweaver, and CSS.

Web Design for Programmers  (2.48 Mb, 83 pages)
This tutorial explains you about basic color theory, learning how to choose colors, basic typography, learning how to choose fonts, basic layouts, how to mock up a site in Photoshop and basic XHTML and CSS. Also covered are building a logo that can scale using Illustrator and building a mockup of the site in Photoshop.

Free Training to Learn Flex in a Week

Here are Adobe’s free video training Flex in a Week Courses, at Adobe Developer Connection, which will greatly help you learn and use Flex. To maximize your learning, we recommend that you view the videos and complete the exercises in the order in which they are listed. Adobe Flex is a must see application if you’re building cross-platform, rich Internet applications and making extensive use of Flash. It provides a software development kit and an IDE to help get you on your way. These Flex tutorial courses show you how to get the most out of Flex for building rich, complelling, and interactive web applications.

4 JavaScript Tutorials

Here are 4 JavaScript Tutorials at All the scripts in these JavaScript tutorials are available for download as two compressed archives and These JavaScript tutorials are designed to provide an overview, with coding examples, of the some of the power of the JavaScript programming/scripting language. They are not just aimed at the developer who works on code for the browser or client side, the tutorials contain presentations to classic ASP developers, in an attempt to move them away from VBScript and towards JavaScript, for web application development.

44 JavaScript References and Code Examples

Here are 44 excellent JavaScript References and Coding Examples, at JavaScript is the scripting language of web, and is used in millions of web pages to add functionality, validate forms, detect browsers, and much more. You can use these 44 JavaScript examples to help you to become a better JavaScript programmer, and by reading and using these you will learn how to code its many features and functions, thereby increasing your JavaScript skills.

218 PHP Code Examples and References

Here are 218 excellent PHP Code Examples and References at If you want to learn the basics of PHP, then this PHP code library will help you greatly. These code examples will also help you increase your PHP skills and become a better PHP programmer. PHP-enabled web pages are treated just like regular HTML pages and you can create and edit them the same way you normally create regular HTML pages. Many pieces of functionality are covered by these PHP code snippets.

2 Ruby Tutorilas and 3 Ruby on Rails Tutorials

Here are 2 Ruby Tutorilas and 3 Ruby on Rails Tutorials located at the LUG Villafranca Programming Course website. These Ruby and Ruby On Railes tutorials give you an excellent grounding and understanding on using Ruby and Ruby On Rails to build web applications. Ruby On Rails is an open source Ruby framework for developing database-backed web applications. You will need to download and install the Ruby Interpreter, and you will also need to install Ruby on Rails. In addition, these tutorials use RMagick version 2.0.2, which is explained in this FAQ, and  SQLite, which is explained in this How-to. Windows users will need both the .exe and .dll versions of SQLite. The Ruby on Rails Wiki page also gives helpful information for SQLite. Source code is provided for all of these tutorials. Also, the whole programming course, which includes JavaScript tutorials, can be downloaded as pdf which is 2.28 Mb and explained in 125 pages.

Tags for this post>> |

August 5, 2009

HTML and CSS Tutorials and References

Here are several HTML and CSS Tutorials and References, located at, that can server as learning resources for most everything HTML and CSS, which are the most common technologies used in developing web pages. These HTML and CSS tutorials are categorized so that an aspiring web designer, a budding designer, and an advanced designer can all find training materials to suit their HTML and CSS learning needs.

HTML Tutorials:
The HTML beginner’s tutorial teaches you the essentials, and the intermediate guide adds a few nuts and bolts. The aim of the HTML advanced tutorial is to show how to fully exploit the features of HTML and how to optimize it for accessibility.

 - HTML – Beginner
 - HTML – Intermediate
 - HTML – Advanced

CSS Tutorials:
These CSS tutorials describe and explain CSS at beginner, intermediate and advanced levels. Included here are also double rollover and javascript rollover tutorials.

 - CSS – Beginner
 - CSS – Intermediate
 - CSS – Advanced
 - CSS – Syntax
 - CSS – Background Styles
 - Double Rollover via CSS
 - JavaScript Rollovers: How have multiple links change a single image

CSS and HTML Resources:
These learning resources from around the web provide further instructions and tips on creating, coding, and designing web pages using HTML and CSS.

 - HTML Dog
 - SUNY Albany: Introduction to Cascading Style Sheets
 - CSS Box Model
 - Cascading Style Sheets and Dreamweaver
 - A List Apart
 - Dynamic Drive
 - Style Gala: CSS Layout
 - Web Design 101: Floats
 - CSS Techniques Roundup – 20 CSS Tips and Tricks
 - CSS Tutorial
 - Guide to Cascading Style Sheets
 - Test your web design in different browsers

Tags for this post>> | |

July 13, 2009

Web Design Tutorial

Here is an excellent Web Design Tutorial, at The University of South Dakota. Some of the aspects covered in this Web Design tutorial include the drafting of the contents of the page, including the header, the body, the font, color and its accessibility. Also included are tips on various types of sites that can be created, and their requisite colors, balance, levels of navigation, and management of information. This web design tutorial is in pdf format, is 11 pages in length, and has a file size of 500kb.

Contents of Web Design Tutorial:

Purpose of Tutorial

Website Development

Page Content
 - Responsibility
 - The Header
 - Body
 - Outline Style
 - Font/ Font Color
 - Website Content
 - Top
 - Down Design
 - Active Voice
 - Accessibility

Designing the Site
 - Type of Site
 - Balance
 - Contrast/Color
 - Navigation
 - Management Information

Tags for this post>>

June 25, 2009

Web Development Tutorials using Microsoft Technologies

Here are several Tutorials and Articles on Web Development using Microsoft Technologies, at Microsoft Developer Network, covering various web development topics and techniques using Microsoft. ASP .NET is a web application framework developed and marketed by Microsoft Corporation to allow programmers to build dynamic web sites, web applications and web services. These Web Development Tutorials cover web development using ASP .NET, HTML and CSS, Internet Explorer Development, Internet Information Services, Scripting, Server Technologies and Silverlight.

ASP .NET Web Applications
ASP .NET is a unified web platform that provides all the services necessary for the user to build enterprise-class applications. This tutorial explains about web development using ASP.NET, the Visual Web Developer and Model-View-Controller (MVC) pattern which is an architectural design principle that separates the components of a Web application.

 - Web Development with ASP.NET and Visual Web Developer
 - ASP.NET Model View Controller (MVC)  

HTML, an acronym for HyperText Markup Language, is the one of the most popular markup languages that is used for web pages. This tutorial explains the topics of new features of Internet Explorer, HTML, DHTML Behaviors and Data Binding and CSS in detail.

 - What’s New in Internet Explorer?
 - HTML and DHTML Overviews and Tutorials
 - HTML and DHTML Reference
 - Cascading Style Sheets (CSS)
 - DHTML Behaviors
 - DHTML Data Binding
 - Scriptable Editing
 - Web Multimedia
 - HTML Applications (HTA)
 - Accessibility
 - Technical Articles and Columns

Internet Explorer Development
This tutorial explains various methods for developers to add functionality to Microsoft Internet Explorer and thus allowing to enhance the user interface. As Internet Explorer’s component architecture is based on Component Object Model (COM), there are many different ways to extend its capabilities.

 - Internet Explorer Architecture
 - Browser Extensions
 - Content Extensions
 - Hosting and Reuse
 - Globalization
 - URL Monikers
 - Security and Privacy
 - Technical Articles and Columns
 - Book Excerpts

Internet Information Services (IIS)
This tutorial details out Internet Information Services 6.0 and 7.0 which is a set of Internet-based services for servers created by Microsoft for use with Microsoft Windows.

 - Internet Information Services (IIS) 7.0 Development
 - Internet Information Services (IIS) 6.0 SDK
 - Internet Information Services Extensions
 - Technical Articles

A scripting language is a programming language that allows some control of a single or many software application. This tutorial explains about various Microsoft windows scripting technologies like JScript, VBScript and various Windows Script Components, Host and Interfaces.

 - Microsoft Windows Script Technologies
 - Technical Articles, Columns and Books

Server Technologies
This tutorial explains some of the server technologies that are used in the industry like ASP, Indexing Service, Sharepoint Products and Technologies and Silverlight.

 - Active Server Pages
 - Indexing Service 2.0
 - SharePoint Products and Technologies
 - Site Server

Microsoft Silverlight is a programmable web browser plugin that enables features such as animation, vector graphics and audio-video playback that characterizes Rich Internet Applications. This tutorial deals with the various features of Silverlight.

 - Silverlight 3 Beta
 - Silverlight 2

Tags for this post>> |

June 6, 2009

50 Ways to Become a Better Designer

Here are 50 Ways to Become a Better Designer at These tips and techniques explain aspects and practices of good design and how one can become a better designer and Photoshop user. They explain key points that a designer should be aware of while creating his design, such as colors, fonts, shading, gradients and channels. The tools used to create designs and some of its options are also discussed in detail. A few tips and tricks of good designers are also given, which discuss shortcuts and quick steps to use in design creation to simplify the work of the designer. This compilation is from 17 leading designers who work in print, video and on the web.

50 Ways to Become a Better Designer:

 - 10 SPECS!
 - 33 KERN!

Tags for this post>> |

May 23, 2009

158 Web Design Tutorials

Here is my second post on Metamorphosis Design for the remainder of their 158 Web Design Tutorials that teach important aspects to understand and note when creating a website. First and foremost, this involves web site design, followed by browser compatibility, cookie creation and usage and domain registration. These web design tutorials and articles also highlight the most common mistakes that a web designer makes and how to avoid them. Also included here are tutorials on working without frames, creating site maps, font usage, search engine optimization, colors, and how to polish up a website. For beginners, some of these web design tutorials and articles explain how to start your own website. Here are the first 150 web tutorials at this site.

158 Web Design Tutorials:

 - Congratulations! You’ve Gotten the Visitors to your Site – Now, can they find what they’re looking for?
 - Contact Methods
 - Contingency Design
 - Cookies: How to Improve Your Website AND Learn From Your Visitors
 - Create custom error pages and keep your visitors!
 - Create Stickiness with Streaming Media
 - Creating A Quality Web Site Design!
 - Creating Your First Business Website
 - Creating Your Own Website
 - Creating Your Own Website For Free
 - Cross Browser Compatibility
 - Designing A Successful Web Site
 - Designing Above the Fold
 - Designing Professional Web Pages
 - Designing with Style
 - Designing your Web Site for ALL Browsers
 - DesignSmarts: Got Flash? If Not, Your Online Business Could Be Suffering!
 - Develop and Host Distributed Applications on Your Apache Server
 - Do This One Thing to Create a Powerful Product-Selling Web Site
 - Do This One Thing to Quadruple Web Sales in Just One Month
 - Do visitors leave YOUR site feeling confused?
 - Do You Really Need a Web Site?
 - Does The Color of Your Site Matter?
 - Does your homepage work?
 - Does Your Site Qualify for a Web Site Award?
 - Domain Registered? Now What?
 - Don’t Count Your Hit’s!
 - Dot Your T’s And Cross Your I’s
 - Effective Small Business Web Sites On a Budget
 - Elements of Graphic Design for Your Website
 - Elements of Interface Design
 - Email tips and tricks
 - Enough “stuff”!
 - Find a Hidden Fortune in Your Website ‘Stats’
 - Finding the Errors on Your Site
 - First Impressions
 - First Impressions : Do-It-Yourself?
 - Five Checks for Web Pages
 - Five Common Web Design Mistakes
 - Five Pieces of Information You Must Include on Your Website to Generate Sales
 - Fix My Website: Practical Graphics
 - Fix Your Website Or Say Goodbye To Sales
 - Flash Deadly Sins (that can kill your web business)
 - Flash Design Does It Really Deliver What Is Promised?
 - Flash Design: Is it all it’s cracked up to be?
 - Focus Your Web Site… Or Get Out Of Business
 - Follow Up –Is reciprocal Linking Dead
 - Fonts For Your Web Site
 - Four Easy Steps to Establishing a Website
 - Frames and Tables
 - Get FASTER Download Times By Making BIGGER Web Pages!
 - Get Your Own Web Site
 - Give Your Graphics A Professional Look without the Price
 - Good web Design: External Links
 - Good web Design: Site Maps
 - Good Web Design: The Importance of Navigation
 - Graphics for the web: Animated GIF Format
 - Graphics for the web: JPG and PNG Files
 - Graphics for the Web: Plug-Ins
 - Graphics for the web: The Most Common Formats
 - Graphics Optimization
 - Headlines: Your Big Opener
 - Hiring a Professional Designer
 - Home Page Essentials: Miss These & You’re Missing the Mark!
 - Homepages
 - How Active is Inter-Active?
 - How do I get my business on the internet?
 - How I Got Number One Position In Yahoo/Google and Altavista…On My First Attempt!
 - How I Slashed The Load Time For My Website By 200-300%…And So Can You, For Yours!
 - How to Avoid Sloppy Web Site Copy
 - How to Avoid the 12 Common Web Design Mistakes
 - How To Build Your First Web Site!
 - How to choose a Website Designer
 - How to Choose, Register or Transfer a Domain Name
 - How to create a great website
 - How to Create an Effective Navigation Structure for Your Site – Part 1
 - How to Create an Effective Navigation Structure for Your Site – Part 2
 - How to Design a PopUp Window to Boost Opt-Ins
 - How To Design A Search Engine Friendly Website
 - How to Design and Setup a Website
 - How To Design Your Website For Maximum Sales
 - How To Double Or Triple Your Page Views?
 - How to Easily Create a Search-Engine Friendly Navigation Menu For Your Website
 - How to get more hits on your website?
 - How to get your own Website for under $15 a year in 3 Simple Steps
 - How to Get Your Visitors to Create Content for Your Website
 - How to Get Your Visitors To “Tell A Friend”
 - How to Jazz up Your Site with Quality ClipArt
 - How To Keep More Of Your Visitors
 - “How To Keep Your Visitors 10 Times Longer On Your Web Site”
 - How To Look At Your Site With Buyer’s Eyes
 - How To Make Sure Your Visitors Don’t Come Back!
 - How To Make Your Customers Accept All Charges
 - How to Make Your Homepage Flow
 - How to Make Your Site Sell
 - How To Make Your Site Visitors Do What You Want Them To Do!
 - How To Make Your Website A Profit Powerhouse!
 - How to Prepare Images for Your Web Site – Part 1
 - How to Prepare Images for Your Web Site – Part 2
 - How to Prepare Images for Your Web Site – Part 3
 - How To Put An Everyday Business Online
 - How To Retain More Of Your Visitors
 - How to Set up Your Own Personal Website, without Spending Any Money
 - How To Set Up Your Own Website
 - How to Transfer Your Web Site to Another Host Without Losing It
 - How to Use Keywords to Optimize Your Site for Search Engines
 - How to Use Meta Tags for Search Engine Optimization
 - How To Use PDF Files On The Web
 - How to Use Pop Ups Without Annoying Your Visitors
 - How To Use Viral “Refer-A-Friend” Promotions To Increase Traffic And Sales
 - How “User Friendly” Is Your Site?
 - I Wouldn’t Start From Here!
 - Small Business Q & A: If You Build It, They Will Come? That Totally Depends On You
 - I’m Here. Now What?
 - Importance of Color in Web Design
 - In Praise of Raw Code
 - Inconsistent Design
 - Increase Sales with Easy-To-Read Web Pages
 - Increase The Effectiveness Of Your Website In One Simple, Easy Step
 - Increase the Efficiency of Your Web Design Business
 - Increase Your Freelance Sales With an Online Resume
 - Increase Your Sales By 25% By Implementing One Small Change
 - Independent Consultants Take Over Web Design
 - Interactive Features
 - Internet Marketing Tools – Graphics Basics
 - Internet Privacy: Creating A Privacy Policy
 - Internet Tip – Honor Your Viewers
 - Is a picture really worth a thousand words?
 - Is There Benefit to Green in Web Design?
 - Is Your Site A Post-It Note Or Super Glue?
 - Is your website ‘Dressed for success’?
 - Is Your Website “Killing” Your Online Business?
 - Is your web site ready for its visitors?
 - Keep ‘Em Coming Back for More
 - Keep Visitors Coming Back Over & Over! Offer Them What They Want!
 - Keep your navigation simple!
 - Keeping Your Pop-Ups – and Your Audience
 - Keeping Your Site Current
 - Learn From Their Multi-Million Dollar Mistakes!
 - Learn the Language of the World Wide Web
 - Learning Tools
 - Leave Those Links Blue!
 - Let Your Little Website Shine, Part 1
 - Let Your Little Website Shine, Part 2
 - Let Your Little Website Shine, Part 3
 - Let Your Little Website Shine, Part 4
 - Let Your Little Website Shine, Part 5
 - Let Your Little Website Shine, Part 6

Tags for this post>>

May 21, 2009

150 Web Design Tutorials

Here is my first post (of 2) covering 150 Web Design Tutorials at Metamorphosis Design. These Web Design tutorials explain and describe how web pages and sites work and how to create sites that are compelling and attract visitors. Included here are tutorials and articles on website design, choosing a domain name, promoting websites and commercializing them. Quick tips and tricks on web design, several pointers on what not to put on a website, and what to put on it, the cost of maintaining a website, logo design and the need for a website are discussed in detail. Several sections within these web design tutorials and articles discuss how to start a professional website, prepare content for it, increasing website traffic, what people look for on a website, and how to retain users on your website. Here are the second set of 158 web tutorials at this site.

150 Web Design Tutorials:

 - Introduction
 - The Topic Of Your Website
 - Choose Your Domain Name
 - Make Your Own Brand
 - Keywords & Content
 - Commercial Sites
 - Promoting your website
 - Conclusion
 - Flash On You Website. To Use Or Not To Use?
 - Web Professionals Advise.
 - Don’t EVER Do This: Under Construction Signs and Broken Links.
 - Try To Avoid This: Frames
 - Do not EVER Do This: Slow loading pages.
 - 7 Quick Tips For an Effective Website
 - 8 Things To Avoid When Building Your Site
 - Grab Your 5 Reasons to Engage An Attractive Site
 - Excuse me: Your website is naked!
 - 10 quick fire web design no-no’s.
 - Tips For An Effective Website.
 - 5 quick fire ways to ‘please’ your visitors.
 - Web Design – First Things First.
 - 2 Tips On Effectively Organizing Your Navigation
 - 35 Deadly Website Sins That will Kill Your Business!
 - 50 Surefire Web Design Tips
 - 5 Web designing tips that Double Your Profits even before You start Your advertising campaigns!
 - For Complete Articles Index Six web design tips to help you improve your websit.
 - Back to Basics
 - Bulk Email, Spam, and Email Marketing
 - Choosing a webhost based on price? Dont!
 - Choosing the Right Website Designer.
 - How Much Does A Website Cost?
 - How To Build Your First Web Site?
 - How To Create a Web Site that Makes the Sale?
 - I Don’t Need A Website!Do I?
 - What makes a good logo design?
 - Why Design is as Important As Promotion?
 - Why Re-Design?
 - Www Pages: The Need for Speed
 - Your Secret Weapon: The Web Design Directory
 - The Birth of a Professional Web Site
 - The Birth of a Professional Web Site Part Two: Your Strategic Web Design Plan
 - The Birth of a Professional Web Site Part Three: Basic Web Design Guidelines
 - The Birth of a Professional Web Site Part Four: Essential Web Site Components
 - The Birth of a Professional Web Site Part Five: Essential Web Development Tools
 - The Birth of a Professional Web Site Part Six: Search Engine Preparation
 - The Birth of a Professional Web Site Part Seven Web Page Optimization
 - The Birth of a Professional Web Site Part Eight: Writing Effective Sales Copy
 - The Birth of a Professional Web Site Part Nine: Launching Your Web Site on the Internet
 - The Birth of a Professional Web Site Part Ten: Promoting Your Web Site
 - Alternative to Web Site Templates and Design Software
 - Avoid these common mistakes with your links
 - DesignSmarts: Banner Design what you MUST know and DO to Get the Clicks to Your Web Site
 - Choosing A Color Scheme
 - Color Basics
 - Creating Value With Streaming Video Content
 - Design Your Online Success
 - Dont Lose Visitors Through Poor Site Design
 - Do your pages download fast?
 - Hey Mr. Fancy Pants
 - How Do I Know What To Market From My Website
 - How To Prepare Your Content For Your Web Designer
 - How to Put Up Your Own Custom Web Site
 - Increase Your Traffic by Recovering Your Lost Visitors
 - Is Your Website Sticky?
 - Keep Your Website Up-To-Date
 - Make Your Own Rules
 - The Power of Color
 - Website Designing Pillars Part 1
 - Website Designing Pillars Part 2
 - Your First Step into Web Development
 - How to Prepare Your Project before You Order Website Design
 - 3 Easy Tips to Get Your Site Looking More Professional
 - The 3 Musts for Running Your Web Design Business Efficiently and Effectively
 - 3 Questions Everyone Should Ask Themselves Before Designing or Redesigning a Webpage
 - 3 Things You Must Do To Create Personal Web Pages
 - 4 Huge Web Design Errors That Are Costing You Business Online
 - 4 Tips For Building A Website In A Hurry
 - 4 Tips to a More Visitor-Friendly Website
 - 5 Most Common Web Design Mistakes
 - 5 Things Which Make Your Site Sticky
 - 6 Web Site Content Tips to Attract Potential Customers Like a Magnet!
 - 7 Tips to a Top Site
 - 7 Tips to Organize Your Web Site
 - 7 Ways A Web Site Can Help Your Business Grow
 - 8 Must Know To Buy and Sell Reprint and Resell Right-able Products
 - 8 Steps to Design a Surfer Friendly Website That Search Engines Love
 - 8 Tips for Designing a Great Website
 - 8 Web Site Design Bloopers to Avoid
 - 9 Easy Ways to Skyrocket Your Online Sales
 - 10 Profitable Reasons To Add A Discussion Board Or Chat Room To Your Web Site!
 - 10 Shocking Secrets Nobody Will Ever Tell You About Having a Successful Business Web Site
 - 10 Things Stopping People From Visiting Your Site!
 - 10 Tips for a Better Website
 - 10 Tips for Better Web Site Usability – and Profits!
 - 10 Tips For Running A Well-Oiled Business Site!
 - 11 Web Site Design Tips to Keep Your Visitors Coming Back
 - 20 Tips for Creating a Customer-Friendly Web Site
 - 21 Reasons Why The Next Site I Visit Could Be Yours
 - A Custom Icon For Your Web Site
 - A Lot More Profits with Less Links
 - A Revealing Interview with A Design & Marketing Expert
 - A Sticky Website
 - A Tale Of Two Sites
 - A Visit Isn’t REALLY a Visit if Your Company Leaves on the Porch
 - A Web site: To Have or Have Not
 - Advanced 404 Pages
 - Advantages for Using FrontPage (Part I)
 - Advantages for Using FrontPage (Part 2)
 - Anatomy of a Brilliant Site
 - Are you scaring visitors away from your site instead of attracting them to it
 - Attract Buyers to Your Web Sitewith Power Words
 - Advantages for Using FrontPage (Part 2)
 - Attract Product Buyers–Create your Home Page With Marketing Pizzazz
 - Awards Programs: Judging Sites
 - Bad Web Design: ActiveX
 - Bad Web Design: Advertising Mistakes
 - Bad Web Design: Looong Pages
 - Bad Web Design: Mistakes With Text
 - Bad Web Design: Navigation Errors
 - Bad Web Design: Strange Cursors
 - Banners Don’t Have to Be Boring!
 - Basic Marketing Principles: Don’t Put Up Your Website Without Them
 - Beautiful Web Sites Seldom Make More Sales
 - Brief web Design Tips
 - Bring Your Visitors Back Clamoring for More!
 - Bring Your Web Site to Life With PHP
 - Browser Tips: Browser Helper Objects
 - Build Your Web Site!
 - Building a Successful Web Site: What NOT To do
 - Building Printer Friendly Pages
 - Building the Website of Your Dreams Not Your NightMares
 - Building Your First Web Site
 - Building Your Own Web Site? Here are Two Critical Points to Consider
 - Business Web Design Basics
 - Buyer Beware: Web Hosting, Registration, and Site Building “All in One” Package Nightmares
 - Can Your Web Site Win The Tour De France?
 - Change Your Colors
 - Checklist For A Successful Web Site Design
 - Choosing A Color Scheme
 - Choosing Your Website’s Address and Link Names
 - Clean Up That Code!
 - Common Advertising MISTAKES
 - Components of a Great Web Site
 - Conceptualize, Build and Publish a Web site

Tags for this post>>

May 13, 2009

Beginning and Advanced HTML Tutorials

Here are Web Development Tutorials for Beginning HTML and Advanced HTML, at Metamorphosis Design that teach the fundamentals of using HTML in web pages. These HTML tutorials are designed in a way that beginners can move onto advanced tutorials as they finish the initial tutorials. These tutorials are easy to follow and understand with all of them having examples.

HTML Tutorials for Beginners
These 6 tutorials describe how to use HTML to initially create Web pages and use HTML tags. Two different editors used for web page creation and editing are also discussed.

 - Introduction
 - Defining Terms
 - What is HTML(Part I)
 - What is HTML(Part II)
 - What is HTML(Part III)
 - Dreamweaver vs FrontPage

Advanced HTML Tutorials
These 15 tutorials and articles cover more advanced HTML topics, including its history, the necessities to start building web pages, the structure of an HTML document and editing code.

 - Short History Of The Internet.
 - What is necessary to start building web pages?
 - Structure Of The HTML Document.
 - Section of document HEAD(<TITLE> tag)
 - Connection With Other Documents
 - Tag <BASE>
 - Tag <LINK>
 - Tag <META>
 - Starting New HTML Documents.
 - Basic HTML TAGs.
 - Basic BODY TAGs.
 - Making Your Code Editable.
 - Using Style Sheets in Your Web Site.
 - Defining Colors by Name.
 - Names and codes of colors for HTML

Tags for this post>> |

May 9, 2009

Visual And Web Application Design Tutorials

These tutorials and learning materials covering Visual And Web Application Design (at and other web development sites) delve into the intricacies of Web Applications and their design by explaining the guidelines and design rules on how these applications should be developed. Each of these web design tutorials start with the basics and move to more complex subjects, as they have been designed for both novices and experts alike.

Visual Organization
These two tutorials explain how visual communication is important to the layout of a design concept and how it is implemented.

 - Visible Narratives: Understanding Visual Organization
 - Visually Critiquing Web Pages

Look, Feel, and Personality
It is important to have a distinct identity that will differentiate it from others. These tutorials and study materials introduces the concepts of Look and Feel and explains them in detail.

 - Who Are You? Get a Personality (pdf)
 - Setting the Mood with Color
 - Pricing Beauty: Reflects on Aesthetics & Value
 - Branding and the User Interface, Part 2: Behavior and Color
 - Color My World
 - Trends in Web Design

This tutorial explains the processes in implementing an important design layout and effectively communicating it to the user.

 - How to (and not to) Work with a Designer

Creating a simple and eloquent design to effectively address user’s needs is explained in this tutorials.

 - The Pursuit of Interface Design Simplicity
 - Top 10* Design Problems

Web Application Design Guidelines & Process
These web design and process tutorials discuss with the guidelines, processes and task flows involved in designing web applications.

 - Design Considerations for Web-based Applications
 - Web-Application Interface
 - Designing Web Applications
 - Designing Successful Help for Web Applications
 - Views and Forms: Principles of Task Flow for Web Applications

Web Application Definitions
These materials define what a web application is and details out how Flash can be an effective tool for web design.

 - What We’ve Learned About Web Application Design
 - What is a Web Application?
 - Demonstrating the Potential of Flash for Web App Design

Functioning Form: Interface Design Blog
These blog-based tutorials introduce new concepts in Interface Design in the form of natural interfaces, behavior and visualizations.  Here are some of the recent posts:

 - Defining User Experience
 - SxSW 2009: Designing Our Way Through Web Forms
 - Video: Web Form Design at MIX09
 - Best Practices for Content Page Design
 - VizThink 09: Visual Communication for the Web
 - Design Team Operating Principles
 - VizThink 09: Why Visualizations Work
 - Designing Web Interfaces Foreword
 - Interaction 09: Parti & The Design Sandwich
 - Interaction 09: Designing the Viral App
 - Interaction 09: Mobile UX Patterns
 - Interaction 09: How to Change Complicated Stuff
 - Interaction 09: Carpe Diem
 - Interaction 09: Designing Natural Interfaces
 - Interaction 09: Irrational Behavior
 - Interaction 09: Fiona Raby
 - Interaction 09: Coming Into Your Own
 - Interaction 09: Experiencing Sustainability
 - UIEtips: Previous and Next Actions in Web Forms
 - 12 Standard Screen Patterns
 - Design Skills for Strategy: the short version
 - Modern Web Form Design recording available

Tags for this post>>

May 7, 2009

Web Interface Design Tutorials and Articles

These learning materials, tutorials, and articles on Web Interface Design at and other web development sites explain various concepts of Web and User Interface Design. Each of the user interface topics below are explained in detail, offering with informative descriptions and easy-to-understand examples.

Web Interface Design Tutorials and Articles
The tutorials and articles, from various authors, provide knowledge on a range of topics that include design strategies, setting up a mockup for a site, AJAX, and providing customer-specific site layouts.

 - Strategy with Design
 - Developing the Invisible
 - Live by the Mockup, Die by the Mockup
 - Small Multiples Within a User Interface
 - Blog Interface Design 2.0
 - So the Necessary May Speak
 - AJAX & Interface Design
 - Web Application Solutions: A Designer’s Guide
 - Web Application Form Design
 - Natural Selections: Colors Found in Nature and Interface Design
 - Lessons of Three Dimensions for the Web
 - Interface Design Discussions at 37Signals
 - Visible Narratives: Understanding Visual Organization
 - Understanding Your Web Audience
 - The Pursuit of Interface Design Simplicity

Research Papers
Here are two papers that discuss research methods for web application design and information management in open portals.

 - Design Considerations for Web-based Applications
 - Web-Based Information Management: An Open Portal Interface Solution

Interface Guidelines
These materials provide guidelines and principles of human and user interface design. Also provided is a comparison of guidelines and testing used during interface design.

 - Human Interface Principles
 - User Interface Guidelines
 - First Principles
 - 14 Principles of Polite Apps
 - Common Principles: A Usable Interface Design Primer
 - Principles of Good GUI Design
 - UI Guidelines vs. Usability Testing
 - Evolution Trumps Usability Guidelines

Quite a lot of terminology is used in interface design. Most interface designers are aware of this terminology and can quickly relate to it. These materials provide an overview of the terminology used in interface design.

 - The Elements of User Experience
 - Information Interaction Design
 - Designers’ Roles in Communicating with Users
 - Keyword Map of LukeW Interface Designs

Tags for this post>>

April 25, 2009

79 Photoshop & Web Design Tutorials

These 79 Photoshop & Web Design Tutorials at should make a professional of you when it comes to handling Photoshop web design and other web development areas, such as CSS. These Photoshop & Web Design Tutorials explain Web Layouts for different types of websites such as Gaming, Business, Blogs and Portfolios. They explain the items and widgets in the layouts, and how space and simplicity can create a much better and easier-to-use design layout, from the user perspective. Various other web layouts are also discussed, such as Rockbands, Computer Shops, and even theme-based layouts such as Vista themes. All web layouts explained in these Photoshop tutorials are accompanied by the code, so you can work and modify them as and where necessary.

79 Photoshop & Web Design Tutorials:

 - Quickie: Gaming Layout #5
 - PSD to CSS to WordPress Pt.3
 - PSD to CSS to WordPress PT.2
 - PSD to CSS to WordPress PT.1
 - Web Design Layout #9
 - Car Layout #4
 - Portfolio Layout #10
 - WordPress Layout #4 Tutorial
 - Business Layout #4
 - Design Lab Layout
 - Web design Layout #8
 - Creative Design Layout Tutorial
 - Dark Style Web Template
 - Business Layout #3
 - WordPress Layout #3
 - Gaming Layout #4
 - Portfolio Layout #9
 - Portfolio Layout 4: The Code
 - Design Studio Layout #2
 - Video Sharing Layout #2
 - Gaming Layout #3
 - Interior Design Layout
 - Personal Portfolio Layout #2
 - Business Layout #2
 - Web Design Layout #7
 - Futuristic Layout #2
 - Design Studio Layout Tutorial
 - Car Layout #3
 - Hosting Layout
 - WordPress Layout #2
 - Personal Portfolio Layout
 - Gaming Layout #2
 - WordPress Mockup Layout
 - Business Layout Tutorial
 - Web Design Layout #6
 - Video Sharing Layout
 - Car Sales/Club Layout
 - Portfolio Layout #6
 - Portfolio Layout #5
 - Wii Inspired Layout Tutorial
 - Funky Web Design Layout 2
 - Funky/Grungy Dj/Music Layout
 - Portfolio Layout #4
 - Web Design Layout #5
 - DJ Layout #2
 - Futuristic Web Layout
 - Funky Web Design Layout
 - Futuristic Navigation
 - Techy Navigation Bar
 - Web Design Layout #4 Tutorial
 - Web Design Layout #3 Tutorial
 - Web Design Layout #2 Tutorial
 - Software Layout #3 Tutorial
 - Vista Themed Layout #3 Tutorial
 - Web Design Layout #1 Tutorial
 - Console Layout Tutorial
 - Rockband Layout #2 Tutorial
 - Lingerie Layout Tutorial
 - Photo Blog Layout Tutorial
 - Coding Your 1st PSD Tutorial
 - Vista Themed Layout #2 Tutorial
 - Rockband Layout #1 Tutorial
 - Vista Themed Layout #1 Tutorial
 - Portfolio Web Layout #3 Tutorial
 - Dj/Music Layout Tutorial
 - Car Sales Layout Tutorial
 - Games Portal Layout
 - Software Layout #2 Tutorial
 - Tutorial Layout Tutorial
 - Computer Shop Layout Tutorial
 - Portfolio Web Layout #2 Tutorial
 - Pre-Site Enter Tutorial
 - Mini Layout #1 Tutorial
 - Software Layout #1 Tutorial
 - Clan Website Design Tutorial
 - Car Club Layout Tutorial
 - Car Layout Tutorial
 - Portfolio Web Layout #1 Tutorial

Tags for this post>> | |

March 30, 2009

Web Design Tutorials

There is no limit to the extent to which an element can be designed, as there is room for infinite perfection and these Web Design Tutorials emphasize that at Web Design principles focus a great deal of emphasis on web page layout, text and typography, and shapes and colors to create a visual experience that has a lasting appeal. Very often, web design combines the process and the product that stylizes and presents the designers idea.

Web Graphic Design Tutorials:
These tutorials deal with aspects related to graphic design and style guides. It also explains graphic design for the internet and reiterates how the positioning of an element in a layout can make a huge difference to the overall design.
 - Fluid Grids
 - The Details That Matter
 - Faux Absolute Positioning
 - Writing an Interface Style Guide
 - Saving the Spark: Developing Creative Ideas
 - Design is in the Details
 - Designing For Flow
 - Understanding Web Design
 - Design by Metaphor
 - Staying Motivated

User Interface Design Tutorials:
Better known as UI Design, these tutorials help in maintaining a consistent design flow when designing web pages and user interfaces for applications.
 - The Elegance of Imperfection
 - The Elements of Social Architecture
 - Deafness and the User Experience
 - Writing an Interface Style Guide
 - Sign Up Forms Must Die
 - Designing For Flow
 - Understanding Web Design
 - Put Your Content in my Pocket, Part II
 - Never Use a Warning When you Mean Undo
 - Quick CSS Mockups with Photoshop

Typography Tutorials:
Typography deals with how text should be displayed for an aesthetic appeal during design. These tutorials cover text size, weight, type and having a flicker free display for avoiding elasticity.
 - Understanding Web Design
 - How to Size Text in CSS
 - CSS @ Ten: The Next Big Thing
 - Setting Type on the Web to a Baseline Grid
 - Big, Stark & Chunky
 - Dynamic Text Replacement
 - Power To The People: Relative Font Sizes
 - Elastic Design
 - Reading Design
 - The Trouble With EM ’n EN (and Other Shady Characters)

Web Layout Tutorials:
Essentially, the layout of text and graphics on the screen and how it is done has a deep impact on how things are perceived on the display. These tutorials outline how the layout can be used effectively for displaying these components on the screen.
 - The Elegance of Imperfection
 - Fluid Grids
 - In Defense of Readers
 - The Details That Matter
 - Return of the Mobile Style Sheet
 - Zebra Striping: More Data for the Case
 - Faux Absolute Positioning
 - Sketching in Code: the Magic of Prototyping
 - Zebra Striping: Does it Really Help?
 - Sign Up Forms Must Die

Tags for this post>>

January 19, 2009

Web Design, CSS, and HTML Tutorials

Here are 45 Tutorials covering Web Design, CSS, and HTML at These web development and design tutorials are included in this site’s Woork Handbook, which is a free eBook that teaches CSS, HTML, Ajax, and web programming.

12 Website Design Tutorials and Tips:

 - Step by step guide for newbie to design a simple web application
 - Set up your Workspace
 - A typical website structure
 - Config.php: define your database connection’s parameters
 - Design the page layout using CSS
 - Conceptual design for index.php page layout
 - Load page using URL variables and PHP include() function
 - Load pages using URL variables and Coldfusion cfinclude tag
 - A typical website structure (Coldfusion)
 - Web Navigation bar using CSS, PHP and URL variables
 - Web Navigation bar using CSS, Coldfusion & URL variables
 - Add #navbar elements to default.css file and to index.php

33 CSS, HTML, Web Design Tutorials and Tips:

 - Structured process you must know to develop a web application
 - Useful guidelines to improve CSS coding and maintainability
 - CSS coding: semantic approach in naming convention
 - Simplicity is better: some suggestions for a clean blog layout
 - Are you a CSS fanatic?
 - Liquid layer with rounded corners using css
 - CSS Tutorial to Optimize CSS files to improve code readability
 - Three column fixed layout structure using CSS
 - Digg-like navigation bar using CSS
 - Simple CSS vertical menu Digg-like
 - Table’s anatomy: why tables are not so bad
 - Liquid styled input element with CSS
 - Flickr like horizontal menu
 - Socialiconize your site
 - Tabbed search bar using CSS and Javascript
 - Beautiful CSS Form
 - Liquid expandable section with rounded corners using CSS
 - How to design a compelling header for your site using CSS
 - Write a well structured CSS file without becoming crazy
 - CSS Tutorial for Perfect Pagination Style
 - Clean Tab Bar Digg-like using CSS
 - CSS Message Box collection
 - Two CSS vertical menu with show/hide effects
 - Nice comments counter style for your blog post
 - Top-Down approach to simplify your CSS code
 - Use CSS to Create a Pastel Color Menu with Dynamic Submenu
 - Beautiful CSS buttons with icon set
 - Clean and pure CSS FORM design
 - Nice CSS menu with feed reader icons list
 - Navigation bar with tabs using CSS and sliding doors effect
 - Nice login and signup panel Newsvine like using CSS
 - Tips to design your site for mobile devices
 - Elegant glass style Navigation bar using CSS & toggle animated effect

Tags for this post>> | | |

October 15, 2008

Website Planning Guide and Checklist

Here is a Website Planning Guide and a Website Checklist. These will help you make sure you have covered the tasks and activities you need to address when designing and deployinng a website. Some of these items may not apply to your website, but you should at least review everything here so make sure you haven’t forgotten anything.

Web Site Planning Guide:

Project name for this site.
Who is your primary audience?
Who is your secondary audience?
What is your goal or purpose in having a Web site?
How will your site serve your primary audience?
What type of information will your primary audience expect to find on your site?
What information do you have readily available to provide to your audience?
Make a list of types of information you expect to put on your site (i.e. hours, announcements, staff directory)
Generally, how will your site be structured or organized? (i.e. 4 levels deep, 5 pages each level)
What information will be or could be grouped together?

What other relationships or connections between information should be present?
Who will be part of the web site development team?
Who will serve as the Web Administrator for this site?
Who will be the Maintainer(s) for this site?
How will the different duties and responsibilities be assigned?
How often do you expect to update the content on your site?
How much time per week or month will you dedicate to updating the content on your site?
Who will be responsible for answering e-mail received from the comments link on the site?
List some words that you hope will describe your site when published: (i.e. professional, friendly)
How will you test your site?
  – For readability?
  - For content?
  - For appropriateness for primary audience?
  - For different browsers?

Web Site Checklist:

 - Proofed for spelling errors
 - Proofed for punctuation errors
 - Written clearly, concisely, and coherently
 - Tone and formality matches site’s purpose
 - Font style is standard and browser proportional
 - Only text links are underlined
 - Big enough to read, but not too large
 - Easily read over page background

 - Bars and buttons are clearly labeled
 - Bars and buttons look the same throughout site
 - Bars and buttons are in the same place throughout site
 - Bars and buttons wording is representative
 - Viewer can navigate easily to related information
 - Viewer can navigate easily to site’s home page
 - Site map or index is available if a large site

 - Wording is appropriate for page/site being linked to
 - Internal site links are worded with keywords for your website
 - No links are the wording ‘Click here’
 - Represented by graphics are clearly mark as links
 - Color is consistent throughout site
 - Connect to correct page or site
 - Verified to be active and current

 - Image files are optimized for size, eg. 50K or less
 - Load quickly and appropriately
 - All have been labeled with <ALT> tags
 - Animated graphics do not detract from page content
 - Animated graphics turn off by themselves

 - Supports site purpose or mission
 - Appropriate
 - Accurate and complete
 - Relevant for target audience

General Design of Site:
 - Loads quickly
 - Consistent look and feel
 - Colors are from the browser safe palette
 - Color scheme is one of the 4 standard combinations
 - Frames, if used, do not obstruct viewing
 - Contact information is available on every page
 - Contact information is current on every page
 - Contact information includes an email link or link to a comments page
 - Footer on every page and includes
 - Author
 - Institution
 - Copyright
 - Last updated/revised
 - Page titles are descriptive
 - Meta tags have been included on every page
 - Author
 - Description
 - Keywords
 - Tested on several browser types and versions
 - Text-based browser
 - Tested on these screen resolutions
    – 800 x 600
    – 1024 x 768
    – 1280 x 720
 - Tested on Mac and PC platforms
 - Tested by a sample target audience

Tags for this post>>

August 19, 2008

How to Design a High Quality Website is a great resource for learning how to create a high quality web site. It teaches you quality assurance for web sites, including the important area of usability. Good web sites have four things in common: well designed, coded, filled with content, and thoroughly tested. This site shows you how to perform testing and QA on your web site, presenting it in a thoughtful and philosophic way. Though the material discussed and reviewed is aimed at larger sites, everything is also applicable to smaller sites such as individual home pages. You will learn the following about web site testing:

  • the major concepts at the heart of the quality assurance process
  • the critical importance of defining standards and specifications
  • the general categories of tests you might want to perform on your web site
  • some links to specialized QA web sites that might provide deeper information about any of the topics discussed here

Table of Contents:  

Site Design Issues Relating to Quality
Audience Issues
Testing Web Sites
Quality Control for Web Sites
Quality Assurance for Web Sites
Ecommerce Issues
Search Issues
Email and Messaging Issues
Additional Quality Assurance Information

Tags for this post>>
Next Page »