Paint Shop Pro Web Design
Delicious Bookmark Us Bump this on Design Bump Share this page on  Facebook Share on Technorati Share on MySpace Michele's Paint Shop Newbie 101 Follow Me On Twitter Google Bookmark This Site gmail this site Post to Myspace Reddit Bookmark
Share with others

 

We are putting out a call for help, and running a DVD drive. Your DVD donation amount gets you everything we can fit on a 4.7GB DVD. Packed with Tutorials, Tubes, PNGs, Frames, Gradients and more! We are behind $1400.00, which the site needs by Oct 1, 2010. Any help you can provide would be greatly appreciated.
DVD Collection

22 April 2010

PSP Script Basics. The basics on how to use the Script features.

4 May 2010

PSP Tube Basics. Design, save, and use tubes. Learn more about the directories for tubes.

14 May 2010

Creative Text Tutorial. Graffiti style text tutorial to design cool tags.

15 June 2010

Floaties Text Animation tutorial has been added to our tutorials section. Learn how to add animated backgrounds into your text graphics.

15 July 2010

Important Note: Between 7/15 and 8/17, I will be busy outside of the net world, and emails/forum questions will be answered during this time, but please be patient during this super hectic time for me. As always DVD shipments ship upon donation. We apologize in advance for any delays in our replies. On a positive note September opens up a whole new busy time for MPS so be sure to get ready to learn more about Paint Shop Pro and more!

31 July 2010

PaintShop Photo Pro X3 Service Pack 2 Update featuring more than 50 improvements. Completed update will bring your version to the current 13.2.0.35

Paint Shop Pro Photo Corel


Corel Paint Shop Pro Sale SAVINGS ALERT:
We do our best to bring you the current sales

Save on Paint Shop Photo Pro X3.
Plus free Photo Restoration Book. Now From $59.99.
For Photos to be Proud of

Paint Shop Pro X3 PSP NEW VERSION
We show you how to use it FREE!

Learn more about Corel® Paint Shop Pro®

Paint Shop Pro Ultimate Photo X2



You asked us for our opinion so here it is!
What helps to make outstanding digital graphic designs while using Paint Shop Pro?
The answer is the The Intuos4 tablet
Intuos4 is the popular and versatile way to enhance your creativity.






Brand New Corel Paint It!. You wanted to know how to easily tranform your photos?
The alternative that magically transform your photos into unique paintings, is with Corel Paint It!

PSP News
Paint Shop Pro Tubes

Want to be the first to hear about our newest tutorials, tubes, and more? Simply follow us on Twitter!


Michele's Top Design Picks
Wacom Graphic Pen Tablets

I've had my Wacom Drawing Tablet now for almost six years, and not once has it let me down. In my early years I could never get my graphics to look neat and clean, but when I got the Wacom tablet my graphic life changed! This is why I've decided this should be my Top Pick.

Wacom Bamboo Fun Tablet Small

Hosting by DreamHost

Setup your own webspace to show off your Paint Shop Pro Graphics. If you do we will give you a $25.00 discount on web hosting through Dreamhost by using the icon below.

Green Hosting by DreamHost


 

The CSS Newbie Guide Cascading Style Sheets

Cascading Style Sheets or CSS for short, optimizes your website and allows for faster loading pages, and cleaner code. Years ago when you wanted to make a color change to your website site wide, it meant having to edit each and every page on your website. This was time consuming and super annoying to Web Dseigners. However, CSS came along and changed everything in the world of web design. Now, if you want to make a quick color change it is simple and can be done in one page, and the changes will be site wide. Another great feature of using CSS it allows you more freedom with your page layout design. Yes, it sure does, and if anyone tells you differently they are likely just a CSS hater. I can say that CSS has changed my web design habits for the better, and it is coding I could not do without these days. CSS is worth learning, and those that have not yet taken the chance to change their websites over to using CSS, what are you waiting for? Try it you just might like it and start writing your own article about it.


What is CSS Paint Shop Pro Tutorials TubesElement Rules

CSS Newbie GuideCSS defines how the rules of elements in an HTML page should be displayed by a browser. It offers control over the elements of your pages. Using CSS allows you to go beyond standard HTML. You have more control which allows you to design a far better custom page that works across most browsers. Easily set margins, multiple background colors, borders, and font styles of a web page that can be defined and manipulated using style sheets. Style sheets allow you to set the rules for a web page.

