WebDizeo » Videos http://webdizeo.com Making web design resource easy to find. Fri, 16 Jan 2009 15:19:57 +0000 http://wordpress.org/?v=2.6.5 en http://webdizeo.com http://webdizeo.com/wp-content/themes/freshnews/favicon.ico WebDizeo How to Create a Website Layout in Dreamweaver with CSS http://webdizeo.com/how-to-create-a-website-layout-in-dreamweaver-with-css http://webdizeo.com/how-to-create-a-website-layout-in-dreamweaver-with-css#comments Mon, 12 Jan 2009 16:06:51 +0000 Freddy http://webdizeo.com/?p=304 Creating a CSS website layout in Dreamweaver can be super simple and save you a lot of time. The tutorial pros over at TutVid.com put together a nice video tutorial to show exactly how this is done. It is a little bit on the long side (like 30 min.), but after watching and perfecting this, [...]]]>

Creating a CSS website layout in Dreamweaver can be super simple and save you a lot of time.

The tutorial pros over at TutVid.com put together a nice video tutorial to show exactly how this is done. It is a little bit on the long side (like 30 min.), but after watching and perfecting this, you will save tons of time on your future projects.

Technorati Tags: , , ,

]]> http://webdizeo.com/how-to-create-a-website-layout-in-dreamweaver-with-css/feed Design Coding Rapper - Sweet Rhymes about Web Design http://webdizeo.com/design-coding-rapper-sweet-rhymes-about-web-design http://webdizeo.com/design-coding-rapper-sweet-rhymes-about-web-design#comments Thu, 08 Jan 2009 19:43:57 +0000 Freddy http://webdizeo.com/?p=241 I came across this sweet rap video on Youtube about web design coding. This guy describes how web standards and proper coding can affect how your site is rendered on different browsers and how it will be ranked in the search engines. It’s very important stuff. Listen to the lyrics. Great Job Poetic Prophet (a.k.a. SEO [...]]]>

I came across this sweet rap video on Youtube about web design coding. This guy describes how web standards and proper coding can affect how your site is rendered on different browsers and how it will be ranked in the search engines.

It’s very important stuff. Listen to the lyrics. Great Job Poetic Prophet (a.k.a. SEO Rapper).

Technorati Tags: , ,

]]> http://webdizeo.com/design-coding-rapper-sweet-rhymes-about-web-design/feed How to Make an Image Rollover in CSS http://webdizeo.com/how-to-make-an-image-rollover-in-css http://webdizeo.com/how-to-make-an-image-rollover-in-css#comments Mon, 01 Dec 2008 18:15:05 +0000 Freddy http://web-design-tips-and-tricks.com/?p=230 In this tutorial I will teach you how to make an image rollover using CSS and Adobe Illustrator. It’s pretty straightforward and shouldn’t take you more than a couple of minutes. I’ve included the HTML, CSS, and image below the video. If you like this tutorial please make it known by bookmarking it and commenting [...]]]>

In this tutorial I will teach you how to make an image rollover using CSS and Adobe Illustrator. It’s pretty straightforward and shouldn’t take you more than a couple of minutes. I’ve included the HTML, CSS, and image below the video.

If you like this tutorial please make it known by bookmarking it and commenting below.

index.html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Home Button</title>
<link type=”text/css” rel=”stylesheet” href=”style.css”>

</head>

<body>

<a class=”homebutton” href=”#”>Home</a>

</body>
</html>

style.css

@charset “UTF-8″;
/* CSS Document */

a.homebutton {
display:block;
width:120px;
height:40px;
text-indent:-5000px;
background:url(images/homebutton.jpg);
text-decoration:none;
}

a:hover.homebutton {
background-position: -120px 0;
}

Technorati Tags: , , , ,

]]> http://webdizeo.com/how-to-make-an-image-rollover-in-css/feed How to Get Screenshots for Your Web Design Portfolio http://webdizeo.com/how-to-get-screenshots-for-your-web-design-portfolio http://webdizeo.com/how-to-get-screenshots-for-your-web-design-portfolio#comments Wed, 05 Nov 2008 01:45:48 +0000 Freddy http://web-design-tips-and-tricks.com/?p=52 I remember when I first tried to create a professional web design portfolio for myself. Man…that was tough! I would do a “print screen”, then have to open it in an image editor, crop it, resize it, and resave it. Ok…maybe doing all that wasn’t “the end of the world” tough, “but there has to [...]]]>

