So your daughter has come home and she wants to know about her family. Her teacher has given her a special project and she has to create a family tree. Well, instead of springing the crayons and paper, why not save some of the world's resources while creating something more durable for the entire family to enjoy?

There are many styles in which you can create your family tree website but for the purpose of this tutorial I'm choosing a classic approach using a free web design that presents a good backbone with which to start.

The homepage displays the classic 'family tree', which is a picture element over a background that resembles old paper and is also a picture element. The background can be easily customized if you like, but first you need to ungroup the various elements on the page. If you try to drag them now you'll find that they don't respond. This is because the designers have locked everything together. There are many elements on this page and grouping and locking elements is a good way of avoiding mishaps. That's actually something good to remember for the future. Double click the picture or an area on the page and choose ungroup from the small popup menu. If you want to regroup a few elements, either collect them with the control button or gather them together with the mouse. Then click the small blue square that appears at the side of your box.

To change the texts simply click on them and click edit. You can change the font and size. These texts are considered titles, but you can also use the paragraph text box and resize it according to your needs. If you do so, you might notice that the texts are smaller than with the title tool. That's because titles are automatically larger. Just give it a bigger size in the text menu on the bottom where you can also change the color of the letters.

The template gives you five personal pages for family members. The pages include a short text block in which you can write something about each family member, such as their occupation, date of birth, hobbies and other fun details. These text blocks function in the same manner as the text block (with the person's name) from the homepage.

You can add as many pages as you like using the add page option at the top right hand corner of the page. If you want to duplicate a certain page click the manage option, right above the add page button, and duplicate any page you want. Now use the arrows to move the pages around until they're laid out in the order you want them.

Each personal page also includes a gallery slider. To add pictures click on the picture box and manage photos. Add a description and some text to make it more personal and interesting. You can change the slider skin and add different effects, determine the type of transition that exists between the pictures and many other options that become available when you click the bottom menu.

The last page available in the template is a photo gallery page. It uses a mini page with a slider and each slide includes several photos. Use the existing platform or switch it around and make it a picture slider. The principles of action to changing the photos here are similar to those for galleries so don't worry about complications. Just click the picture you want to change and notice it's all the same from there on.

Add Your Picture

Article Submitted By: Avi Willinger1
This Article Has Been Read 141 Times

---

Remember: The article body, title, author bio and links may not be changed or removed. By publishing this article, you agree to all the terms in our Terms of Service.
Get the HTML for reprinting the article to your site

Rating: Not yet rated

--Choose-- 0 1 2 3 4 5

How To Do Ethical SEO For Educational Facilities

Is Medical Web Design Different to Traditional Web Design?

How to create a successful website?

Why Medical Website Development Needs A Different Approach

How Web Apps differ from Traditional Website

Optimizing a Website for Mobile Devices

Flash based websites: Are they beneficial for you

Web Applications and their Popularity

Vital Aspects of Android Development

The Top 10 Business Databases

Can A Good Website Benefit Your Business?

Using The Google Webmaster Tools

The New Generation of Smart Phone Application Development

PSD to HTML Slicing Services

Why Is Mobile So Important To Medical Website Design

---