Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Design Community
Photoshop Tutorials
Graphic Design Resources
Vandelay Design Blog
Design Reviver
Web Design & Graphic Design Blog
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Graphic Designers
Creative Public
The Print Guide
Creative Track
Digital Dreamer
Logomarket
Desktop Publishing
Blue Sfear
Web Design Templates
Design Directory
Web Designers & Developers
Crafts for Kids
Webmaster Tutorials
Web Designers
Web Design Portfolios
All Work at Home Ideas
How to Draw
Work From Home Job Search
More Graphic Design Links
OTHER SITES WE OWN
AllFreelance
All Freelance Work & Portfolios
Graphic Design Community
Best of Graphic Design
Web Design Tools & Resources
![]() |
Home > Templates > Tutorials > WEB DESIGN LAYOUT TEMPLATES TUTORIALS & ARTICLES
Blog Software Template Tutorial - A template is a set of .html files which defines the appearance and functionality of the blog software. It makes it so the same software can be used as a web journal, a bulletin board, a guestbook and more
Building a page template in CSS - a step by step tutorial - A quick step-by-step demonstration of how the Web Essentials template was built using CSS. Created for a presentation to students of Blue Mountains College of TAFE.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
Building a Web Site Design Template - A web site design template will greatly speed and simplify the process of web site development.
Cookie-Cutter Layout Web Templates Design - The truth is that ALL web sites' layouts are indeed cookie-cutter (if you want to use that terminology) regardless of whether you start with a web template or create your own website from scratch.
Designing a CSS based template - This is the start of a step-by-step based tutorial about how to create a CSS based template page. This will be a tutorial consisting of several parts: part 1 covers the creation of the navigation buttons in Photoshop CS*, the 2nd part will be the creation of the background, next on the list is the header and layout of the page and finally the implementation in CSS and XHTML.
Customize your Web Design Template in Adobe Photoshop - A PSD file is layered easy to modify image file. It contains all image sources for your web design template.
Customize web templates on your own - Web templates are raw materials that need to be edited for publishing it online. Editing web-templates could include content insertion, graphic insertion/modification, inserting company logo, changing styles.
Exclusive & Non-Exclusive Web Template? What is the difference between an exclusive and non-exclusive web template? - Why do you see so many high-priced templates being sold as "exclusive"? They feel it justifies a higher cost of course. For the majority of web sites that are not concerned about an exclusive corporate identity, an exclusive web site template is not necessary.
How to Create and Edit a Page Layout Template - WebSite Director (WSD) Page Layout Templates allow users with no knowledge of HTML to populate web pages that have a pre-defined format. These templates allow you to specify which portions of a document can be created/edited.
How to customize web templates on your own to create websites that work - Web templates are raw materials that need to be refurnished/edited to be published online. Editing web-templates could include content insertion, graphic insertion/modification, inserting company logo, changing styles, changing links, changing flash images etc. Editing is quite easy but in case you feel otherwise you can always make use of template customization services that most template providers offer at
Jo's Super Simple Web Page Tutorial/Template - Why do you need to know HTML? WYSIWYG editors are wonderful "shortcut" tools to help you get your documents on the web, but they all have idiosyncracities. Your tabs may not work correctly or the editor may not recognize your commands for additional spaces here and there.
Managing Your Web Design Template Quick Guide - How to customize your web template and create supages.
Newsletter Templates and Formatting - Templates - Giving your ezine a consistent look from week to week begins with a good newsletter template.
Photoshop Web Template - Web Site Design Tutorial - Many people new to web design are confused by slices and Javascript rollovers and end up abandoning their projects out of frustration. The point of this Photoshop web tutorial is to keep things simple by creating a web page that uses only 2 graphics.
Report Template Tutorial - This tutorial demonstrates how to create a simple Web page by selecting one of several pre-determined layouts. "Simplicity Itself" allows you to quickly and easily create a web page that may contain TEXT, IMAGES, LINKS, and LISTS.
Site Navigation in Web Templates Design - When determining the utilization of links within your web site's template, don't forget to include a "Home" button or link. As simple as it may sound, it is the most overlooked element.
Template Help Center for Web Design - It's intended to help you when you are seeking guidance in the important decisions regarding the design or development of your website. It includes answers to simple but important questions like "How to Select a Template Design" as well as some very technical material. For instance, we have tutorials on a number of subjects connected with website design and development.
Template Tutorial - Photoshop - Open up the image you want to make an avatar out of. Select the 60x60(or 48x48) area you want and go
Tutorial - Making Templates - This tutorial was made with the aim of helping you folks in the forum creating your own templates from scratch… I’ll be explaining it through a step-by-step list of things I do from the beginning till the end.. You’ll also find some explaining pictures… Lets get started!
How to Use the Web Diner Web Page Templates to Create a Quick Web Page - We have a wonderful variety of web page templates here at the Web Diner, that you can easily use to create your own web page. We have everything from guestbooks to holiday pages to web page templates for kids.This tutorial will help you customize a template and give you some tips on how to upload the page as well.
Want a template without the code? - Some of you (not all) might want to use a template here but do not want to deal with the Freeform Design Constructor. I have a simple solution that I (and others) have used in the past.
Webpage Template System - If your website has many web pages sharing similar layout, navigation links, and graphics, then it will be very wise to use a template system to control those elements.
Webmaster.pl - A Working HTML::Template example - HTML templates can be a really powerful tool when creating and maintaining web sites. Headers, footers, and navigation bars can be stored in a few templates, which can be used as a layout for the whole site.
Web Template Tutorial - Editing your template - The list of template editing steps follows. Please use Photoshop 7.0 or higher to gain access to all features described in this tutorial, including preparing to edit text by installing new fonts to your system, editing the company name, editing colors, replacing an image, inserting additional image, hiding extra navigation buttons, hiding a portion of a layer, and sllicing and exporting HTML.
What Do All These Templates Do? - Movable Type uses a template system to generate the pages of your weblog. To change which content elements and how they are displayed on the pages of your blog, you need to make changes to the appropriate templates.
What is a Web Design Template - A Web Template is a ready-made website design created to use it as a basis for fast and high-quality website development. Just add your text and pictures to our template – and you get a functional and individual site ready for upload!
Why Use a Template? - Although it's possible to retype all the basic information for each web page by hand, this approach is very impractical. It becomes especially clear when the same format is required for a large number of pages on a site. The solution is a template.
What Your See - What templates and css control what you see and where are they located.
Working with Web Templates in Editor (like Dreamweaver) - How to add template and change and edit items.
RECENT ARTICLES from Graphic Design BloG
Logos: What Makes a Good Design? - Part II
The Logo Journey Continues
In our last article, we examined several logo designs that were, by most conventional standards, unsuccessful. Your graphic design education is a continuing process and learning the basics of graphic design can help you to be more effective in creativity and avoid mistakes in design.
In Part 2 of this series, we'll take [...]
![]() |
![]() |
|
![]() |
![]() |
|
Logos: What Makes a Good Design? - Part I
Logo Design Isn't Always Easy
Designing a logo can sometimes be mystifying, but that doesn't mean it can't be done. At times a logo design just works, even though it may seem rather unremarkable. Other designs should work but they don't.
When Things Go Terribly Wrong
The examples in this article demonstrate what can happen when attention to [...]
Great Ideas for Package Designs - Part II
Package Design: The Two Second Commercial
If you pay a visit to your local supermarket and view the thousands of items sitting on shelves, each product is vying to gain your attention through its package design. Hence each package acts as a two second commercial.
The following designs excel in attracting your eye, but also serve a [...]
Great Ideas for Package Designs - Part I
See, Learn, and Get Inspired
Designing a package can be quite challenging when trying to think of unique ways to present a product. The following examples show how graphic designers think outside the packaging box by using creative techniques that are novel in approach, and also quite functional by design.
Otokoyama Sake
A simple design can be more [...]
Graphic Design Education and Your Career
Talent + Education = Graphic Designer
Talent is always a big consideration for employers who are seeking individuals to fill positions, but the world of graphics, illustration, and art has changed dramatically with the use of computer design software and computer hardware.
Publishing houses, graphic design firms and other related businesses need people who are up-to-date in [...]
Camera Tricks for Non-Photographers - Part II
Make Your Own Filters and Special Effects
In our last camera tricks session we covered some basic techniques related to camera operation, lens usage, and camera settings to achieve different image effects without the use of Photoshop.
This time around we will still achieve in-camera effects but with the use of homemade lens filters and accessories that [...]
Really Cool Photoshop Effects Part III
In our hat of magic Photoshop tricks, we've pulled out a few more items that we thought you might be interested in.
These effects and their related tutorials (click on the bold text or the image) are really fun to try out. They incorporate functions of Photoshop such as layering, transparency, blending, and other methods.
It will [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.
Helping you find freelance work
Add your gallery to this forum
How to start in Graphic Design..
Web Hosting (Yet Another Provider)
WTF is up with this web hosting company???
Brightcove Font
Supportive CSS and HTML in Email Clients