Web Design Search Results

How To: Use file extensions in URL's to improve traffic

Google is one of the most powerful forces on the Internet, and their technology can be the key to helping you find success in whatever your online endeavor might be, from web design to filmmaking. This video is a part of their Google Webmaster Series, offering help to webmasters the world over on how to best utilize Google in their work. This video will explain how stripping file extensions from URL's affects both Google rankings and user behavior, information that will help you design your s...

How To: Understand color theory and the color wheel

Check out this video from Sessions on using the color wheel. Better understand color relationships, color schemes and color theory. This is a great lesson for designers, artists, stylists and decorators. Create color harmony using the color wheel. Tutorial video from Sessions Online Schools of Art & Design's "Color Theory" course. Part of Sessions' Graphic, Web, Digital Arts, Marketing, and Multimedia Arts Design certificate programs.

How To: for HTML Structure - Opening and Closing Tags

Learn how to setup up a basic structure for a HTML web design document, define the HTML version, open and close HTML tags and learn how to apply the proper file extensions when saving document in notepad. This web design tutorial is by no means a complete structure for HTML coding and is only a brief introduction to HTML web design. This video will only go over a brief introduction to the structure of an HTML document and in a future tutorial we will go over additional components that are nee...

How To: Create a web 2.0 style badge in Illustrator

In this video tutorial, viewers learn how to create a web 2.0 style badge using Adobe Illustrator. Adobe Illustrator is a vector graphics editor. Viewers will learn how to manipulate the Star Tool in Adobe Illustrator, how to apply a custom radial gradient to that shape and how you can create, save, and open custom swatches. This video will benefit those viewers who design websites. These web badges can be used on a website to promote a product, announce a sale, or simply draw attention.

How To: Use Divs in Dreamweaver

In this video tutorial, viewers learn how to use divs in Adobe Dreamweaver CS4. Divs are container elements that are called Layers in Dreamweaver. In HTML, div elements are used where parts of a document cannot be semantically described by other HTML elements. Dreamweaver is a web development application. This video provides 14 steps for viewers to easily follow along and learn how to use divs. This video will benefit those viewers who are are interested in web designing and and want to learn...

How To: Embed web content into a mobile Android application

Designing a cool app for Android? If you were looking to integrate web content into your Android app, you can—and the Android Developers are here to show you how it's done! It's all done with an embedded WebView, allowing you to embed HTML, Javascript and style sheets from your web content. If you were looking for a quick answer on how you embed your web content into your app, let the pros at Google teach you the right way.

How To: Optimize Google's crawl of your website without using robots.txt

Google is one of the most powerful forces on the Internet, and their technology can be the key to helping you find success in whatever your online endeavor might be, from web design to filmmaking. This video is a part of their Google Webmaster Series, offering help to webmasters the world over on how to best utilize Google in their work. This video will show you how to ensure that Google crawls a particular section of your site without using any robots.txt.

How To: Modify a cascading style sheet in Dreamweaver CS5

Learn how to edit external CSS or cascading style sheets when using Dreamweaver CS5. Whether you're new to Adobe's popular WISYWIG page editor or a web design professional just looking to better acquaint yourself with the unique features of Dreamweaver CS5, you're sure to be well served by this video tutorial. For more information, and to get started editing CSS pages yourself, watch this free video guide.

How To: Set site linking preferences in Adobe Dreamweaver CS5

Learn how to set custom linking preferences when using Dreamweaver CS5. Whether you're new to Adobe's popular WISYWIG page editor or a web design professional just looking to better acquaint yourself with the unique features of Dreamweaver CS5, you're sure to be well served by this video tutorial. For more information, and to get started using custom hyperlink preferences, watch this free video guide.

How To: Style images with CSS in Adobe Dreamweaver CS5

Learn how to style images using CSS, or cascading style sheets, when using Dreamweaver CS5. Whether you're new to Adobe's popular WISYWIG page editor or a web design professional just looking to better acquaint yourself with the unique features of Dreamweaver CS5, you're sure to be well served by this video tutorial. For more information, watch this free video guide.

How To: Use the new features in Adobe Flash Catalyst CS5

Whether you're new to Adobe's Creative Suite or a seasoned graphic design professional after a general overview of CS5's most vital new features, you're sure to be well served by this official video tutorial from the folks at Adobe TV. In it, Terry White discusses his five favorite features of the newest addition to Adobe's CS, Flash Catalyst, an application which allows you to create dynamic web pages without coding. Learn how to create dynamic scrolling content and functional Flash buttons ...

