Creating a cool website header
We have been posting a series of articles with simply fantastic images from the most famous graphic designers and illustrator from all around the world. Most of them have been pushing the boundaries mixing lighting effects with color overlays, and that have intrigued us.
Thank you for taking the time to report an issue.
What's wrong... Please write below.
A website's header is usually the most prominent feature of the site and its design is a crucial phase as it can make or break your website in terms of usability and impact.
This video tutorial will teach you to create a logo and header design combination under 5 minutes using Adobe Fireworks CS4.
Website Design with Dreamweaver & Fireworks
This free CSS website design guide teaches layout design with Fireworks and CSS/XHTML website conversion with Dreamweaver. Learn CSS Web Design by following these simple steps:
1) Layout Design : Designing the website's layout with Fireworks
a) Designing the website's header and footer
b) Designing the website's background and navigation
c) Placing photos and content into the website's design
2) Export Images : Slicing and Exporting the website images with Fireworks
3) Dreamweaver Site : Setting up the website in Dreamweaver
4) CSS Tutorial : CSS and XHTML website programming with Dreamweaver
5) CSS Styles : Formatting the web pages using CSS style sheets in Dreamweaver
This tutorial series teaches you how to create a full fledged website using Fireworks and Dreamweaver and thus assumes you are familiar with some design software and HTML editor, even if you are new to Fireworks and/or Dreamweaver.
This tutorial shows you the process of creating a website application in Adobe Fireworks CS4—from sketching the original page design to developing wireframes, to creating the final design. All the essential tools and instructions will be covered in this article to help you begin creating websites and designs within Fireworks CS4 right away. If you are already familiar with Fireworks, you'll get a tour of some new features included in Fireworks CS4 as you follow along.
We're going to use nice commands on this tutorial, and what is really cool is trying to test other values on each step, other colors, other shapes, always exploring the whole potencial from every tool.
Fireworks is a great tool for creating a wireframe and while it doesn’t work perfect with Photoshop, you can export over there and then build off your wireframe. We’ll cover the design process of creating a wireframe for an iPhone application website in Fireworks. For those of you not familiar with this program, it will be a good jumping off point for using it to wireframe your web design projects. This is a first part of a multi-part series and will be fun!
The first instalment of this 2 part tutorial in which we will be creating a clean, crisp website homepage design from scratch using Adobe Fireworks, and then coding it with HTML5 and CSS3 in part 2 next week.
This is my first photomanipulation tutorial in Adobe Fireworks CS4 which requires only a few steps to complete, and would be very effective to convey a meaning in your design / website header.
Try out these classy edge effects on your photos. It gives a cool look!
Adobe Fireworks Tutorial: Creating website screenshots & thumbnails in Fireworks.