I remember when I first tried to create a professional web design portfolio for myself. Man…that was tough! I would do a “print screen”, then have to open it in an image editor, crop it, resize it, and resave it.

Ok…maybe doing all that wasn’t “the end of the world” tough, “but there has to be an easier way to save my websites as images”, I thought.

And there was.

It’s an easy-to-use plugin for Firefox called Screengrab!. Screengrab! allows you to capture the full website, the visible portion of the website, or a specific selection and save it as an image by simply pressing a button.

It’s super easy to use. Wanna see? Then watch the video below.

Technorati Tags: , , , ,

]]> http://webdizeo.com/how-to-get-screenshots-for-your-web-design-portfolio/feed How to Get Free Vector Art http://webdizeo.com/how-to-get-free-vector-art http://webdizeo.com/how-to-get-free-vector-art#comments Sat, 01 Nov 2008 19:11:53 +0000 Freddy http://web-design-tips-and-tricks.com/?p=48 I’ve had some pretty artsy clients before. They had a contemporary style and wanted their web design to show that. Of course I would tell them that it was my specialty and that I would come up with a design that would knock their socks off. I would then go home and sweat bricks. [...]]]>

I’ve had some pretty artsy clients before. They had a contemporary style and wanted their web design to show that.

Of course I would tell them that it was my specialty and that I would come up with a design that would knock their socks off. I would then go home and sweat bricks. How would I come up with contemporary designs? Would I have to draw everything on paper first? I’m not that great at drawing so that wasn’t an option.

What if there was a website I could download graphics from and then tweak them to use them in my projects? Well, I found just that site (in fact, one of many, but this one’s my favorite). Wanna know what it is?

Watch the video. (hint: it’s a great way to get free vector graphics).

Technorati Tags: , , , ,

]]> http://webdizeo.com/how-to-get-free-vector-art/feed Web Design Tool - Web Developer Toolbar http://webdizeo.com/web-design-tool-web-developer-toolbar http://webdizeo.com/web-design-tool-web-developer-toolbar#comments Thu, 30 Oct 2008 20:52:21 +0000 Freddy http://web-design-tips-and-tricks.com/?p=42 I came across this web design tool awhile back and it has proven to be invaluable. It has taught me alot about web design as it has allowed me to take a sneak peek at other peoples’ coding and design techniques. This tool is the Web Developer Toolbar for the Firefox, Flock, and Seamonkey browsers. [...]]]>

I came across this web design tool awhile back and it has proven to be invaluable. It has taught me alot about web design as it has allowed me to take a sneak peek at other peoples’ coding and design techniques.

This tool is the Web Developer Toolbar for the Firefox, Flock, and Seamonkey browsers. Take a look at this video to see how this can be a very invaluable web design tip for you:

Technorati Tags: , , , , ,

]]> http://webdizeo.com/web-design-tool-web-developer-toolbar/feed Start a Web Design Business http://webdizeo.com/start-a-web-design-business http://webdizeo.com/start-a-web-design-business#comments Thu, 30 Oct 2008 05:50:55 +0000 Freddy http://web-design-tips-and-tricks.com/?p=31 I would like to tell you that it is the easiest thing in the world to start a new web design business. Bottom line…it’s not. It’s just like any other business or industry. It has its challenges and it has its many rewards. If you still think you have the stomach for it, then take a [...]]]>

I would like to tell you that it is the easiest thing in the world to start a new web design business. Bottom line…it’s not. It’s just like any other business or industry. It has its challenges and it has its many rewards.

If you still think you have the stomach for it, then take a look at my video regarding how to start your own web design business. It’s straightforward and includes some of the things I did to start my company.

Technorati Tags: , ,

]]> http://webdizeo.com/start-a-web-design-business/feed