Solved

Online Web Header Image Tool

Posted on 2013-11-23
1
476 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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

In a previously published article (http://www.experts-exchange.com/articles/10331/Automatic-Duplex-Scanning-in-PaperPort-Versions-11-12-14.html) here at Experts Exchange, I explained how to achieve duplex (double-sided) scanning in Nuance's PaperPor…
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.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

706 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now