Home Page About Us Security & Privacy ToS Add Your Link Add Your Article
Search:   
allarticlelist.com
Add Url
 

News & Events

Home Family & Garden

Technology & Science

Software & Networking

Eating & Drinking

Property & Agents

Entertainment

Fashion & Relationships

Self Management

Law & Politics

Sports

Society & Issues

Companies & Business

Healthcare & Treatment

Art & Creative

Vehicles & Automotive

Teens & Kids

Academics & Learning

Tour & Travel

Careers & Employment

Malls & Shopping

Online & Board Games

Health & Therapy

Finance & Investment

 

Home Page –› Software & Networking –› Web Development Services
 

How to Create Your Very Own Free Xsitepro Templates

 

Author: Charlotte Alice

Making your own Xsitepro templates should not be out of reach for most web masters. Even for those who consider web design and web page aesthetic pleasures beyond them, can with time, learn how to develop their own free Xsitepro templates.

The question is, why would you want to make your own template when there are plenty of ready built templates available to buy? Thats an easy question to answer, the simple truth is, because you can. Theres also a great deal of satisfaction to be had from building and designing your own web site from scratch. Of course, as the saying goes, even the best designed web sites are useless if nobody knows theyre there. That in a nut shell is why people prefer to use templates, it saves time. It allows them to concentrate on the very important task of driving traffic and marketing their site.

There are of course lots of free Xsitepro templates available out of the box when you purchase Xsitepro, Ive also no doubt that this number will grow as the popularity of the product increases, allowing them to invest more in these type of areas. However, if youre still keen to build your own Xsitepro templates, then follow the advice below:

The out of the box Xsitepro template includes a header panel, left and right panel, a footer panel and the main panel. You can affect each of these areas of the page with your template and create your web site around this design.

So your original design must take into consideration this layout. If indeed this is the layout you would like to use. There are different ways to design a web page, however this is commonly agreed as the best method for SEO purposes.

Once you have an idea in your head of what the template looks like, it is then possible to begin your design. Effectively, what we are aiming to do is to create an impression of what you would like your web site to look like if it did not have any content. This is the bear bones of your web site.

A popular tool used for creating web site templates is Photoshop. You simply select the size of the canvas and start your design. If this is your first time creating an Xsitepro template, keep it simple. Youll get better and more confident with time. Start with the header, there are lots of tutorials that can be used for creating a header with Photoship. I would recommend you study the following:

http://www.pegaweb.com/tutorials/web-page-header/web-page-header-1.htm

http://www.entheosweb.com/photoshop/header.asp

Then move onto the side panels, making sure that they match the header before completing your new web site footer. Depending on your artistic skills and confidence with Photoshop, this can take as little as five minutes for a basic design or several hours for a more complicated one.

By this stage, you should have a general feel for how to create a website layout. To make it into an Xsitepro template, we just need to cut and slice your design. The slicing tool is part of the Photoshop feature set, again with confidence you will be able to use it quickly and easily. However, for a simple tutorial I would recommend:

http://www.eyesondesign.net/pshop/slicing/images.htm

To fit in with Xsitepro, you should have one thought on the height and width of your slices. The most popular of which are listed below:

Header - 160 x 700 pixels
Left and right panels - 65 x 185 pixels
Main body - 65 x 500
Footer - 60 x 130

As you progress, experiment with these sizes to find which suits you better.

Now that you have designed and sliced your template, it is time to import your design into Xsitepro. Like most features of Xsitepro, this is very easy and intuitive. You simple, create a new project and new web site and then click the page layout option. From this page, you have the option to affect the different parts that make up your page (Remember the header, left and right panels etc), it is from this page that you can change the default header GIF, for your newly designed header GIF. You can do this for all of the other elements of the page.

There you have it, youve now created your own unique free Xsitepro template.

Author Bio:
Charlotte Alice is a specialist in this area. Charlotte has written several articles in the past on this topic.
You can also reach this article by using: web site development, web design & development, website development tampa
 
 
 

Related Articles

 
Integrate Fun and Learning with Online Games
 
You Need a Business Plan for Internet Success
 
Computer Game Review - Innovations And Developments
 
Mobile & handheld usability testing - why it matters
 
Search Engine Optimizing Press Releases
 
How to Play With a Paintball Gun Safely
 
How to create and run a profitable membership site - Part 3
 
The Advantage of Submitting to Niche Directories
 
How You Can Land in the Top 30 of Google's Rankings Within 6 Weeks For Free
 
Four Warning Signs Every Website Owner Should Listen For When Trying to Hire an SEO Strategist
 
 
 
Home Page >> Security & Privacy >> ToS  
© 2006-2008 www.allarticlelist.com All Rights Reserved Worldwide.