How To: Make HTML pages in Photoshop and Dreamweawver

This web development software tutorial shows you how to slice a site design in Photoshop, and then export the resulting images and HTML to Dreamweaver. This is an ideal method for creating newsletters, as the resulting HTML is tables-based, and better suited to email clients. Learn how to create HTML pages with this Photoshop and Dreamweaver tutorial.

How To: Make Google say your name

In this video the instructor shows how to make Google say your name. To do this, first, open up your favorite web browser and go to the website GoogleMyWay. This opens a page where it says that you can design your own Google web page. Now type your name into the first box and click to make it. This generates a URL for you. Copy the URL into the address bar of the browser and open the page. This opens a Google-like website with your name on it. Now, if you like to make this your home page, the...

How To: Generate a CSS-based layout with Adobe Fireworks

See how to work with (and for) CSS when using Adobe Fireworks. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Create a 3D monitor effect in Illustrator

This Adobe Illustrator tutorial shows you how to create a 3D monitor effect with moving streamers on it. If you are creating a graphic layout or web design that needs a flat screen monitor and moving images on that monitor, this tutorial will teach you how to impose your own image in a flat screen monitor and integrate streamers all within Illustrator.

How To: Program a quiz engine in ASP.Net

This video series is designed specifically for individuals who are interested in learning the basics of how to create dynamic Web applications using ASP.NET 2.0 and Visual Web Developer 2005 Express Edition with the Visual Basic programming language. In this lesson, you will begin to see the creation of the Quiz Engine. This will allow you to exercise the skills developed in the earlier videos.

How To: Create vector light ribs in Illustrator CS4

There are a lot of things out there in the design world that people have seen and liked, but didn't know how to make. LIke vector lights. Watch this Illustrator video tutorial to take a look at those cool glowing, color changing, fading, bright, neon-like, fanning spread of glowing colors. Maybe there's no specific name for them, but for now, refer to them as 3D Light Ribs. You can use these in photographs, illustrations, composites, print work, web design, and maybe even a logo or two! You w...

How To: Create a scroll panel in Adobe Fireworks CS5

In this video tutorial, we learn how to create scroll panels within Fireworks CS5. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Import ASE files in Adobe Fireworks CS5 when rapid prototyping

In this video tutorial, we learn how to import ASE files in Fireworks CS5 when doing prototyping work. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Create wireframes with doc templates in Adobe Fireworks CS5

In this video tutorial, we learn how to create wireframes using doc templates in Adobe Fireworks CS5. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Assign design to a page template when using Dreamweaver CS5 with WordPress 3.0

In this video tutorial, we learn how to employ live code when working with WordPress 3.0 from within Adobe Dreamweaver CS5. Whether you're new to Adobe's popular WYSIWYG HTML editor or a seasoned web development professional just looking to better acquaint yourself with the CS5 workflow, you're sure to be well served by this video tutorial. For more information, include detailed, step-by-step instructions, watch this free video guide.

How To: Make 5 easy face or body paint designs

In this video, we learn how to make five easy face or body paint designs. First, to make a shooting star, grab a sponge and apply your paint to the edge of it. You will want to paint three colors next to each other on the edge of the sponge. Now, drag this across the skin and make a point at the end, then paint on a star. Next, to make a flower you will paint four hearts that are all touching with their points in the middle, then paint on leaves by swiping the brush sideways. To paint Spiderm...

How To: Use CSS and DIV tags for columns in Dreamweaver

Layers TV Host RC creates a three column layout with a header in Dreamweaver CS3. This Dreamweaver tutorial goes over the basics of setting up classes and inserting DIV tags for layout as well as dumb things that trip you up. If you need help with CSS and DIV tags when working with columns on web page designs, watch this Dreamweaver tutorial for help.

How To: Create a navigation bar in Photoshop

In this video tutorial, viewers will learn how to create a navigation bar, using Adobe Photoshop. Adobe Photoshop is a graphics editing program. Viewers will learn how to use multiple layers, layer effects, gradient options and drawing tools. Viewers will be able to customize their own color and designs. This video provides voice narration and a visual demonstration that allows viewers to easily understand and follow along. This video will benefit those viewers who design websites and web pages.