Building Web Pages - Graphics, Sound, and Video

Sorted by:  

How to Add Sound to Your Page with CoffeeCup

Although it is not necessarily a good idea to add sound to your Web page, CoffeeCup does an excellent job of supporting the embedding of sounds. Follow these steps to add sound to a Web page in CoffeeCup [more…]

Common Expression Blend Keyboard Shortcuts

A great way to increase your creativity and productivity in Expression Blend is to learn the keyboard shortcuts for the most common commands. The following table lists the shortcuts that you’ll use often [more…]

Common Visual Studio Keyboard Shortcuts

You can access many of the features you use in Visual Studio to create a Silverlight application through keyboard shortcuts. Here are the common shortcuts to help you accomplish tasks quickly in Visual [more…]

Silverlight 4 For Dummies Cheat Sheet

Silverlight 4 is part of a new family of Rich Internet Applications (RIA) that provides graphics, animation, audio, and video — all the features necessary to provide users with the dynamic experience they [more…]

How to Add Sound to Your Web Site Using HTML

There are plusses and minuses of adding sound to your Web page, but if you decide adding sound is of value to your Web page visitors, HTML offers two competing ways to add it: with the [more…]

How to Add Video to Your Web Site in Notepad

If you are creating your Web page in an HTML editor, such as Notepad, you can include video for your Web site visitors. The easiest way to add video to your Web page, is to offer a link to a video you [more…]

How to Add Images to Your Web Page in CoffeeCup

A Web page without any images is dull indeed. CoffeeCup HTML Editor makes it easy to spice up your page with images. Follow these steps to insert a graphic in your Web page in CoffeeCup: [more…]

How to Resize and a Screen Capture for Your Web Page

To add graphics to your Web page, you may need to create a screen capture, and you will probably want to resize it to keep the file size small so your Web page loads more quickly. There are scores of graphics [more…]

Tips for Using Graphics on Your Web Page

Designing your Web site isn’t rocket science, but you need to use common sense with graphics. Avoid these three big mistakes when designing your site and read on for additional tips: [more…]

The Flash Professional CS5 Tools Panel

The Flash Professional CS5 Tools panel contains all the tools you need to draw and edit objects. At the bottom of the Tools panel are options that modify how the tools function. Shortcuts appear in brackets [more…]

Flash Professional CS5 Keyboard Shortcuts for Menu Commands

Many Flash Professional CS5 menu commands offer keyboard shortcuts. The shortcuts are displayed on the menus, next to the command name. The most commonly used Flash Professional CS5 keyboard shortcuts [more…]

How to Embed Video in an HTML5 Web Page

The video element is one of the more anticipated features of HTML5. With this tag, you can embed videos into a web page without requiring a plugin like Flash. The following code includes a helpful message [more…]

How to Add an Image to Your HTML5 Web Page

Web pages are capable of far more than text, and if you build your web page with HTML5, you can add images in a variety of file types, including .jpg, [more…]

How to Add Audio Elements to an HTML5 Page

Perhaps no feature of HTML5 was more anticipated than the media elements, and at long last, you can build HTML5 web pages that feature audio elements without needing an external plugin. [more…]

How to Draw on Your Web Page with the HTML5 <canvas> Tag

The <canvas> tag sets up a portion of the screen to be used as a canvas for program-controlled graphics. JavaScript code executes all the drawing and manipulation of the image. The following code sets [more…]

How to Build an Image in Your HTML5 Page with the <svg> Tag

The <svg> element allows you to build a vector-based image directly in the page using the SVG markup language. It's often used to create charts or other visualizations dynamically. Sample coding looks [more…]

What Is the HTML5 Canvas Element?

The canvas element is one of the most interesting new developments in HTML5. While the <canvas> tag is an HTML tag, it really isn't interesting without JavaScript programming. The [more…]

Draw a Basic Rectangle with the HTML5 Canvas Tag

To use the canvas tag available in HTML5, build a web page with a canvaselement in it. Typically, you provide width, height, and id parameters to indicate how big the cnavas is, like so: [more…]

Using Colors and Gradients with the HTML5 Canvas Tag

Nearly every operation in HTML5's canvas function implements a fill or stroke style. To get the most out of canvas, you need to understand how they work. The three primary types of styles you can use on [more…]

How to Draw Rectangles and Text with the HTML5 Canvas

A few primitive shapes can be drawn directly onto the graphics context of the canvas element of HTML5. The most common shapes are rectangles and text, which can also have shadows. Here's how you create [more…]

How to Include Images on Your Web Page with HTML5 Canvas

While HTML has long had support for images, the canvas interface of HTML5 adds new life to Web images. Images can be displayed inside a canvas, where they can be integrated with the vector-drawing techniques [more…]

How to Create Animation with the HTML5 Canvas Tag

Although the HTML5 canvas tag might not replace Flash as a mechanism for implementing games and animations in the browser, it is reasonably easy to add animation to a [more…]

How to Manipulate Pixels with the HTML5 Canvas Tag

With HTML5, you can extract the data of a canvas tag into the underlying pixel data. Manipulating this data gives you extensive control of your image in real time. You can use this data for color balancing [more…]

How to Use a Pattern as a Fill or Stroke with the HTML5 Canvas Tag

Nearly every operation in HTML5's canvas function implements a fill or stroke style. To get the most out of canvas, you need to understand how they work. The three primary types of styles you can use on [more…]

How to Find Photos with Creative Common Licenses on Flickr

To use other people’s images in your mom blog posts, you need to ensure the images are not copyrighted. Creative Commons helps copyright owners protect their work. [more…]

Win $500. Enter Now.