First you need to how to include a style sheet on your web page. There are several ways to include style sheet information in your Web pages. You can write it directly into the page, using the <STYLE> _ </STYLE> tags, or link to it externally. This means you link to a stored style sheet using the <LINK> tag.

To use the <LINK> tag, use the following code. <LINK REL=STYLESHEET HREF="stylesheetname">

It's really that simple. Be sure to include REL=STYLESHEET so the browser will know the linked document is a style sheet and treat it accordingly. One of the nicest features of HTML is, no matter what kind of style sheet you use, whether internal or external, the rule syntax is the same.!



<STYLE>...</STYLE> What does this CSS Style information mean to me?

Provides a means to include rendering and display information using style sheet notation. Cascading Style Sheets (CSS) are currently the most widely supported standard, and all references of style sheets refer to CSS1 & CSS2. Information in the <STYLE> tag works with the clients default configuration as well as any externally referenced style sheets to provide an overall set of style rules for a given Web page.

The above cascading style sheet image sample shows us some code. This code can look very scary to some, but once you get the hang of it you'll be very excited about this not so scary CSS code. First I want to just mention that we can go into our HTML editors today and design a web page. Most editors today will use CSS coding. While we are designing our web pages we do not realize that he web editor is building us a CSS style sheet. You may not know this but it is you that designed that style sheet!

CSS Sample Example It Can Be Easy To Understand

We will explain it in simple terms. Lets say you highlighted some text in your web page and decided that you wanted that text to be red in color and to be larger. While the text is highlighted you choose the the color red for that font, and they you go and set the font size to be larger. What you did not see is behind the scenes is that a new style was made and it may look something like this.

.style1 {
color: #ff0000;
font-size: Larger;}

What the above is saying to us is that style 1 will have the color #ff0000 which is the HTML color for red. Next we will see font size which we set to larger. Later while working on my web page text I get to my sixth paragraph and I need to use that red larger text style again. What I can do is very simple. Highlight the text I would like to make larger and red, and then simply CHOOSE the style 1 and it will go right ahead and do that for me.

In the code view of my page this is what I'm likely to see for that text.
<p>Here is my paragraph and I want the next three words to be red and large
<span class="style 1"> so this is </span> what it will look like.</p>

 

The CSS Guts Standard Code for CSs

Now lets learn more about the actual usage attributes and syntax of CSS in our web page.


ATTRIBUTES:

Type="text"
Specifies the type of the style sheet in use. The type for CSS sheets is text/css. You can see your type to work for your environment. Example is shown here.

Media=screen | print | projection | braille | speech | all
Identifies the ideal environment for the Web page to be conveyed in. The default is all, and screen will be used in most cases because Web pages are most often viewed on a computer screen. However, pages designed for presentations would use the project value, while those meant to be read by a text-to-speech reader would use the speech value. Currently, this attribute provides information only an does not affect the way the style sheet is interpreted or the page rendered. You may include more than one media type, each separated by commas.



Style Sheet Syntax:

As we mentioned style sheets are composed of rules. Lets say that we want all of our Heading 3 areas on our web pages to use the font called Garamond. We would have to set some style rules for this to happen. Style rules take the following format:

H3 {font-face: Garamond}

    Breaking down the preceding example, as style rule has two parts.

  • Selector: Written to the left of the curly braces, the selector specifies the HTML element that will be used to invoke the style rule. In the example, H3 is the selector.

  • Declaration: Written within the curly braces, the declaration specifies how the selector should be rendered. In the example, {font-face: Garamond} is the declaration. A declaration has two parts.

  • The Property: specifies which aspect of the HTML element should be modified. In the example, font-face is the property.

  • The Value: specifies how the property should be rendered. In the example Garamond is the value.

CSS Video Tutorial Dreamweaver Site Design and CSS


Learn Web Page Design Paint Shop Pro PSP Learn how to edit CSS sheets with our Dreamweaver Video Tutorials. Do you want to learn more about CSS and using it in the wonderful HTML web design editor called Dreamweaver? It is a program I use seven days a week twelve hours a day, and I have to say I simply adore it. If you have earlier or newer versions of Dreamweaver you can still follow along, but sadly some earlier versions are not CSS savvy. Do not let this stop you from watching because you will learn something helpful here. Find out more at our Video tutorials page.