Category Archives: Web Page Design

How to Embed Your Favorite Fonts into Web Pages

in Online Fonts, Web Page Design

Using web safe fonts, such as “font-family: Arial, Helvetica, sans-serif;” allows readers who don’t have Arial to view your text in Helvetica.

How to Combine Letters and Pictures in Photoshop

in Web Images, Web Page Design

They say a picture’s worth a thousand words. I suppose a picture combined with words is worth even more, and we can use it to tell a story… In this tutorial, we’ll combine letters with pictures, and the finished product … Continue reading

How to Save Gradients in Photoshop

in Web Page Design

Gradients. Not only are they appealing, but they’re also fun and easy to make. And you just might be surprised what a difference they’ll make on your web page. In a previous tutorial, we went over gradients in depth, but … Continue reading

How to Add a Web Page Background with CSS

in Web Page Design

A customized background can really spice up your web page. You can add a background color and/or image to a line of text, paragraph or an entire page. The background image automatically repeats for you, meaning it fills up the … Continue reading

How to Create a Navigation Bar in CSS

in Web Page Design

What better way to finish up your website header than with a navigation bar! If you’d rather not create the nav bar with an image editor, CSS can help you do the job pretty quickly. Simply follow along or copy … Continue reading

How to Make Images with Rounded Corners in Fireworks CS5

in Web Page Design

There are a number of options available for creating an image with rounded corners for web pages. You can use cascading style sheets to apply the corners (works in browsers that support this feature) or apply the rounded corners directly … Continue reading

How to Create a Torn Paper Background for a Web Page in Photoshop

in Web Page Design

Ever want to change your traditional web page background to a custom one? How about a paper texture with torn edges? It’s a great option if you’re sharing a letter or note with readers on your web page.