Solved

Online Web Header Image Tool

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

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
manage footer size 4 73
Search an image for an image 3 52
replica website 2 35
Website Question - New Site 3 14
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.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The goal of the tutorial is to teach the user the full work flow of how to use flash media encoder to stream onto YouTube.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

821 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