Free Web Design, Development and Programming Training and Tutorial Resources




    



June 29, 2009

2 CSS Tutorials and Guides

Here is a Comprehensive CSS Guide and Tutorial, located at wsabstract.com, that will teach and show you, from the ground up, how to code and use CSS (Cascading Style Sheets) in your web pages and sites. The introduction page of this CSS tutorial says this about what CSS is and how it can benefit your web site: ”Style is what gives an item its distinctive look or feel. For text it could be what font is used, what color, size, or spacing. It also applies to other HTML objects such as links, images, backgrounds, margins and borders. Some of the benefits to using CSS are more consistency, better layout and visual design, plus easier HTML coding. Also you can do things with style sheets that could never be done before.”


 - Introduction
 - 4 ways to defining style
 - The basics, ids, classes, and spans
 - Margins
 - Font and text
 - Backgrounds
 - Advanced CSS concepts



Here is another CSS Tutorial, at htmlhelp.com, that will also help you learn and improve your CSS coding skills.

Style Sheets Now!
Change the appearance of hundreds of Web pages by changing just one file… Influence presentation without losing visitors… All with the power and flexibility of Web style sheets.
Quick Tutorial
A basic introduction to Cascading Style Sheets.
CSS Structure and Rules
An introduction to the various kinds of selectors, pseudo-classes, pseudo-elements, and cascading order.
CSS Properties
Descriptions of the various properties available in Cascading Style Sheets, level 1.
Linking Style Sheets to HTML
Various methods of incorporating style sheets into an HTML document.
Style Sheet Dependence
How to misuse style sheets and make your pages inaccessible.
CSSCheck
Check the syntax and style of your Cascading Style Sheets with this CSS lint.
CSS References
Links to CSS specifications and other documentation.


Popularity: 12% [?]


Related Posts:
  • Microsoft Office Reference Guide
  • Software Learning Guides for Word, Excel, and PowerPoint
  • Photoshop Reference Guide
  • Microsoft Office Articles and Training Tutorials for all Applications
  • Web Design Reference Guide

  • Tags for this post>>

    7 Photoshop Tutorials from the University of Florida

    Here are 7 Photoshop Tutorials, at the University of Florida’s website, that describe and demonstrate graphic design using Photoshop. These Photoshop tutorials will help you to increase your skills in many areas of Photoshop. They guide you through the world of Photoshop by giving you a tour of the application’s features, tools, and shortcuts.


    7 Adobe Photoshop Tutorials:


    Adobe Photoshop 7.0  (1342.7 kb, pdf)
    This section of the tutorial gives you an introduction to the graphics editor, Photoshop. It explains basic features like the interface, the color modes, creating customized graphics and saving files.

     - What is Adobe Photoshop 7.0?
     - The Interface
     - Color Modes
     - Working with Photos
     - Creating Customized Graphics
     - Saving Files


    Introduction to Adobe Photoshop  (259 kb, pdf)
    This tutorial demonstrates on the interface of Photoshop, on how to open an existing image, the different menu bars, the toolbox, the navigator palette, the color palette and a host of other palettes that could make your image editing more efficient.

     - Interface
     - Open an existing image
     - Open a new file
     - Menu Bar
     - File menu
     - Edit menu
     - View menu
     - Select menu
     - Layer menu
     - Image menu
     - Toolbox
     - Option Bar
     - Palettes
     - Navigator palette
     - Color palette
     - Swatches palette
     - Styles palette
     - Character palette
     - Paragraph palette
     - Layer palette
     - History palette
     - Saving Files
     - Save for Web
     - Resolution
     - Glossary


    Photoshop Extras  (180.5 kb, pdf)
    This tutorial teaches you some more Photoshop features like the shortcuts, healing photos, working with selections and layers and how to work on vignette photographs.

     - Photoshop Shortcuts
     - Healing Photos
     - Working with Selections and Layers
     - Opening and Saving files and file sizes
     - Vignette


    Photoshop CS2 Basics  (3013.5 kb, doc)
    This tutorial increases your skills in Photoshop CS2 by demonstrating various features like the menu bars, various palettes that are available at your dispense, opening new and existing images, saving the files etc.

     - Interface
     - Open an existing image
     - Open a new file
     - Menu Bar
     - File menu
     - Edit menu
     - View menu
     - Select menu
     - Layer menu
     - Image menu
     - Toolbox
     - Option Bar
     - Palettes
     - Navigator palette
     - Color palette
     - Swatches palette
     - Styles palette
     - Character palette
     - Paragraph palette
     - Layer palette
     - History palette
     - Saving Files
     - Save for Web
     - Resolution
     - Glossary


    Introduction to Adobe Photoshop CS3 (4877 kb,doc)  PDF 2036
    Here is a introduction to Photoshop CS3 which gives you the knowledge of the Photoshop interface and the various mechanics related to it.

     - The Photoshop Interface
     - The Mechanics of Photoshop


    Photoshop Shortcuts  (23.5 kb, doc)
    This lists out various keyboard shortcuts that could make your Photoshop editing much faster and efficient.


    Adobe Photoshop Outline  (27.5 kb, doc)
    This tutorial describes briefly the main points related to learning Photoshop.

    Popularity: 12% [?]


    Related Posts:
  • 8 more Photoshop Tutorials
  • Viewlet Tutorials for Acrobat, GoLive, ImageReady, InDesign, Photoshop
  • 6 Photoshop Tutorials
  • 2 Photoshop Tutorials
  • High Quality Photoshop Tutorials

  • Tags for this post>>