Solved

Online Web Header Image Tool

Posted on 2013-11-23
1
481 Views
Last Modified: 2013-11-23
I need to find a tool (preferably online and free) that makes such headers easy to create

Web headers have always posed a challenge for me.  Google sites is where I usually go when I want to give a customer my very best, but QUICKLY so that I can retain my customer for their future needs.

However, as you see in this screenshot http://screencast.com/t/U00tRt6mD, the header consists of multiple components all merged together (flattened) into a single image.  The components are.

A site title and tagline inside an appropriately sized background with colors to match the rest of the site.
A picture inside of the background.
Wording inside the picture.

It looks ELEGANT for sure, even though is static.

Therefore, I need to find a tool (preferably online and free) that makes such headers easy for my customers to create, even if they have little to no computer ability.  

Assistance is greatly appreciated!
0
Comment
Question by:frugalmule
1 Comment
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39672035
If all you are looking to do is create an image using something like photoshop, you can try http://pixlr.com.

However, the header should probably be something like below with supporting css for a background image for the id header and special styling for the tag lines.

<div id="header">
    <div class="header_image"><img src="headshot.jpg"></div>
    <div class="header_tagline">
         <div class="something">Welcome To</div>
         <div class="name">Your Name</div>
         <div class="tag">Tag Line</div>
    </div>
</div>

Open in new window

0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question