Building Web Pages - Graphics, Sound, and Video

Sorted by:  

How Creative Commons Affects Mom Bloggers

Creative Commons (CC) offers six levels of protections to copyright owners. If you ever display the copyrighted work of others on your blog, you need to ensure that each author allows this manner of re-publication [more…]

Use Photography and Images in Mom Blog Posts

Successful new bloggers create or use beautiful and compelling images in all their blog posts. Using images within your written text makes your blog more readable and look more professional. Most people [more…]

Web Design Tips for Graphics

Graphics are a huge part of web design. Knowing and using the standards and formats for different types of web graphics can mean the difference between a web page that catches attention and one that browsers [more…]

How to Place Marketing Videos on Your Home Page

Many people still feel that posting marketing videos on a company website’s home page is a radical strategy. After all, home page real estate is extremely scarce and valuable. Even if you have plenty of [more…]

How to Effectively Position Marketing Videos on a Webpage

Marketing videos can add value to almost any part of a website. Think of video as a different type of content, much like text or pictures. The right mix of these content types makes a website attractive [more…]

How to Select an Appropriate Marketing Video Hosting Service

If you decide to use a professional video hosting service for your marketing videos, you first need to find one that fits your needs. Dozens of services are out there with different feature sets and price [more…]

Video on Your Website: How to Place an Embed Code

All hosting services provide embed codes that let you insert your marketing videos into your web pages. An embed code is simply a small piece of computer code that activates the video player and displays [more…]

Image Formats for Web Design

When you use images on a website, you have two things to consider: the image format and optimization. When you get these factors spot on, you have a crisp-looking image that loads quickly and looks the [more…]

Get Images Ready for the Web with Photoshop

Although Fireworks is the tool of choice when you’re creating graphics for a web page, sometimes when you create a document in Photoshop you will need to export different parts of the document with different [more…]

How to Create a Simple Two-State Button in Fireworks

A two-state button is the default Fireworks button. You create the graphics and text for State 1, which is what the viewer sees when the page initially loads. Then you modify the same graphics for [more…]

How to Create a Navigation Menu in Fireworks

A navigation menu is nothing but a collection of buttons all lined up neatly horizontally or vertically. You can use Fireworks to create a navigation menu. You do all the grunt work in Fireworks and then [more…]

How to Create a Popup Menu in Fireworks

A popup menu created in Fireworks uses JavaScript to create its magic. However, Fireworks writes all the code. If you have a lot of pages to link to but only a limited amount of space, a popup menu is [more…]

Create a Client Mockup in Fireworks

An early step in the process of a building a website is to define the concept behind the website and how it should look to appeal to its target audience. The next step is to create a mockup of the website [more…]

Optimize GIF Artwork in Fireworks

When you optimize artwork in Fireworks, you choose the file format for export and then specify other parameters. If your design has large areas of solid color and other elements, such as a client logo, [more…]

How to Export Artwork from Fireworks

After you optimize the image, it’s time to export it from Fireworks. Exporting images is fairly straightforward; choose File→Export and then specify the folder in which to save the image. When you export [more…]

Resize Your Photos for the Web with Fireworks or Photoshop CS6

You can resize your high-resolution images for publishing on a website with Fireworks or Photoshop CS6. High-resolution images have large file sizes unsuitable for display on a website. Images for the [more…]

How to Embed Audio Files in an HTML5 Document

When you want to add audio to a web page, all you need to do is encode the original audio file, which with any luck will be the original recording, into each of the web-friendly formats and embed all of [more…]

How to Create Flash Audio for a Web Page

Creating Flash audio isn’t rocket science, but you obviously need a copy of Flash unless you’re fortunate enough to have a client who sends you the sound file in the SWF format. To create Flash audio, [more…]

How to Add Flash Sound to a Web Page

After you publish your Flash sound as a SWF file, you’re ready to add it to your web page. Remember that this file is infinitesimally small, as in really, really tiny. No one will see the file, so you [more…]

How to Add Video to a Web Page

Adding video to a web page used to be hard. You’d have to deal with a specific video player, such as RealMedia Player, Windows Media Player, or QuickTime Player. The HTML5 format has a video tag, which [more…]

How to Create and Encode Flash Video

If the pages you’re creating won’t be viewed on mobile devices (such as an iPad or a smartphone), you can create web pages with beautiful Flash video. Adobe Flash Professional CS6 has its own built-in [more…]

How to Add Flash Video to a Web Page

Adding Flash video to a web page in Dreamweaver is easy. As an added bonus in Dreamweaver, you can add controls to the video to enable website visitors to start and stop the video as they please. This [more…]

How to Embed a Video in a Web Page

After you create a YouTube or Vimeo account, it’s child’s play to add a video from either site to a web page. Vimeo’s embed code supports mobile devices like the iPad and iPhone. To embed a video in a [more…]

Web Design: Understanding Bitmaps and Vector Graphics

All the graphics you encounter on the web are either bitmap or vector graphics. The basic difference between the two is how they’re drawn on your screen. This simple detail affects everything from image [more…]

Explore Design Resources When Building a Website

When you sit down to explore different web-design directions, you’re not on your own when it comes to tracking down the assets and resources you’ll need to complete your designs. A number of online design [more…]