Los 70 mejores video tutoriales de Photoshop

• Autor: administrador
• Archivado bajo: Tutoriales, Photoshop
• Fecha: Aug 26,2008

Speed Painting

• John Locke
  The Lost character John Locke.
• Sea Monster
  This creature is very angry. Godzilla let her down.
• Spider-Man
  Superhero Spider-Man with his traditional red-and-blue costume. My spider-sense tells me, i should open Photoshop.
• Werewolf
  A wolflike and very hairy creature.
• Adriana Lima
  Best known for her modeling work with Victoria’s Secret.
• Hellboy
  Another comic character, this time a large red-skinned demon .
• Gabi
  Artists paint not only celebrities, but also photos of the beloved ones.
• Jack Sparrow
  Captain Jack Sparrow. A Pirate of the Caribbean.
• Scarlett Johansson
  Actress Scarlett Johansson. A good example of black and white power. If looks could kill.
• Fergie
  Stacy Ann Ferguson, better known as Fergie.
• Indiana Jones
  After 18 years back in cinemas. Indiana Jones.
• Caravaggio
  Michelangelo Merisi da Caravaggio was an Italian artist. »La deposizione« in photoshop.
• Beyonce
  R&B-Star Beyoncé Knowles.
• Dragon
  The brother of the creature above.
• Mona Lisa
  What a smile. Leonardo Da Vinci masterpiece.
• Bob Ross
  Bob Ross was an painter and television host. Now, he was painted himself.
• Waterfall
  How to draw a waterfall environmental concept scene.
• Albert Einstein
  Everything is relative. Famous and brilliant theoretical physicist Albert Einstein.

Button and Interface

• Create a Glass Sphere
  A good basis for a shiny button.
• Feed Icon
  Create your own standard feed icon, the well known orange square.
• Aqua Sphere
  Aqua, Apples visual theme of Mac OS X. Still great.
• Slice and Export a Website Layout
  You can create web graphics in Photoshop. Here’s how to make a website out of it.
• Gel Button
  Another good basis for a button.

Beauty Retouching

• Evolution
  A young classics.
• Face Change
  This is Angelina Jolie face changed in Photoshop into a comic charakter.
• Face Retouch
  Watch the newest plastic surgery tipps.
• Teeth whitening
  Whiten teeth and correct slightly crooked.
• Skin Smoothing
  Smooth the texture, remove major wrinkles and bumps.
• Beauty Saloon
  Photoshop is the best product in the beauty industry.
• Perfect lie
  What is real and what is photoshopped. Don`t believe your eyes.
• Tattoo removal
  Have you ever regretted the tattoo of your youth. Use Photoshop!
• Skin color retouching
  Two ways for getting those skin colors to behave just the way you want them.
• Digital Makeup
  Enhance your appearance and simulate make-up.

Digital matte painting

• Matte painting
  98 layers create this landscape.
• Natural History Museum
  A future vision of the Natural History Museum.
• Matte painting of a city
  A fictional city with a reflection in the sea..
• Matte Painting & Visual Effects
  Matte Painting with animation.
• Fog in the valley
  Rough Matte Painting of clouds or fog in a valley.

Photo Manipulation

• Match Color
  Color correction with »Match color«, found under »Image ↔ Adjustment«. Combine two photos and make the colors match.
• Sin City
  Simulate the style of film noir-like Sin City in your photos. High contrasts, black and white and some spots of red, blue and yellow.
• Produce Scary Photos
  Produce scary photos with the overlay of textures on the skin and dark hair. It’s that simple.
• Human To Statue
  Convert your normal pictures of people into photos of statues. Again, textures used for a realistic effect.
• Sci-Fi
  A mysterious explosion of blue light or a spherical spaceship. They are among us.
• Starry Eyes
  Create eyes with some stars in it. Real stars of a photo, in the shape of the eye and fit with the blending mode »Overlay« or »Screen«. “A little bit of heaven in your own eyes.”
• Changing Colors
  Changing hair, eyes and cloth colors with Photoshop.
• Toning & Burning
  Correct the colors and change the surface. Make a photo old and broken.
• Popout Picture
  The Out of Bound-Effect. A really useful trick to create cool photos.
• Glassball
  A ball of glass, with refractions. A good 3D-Illusion in 2D-Software.
• Mix two creatures
  Two species melt into a new animal. Like this crog, a combination of a frog and a crocodile.
• Lightning
  Photoshop is definitely hot enough to fuse sand into glass, with this lightning tutorial.

You Suck at Photoshop

• You Suck at Photoshop #1
  Donnie Hoyle pulls a digital end-around on a restraining order and vandalizes a Vanagon.
• You Suck at Photoshop #2
  How to fix little mistakes.
• You Suck at Photoshop #3
  Donnie Hoyle makes a very big mistake go away.
• You Suck at Photoshop #4
  Path and Masks.
• You Suck at Photoshop #5
  Donnie’s self-discovery vacation heats up. By the megaton.
• You Suck at Photoshop #6
  Donnie’s four day hold-up at the airport makes for some heavy duty Photoshop diversion.
• You Suck at Photoshop #7
  Donnie Hoyle hots up a facebook photo for one lucky fan.
• You Suck at Photoshop #8
  Donnie opens his home to a new friend.
• You Suck at Photoshop #9
  Donnie Hoyle gets as close to a pair of tomatoes as he’ll ever get.

Graphics, Effects and more

• Exploding Planet
  Some filter combinations creates the illusion of an exploding planet.
• Hyperspace Background
  A good background for a space battle.
• Fire effect
  Let a letter burn.
• Sony Ericsson logo
  Gradients make the logo.
• Realistic Sun in 5 Mins
  An authentic-looking sun.
• Ink
  Draw the lines for clean results.
• Blaze Your Name
  Your name in flames.
• Eye
  Draw an eyeball with iris, pupil and some effects.
• Lightsaber
  Lightsabers – the principal weapons of the Jedi.
• How to Color Comic Books
  Graphic art colored with Photoshop.
• Explosion
  An impressive simulated explosion.

Collections

• PixelPerfect
  Bert Monroy takes a stylus and a digital pad and shows us the tips and tricks in 75 episodes.
• Tutorialchamp
  The Key To Mastering Photoshop. Only 10 but high quality Videos.
• Planet Photoshop
  78 Video-Tutorials. The manipulation of photos is the main theme.
• Lombergar
  Lombergar.com offers over 20 free online video tutorials.
• PhotoshopUser TV
  The Photoshop Guys Dave Cross, Matt Kloskowski, and Scott Kelby shows weekly amazing tricks.
• The Radiant Vista
  20 huge Quicktime-Videos.
• Photoshop Killer Tips
  Again a Photoshop Guy. Get your daily dose of the coolest Photoshop tips with Matt Kloskowski.
• luv2help.com
  He really loves to help us learning Photoshop.
• Adobe Video Workshop
  Start learning about any Adobe application like Photoshop, Lightroom and all the other creative suite products. Tons of videos.

Dirk Metzmacher is a professional Photoshop trainer, book author and designed with over 10 years of experience. He is also a creative mind behind Photoshop Weblog, a German blog about techniques, tutorials and resources related to Adobe Photoshop.

Chicas Stripers y Boys stripers en España!! a que esperas las mejores fotos en www.stripersygogos.com

• Autor: administrador
• Archivado bajo: Flash, Illustrator, Fireworks, Xml, Consejos y Marketing, Blog, Fuentes, Dreamweaver, Actionscript, Privado, Otros, Herramientas, Autonomo Freelance consejos y recursos, Php, After Effects, Redes sociales, SEO, Javascript, Descargas, Photoshop, Ajax, Diseño, Css, Mis webs, Conciertos Madrid, Posicionamiento, Accesibilidad, Recursos, Tutoriales, Musica, Enlaces, Blogroll
• Fecha: Jun 11,2008

alicante (1) barcelona (1) boys (2) chica (1) chico (1) contrataciones (1) contratar (3) despedida (3) despedidas (2) drag (1) eroticos (1) girls (1) gogos (4) lesbicos (1) madrid (1) porno (1) precios (1) queens (1) soltera (3) soltero (3) streaper (2) streapers (2) streappers (2) striper (2) stripers (6) stripersygogos (1) strippers (2) tarifas (1) toledo (1) tu (1) valencia (1) www (1) zaragoza (1)

Mas en

Tutoriales de Fireworks Excelentes

• Autor: administrador
• Archivado bajo: Fireworks, Tutoriales
• Fecha: May 6,2008

Adobe Fireworks is the industry leader for prototyping and rapid web-site building. Some of you may not be aware of this, as you may be using Photoshop for each phase of web-site production. The articles, tutorials, and resources gathered here will convince you of the power of this application.

Fireworks uses the native PNG format to keep layered file sizes down. It has multi-page rapid prototyping abilities. It can quickly export code for client reviews at each stage of the design process. It has industry grade exporting and image optimization abilities. In fact, it is the tool of choice for information architects and web designers that build large corporate websites. Why? Well, there is a good reason behind it.

For rapid prototyping and site layouts Adobe Fireworks is definitely an option worth considering.

What is Fireworks good for?

There is a lot of confusion about what exactly Adobe Fireworks is, what it is good for and why one should actually use it instead of Adobe Photoshop or Adobe ImageReady. The answer is simple: Fireworks isn’t a replacement for both tools, but rather a more effective, integrated environment for designing site layouts and quick mockups.

As Stéphane Bergeron puts it, “Fireworks was designed from the ground up specifically for the task of creating website layouts and graphics in an efficient, flexible manner. It is a creative powerhouse that can really do it all, from the creative visual design stages to the slicing, optimization, and exporting of finished web graphics.”

In fact, Fireworks offers a lot of benefits for web developers:

1. you don’t need to switch between applications to accomplish different tasks because its tool set is deep enough to cover most of your needs. Both bitmap and vector tools are integrated in one single environment allowing developers to manipulate the layout right away,
2. you can select any object and immediately read and set its size and location — Photoshop doesn’t offer such level of flexibility,
3. you can use high-quality output and efficient optimization features, reducing the size of Web-ready images while you are designing the layout,
4. you can use libraries and templates with Web-elements such as e.g. form buttons — you don’t need to draw them first,
5. you can export your Fireworks-mockups to other applications — Fireworks is designed to integrate with other former Macromedia products, such as Adobe Dreamweaver and Adobe Flash.
   Adobe Fireworks offers Photoshop and Illustrator integration, multipage support and intelligent scaling.

Fireworks is an optimal tool for quickly prototyping and building web-sites. It is more intuitive and more light-weight compared to other titans of the industry. It is also included in the Adobe’s Creative Suite 3. Below you’ll find Fireworks tutorials which will help you to improve your skills and become more efficient when designing web-sites. Hopefully, they’ll also help you to produce professional and maintainable results.

Fireworks Tutorials

• Glowing light trail
  Learn how to draw glowing lines and shape them into a colorful design. Download is available as well.

  

• Creating an icon in Fireworks
  Best practices for icon design in Fireworks are reviewed. Then a step by step tutorial on creating an attractive icon is covered.

  

• Apple Air Banner in Fireworks
  The tutorial author states that the reasons for creating this tutorial are to showcase the simplicity and beauty of apple style design in Fireworks. Follow along and you’ll be able to create these designs quickly as well.

  

• Rapid Fire #1: Photo-Realistic
  The website SixThings has a professional multi-part tutorial series showing quick techniques for improving your imaging abilities in Fireworks. This is part one. As of the time of this writing the series is up to eight rapid fire parts.

  

• Create a Night Scene
  This step by step tutorial shows you how to draw an attractive night scene. The techniques for creating the clouds and moon are especially creative.

  

• Water Drop
  This quick Fireworks tutorial will leave you with the ability to create a water droplet that looks like you could reach out and touch it.

  

• Motion Blur in Fireworks Tutorial
  If your considering adding new filters to your Fireworks setup then check out this tutorial that reviews a Motion Trail filter.

  

• Create Vista-like Wallpapers with Fireworks
  Popular wallpapers available for modern operating systems can be created just as professionally in Fireworks as Photoshop or Illustrator. Learn the Fireworks way in this tutorial.

  

• Fading An Image Into The Background Color
  This video shows how to quickly apply image fades in Fireworks. The commands for doing this are built into Fireworks and take seconds to implement.

  

• Aqua-effects with Fireworks
  A set of tutorials for creating Aqua-effects with Adobe Fireworks. Unfortunately only in Spanish Portuguese. (thanks, Rodrigo!)

  

• Fireworks for Illustration
  Alex Walker gives some tips for improving your drawing skills in Sitepoint’s Design View newsletter. He has this to say, “Fireworks has evolved to become an exceptionally good illustration tool. In fact, over the past 18 months, Fireworks has been the primary drawing tool that I’ve used to prepare SitePoint’s feature article illustrations.”

  

• Shiny Glass Tutorial
  This tutorial will show you how to produce shiny glass letters.

  

• Gettin’ Gritty with Fireworks
  In another issue of Sitepoint’s Design View newsletter Alex Walker shows us how to add some texture to soften the hard clean lines of Fireworks vector tools.

  

• Creating a Collage with Fireworks
  Learn techniques for creating a digital collage in Fireworks bound with digital tape.

  

• Using the 3D Rotate command in Fireworks CS3
  Get access to this command to add to your Fireworks install. Then learn how to use it in this tutorial.

  

• Vector Masking Interlocking Letters
  This is just one of many Fireworks video tutorials available on You Tube. In this tutorial learn how to create overlapping vector letters quickly with the mask tool.

  

Fireworks PNG Downloads

Downloading artwork and reviewing its layers reveals how it was created. Adobe has some excellent source files available for review at Fireworks Developer Center - Samples. Some of these samples are shown below.

• XD Brownbag Poster
  This is a rare example of an image being created in Fireworks and destined for print. The drawing techniques are well worth your time to download and review this source file.

  

• Logos
  Exclusive sample logos created with Adobe Fireworks, shared to show Fireworks users how they were made. You can download the zip file for free.

  

• Pen and gradient tools showcase
  Download and review this creative website template design created in Fireworks - of course.

  

• Web 2.0 styles for Fireworks
  A free set of 48 Web 2.0 styles for Fireworks 8 & CS3.

  

• RokWebify
  The designers at Rocket Theme release new Joomla template designs every month. They switched from using Photoshop to using Fireworks to take advantage of Fireworks rapid website design abilities. Download and review one of their sample templates available through Adobe.

  

Fireworks Forums

Sometimes it’s easier to ask an expert directly instead of browsing through hundreds of tutorials trying to solve a problem by yourself. Fireworksguruforum will help you to find answers to your question. Besides, the forum also provides a number of tutorials and resources related to Fireworks. Below are some of the Tutorials and PNG downloads posted to this forum.

• A Teddybear
  As a tutorial this is short and incomplete. Though it is a beautiful and fun icon design created in Fireworks. The way that each piece is shown will give you an idea of how this was created. The artist also give some tips as well.

  

• A Simple Little Pencil
  This is also an image that shows the pieces that make up its total design. A good learning resource and an excellent icon design.

  

• Using Blend Paths to Create Wavy, Abstract Background Effects
  This is a step by step tutorial that shows you how to create linear blends and popular wavy abstract line designs. These types of designs make great header backgrounds.

  

• A computer mouse in 7 layers
  Another design that shows how each piece fits together breaking down its construction process. A good design to learn from.

  

Articles About Fireworks

• Wireframing with Fireworks CS3
  This articles reviews Fireworks features such as UI Widgets, Multiple Pages, and other built in goodies that make Fireworks a great choice for website wireframing.
• Rapid prototyping in Fireworks CS3
  “Adobe Fireworks CS3 is a fantastic tool for quickly building out rich Internet applications. Adobe has recognized this ‘niche’ and, in Creative Suite 3, added a number of new features that make it even more compelling in the specific area of rapid prototyping.” Learn the process of making real world application prototypes with Fireworks.

  

• Using Fireworks CS3 to design effective, interactive site presentations
  This article reviews the process of telling interactive stories with Fireworks. Learn the process of creating interactive design presentations.
• Enterprise Fire-Flow
  Key points about the benefits of Fireworks are reviewed in relation to workflow in a Fortune 500 company.
• Export CSS painlessly from website comps in Fireworks
  A Technical article showing you the process of setting up and exporting CSS in Fireworks.

  

• Creating user interface mockups with Fireworks
  This is a good beginner level article to begin learning the process for creating interface mockups in Fireworks.
• Fireworks: The Things You Might Have Missed
  There are often interesting or powerful features that are missed by new users of any program. Review a set of tips aimed at showing you these often missed features of Fireworks.
• Why Choose Fireworks?
  Choosing to purchase Fireworks will depend on your needs. Review this article for more information on choosing Fireworks.

Further Resources

You can find more Fireworks tutorials and resources in the links below.

• Adobe Support: Fireworks Tutorials
  Getting Started: Tutorial and Article Index from the Fireworks developers.
• CommunityMX: Fireworks tutorials
  An enormous collection of Fireworks tutorials, however not for free.
• Free fireworks 8 video tutorials
  Learn how to slice up web pages and export in any format in a few easy steps all with Fireworks and video-tutes free video tutorials.
• Qrayg Fireworks Tutorials
  Learn advanced Adobe Fireworks tutorials that can help you better understand how to make your site more visually appealing. These tutorials were written for users who have a very strong understanding of Fw.
• Adobe Fireworks Design Center
• Adobe Design Center Videos
• Adobe Video Workshop
  A bunch of free and professional Fireworks video tutorials.
• Tutorialized.com
  Over 100 various tutorials for Adobe Fireworks.
• Firetuts.com
• Firework Zone
• Fireworks Product Page
• Adobe Fireworks Developer Center

You might also want to take a look at the following tutorials round-ups which we’ve presented in our previous posts:

• Adobe Photoshop Tutorials: Best of
  This article provides professional Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works.
• Adobe Illustrator Tutorials: Best Of
  A collection of excellent Adobe Illustrator tutorials for beginners and advanced designers.
• Adobe Flash Tutorials: Best Of
  Hand-picked professional Adobe Flash tutorials.
• Tutorials Round-Up
  Over 200 Ajax, CSS, Flash, JavaScript, PHP, MySQL, RSS, XML as well as ASP, C++, Perl, Python and Java tutorials.

Sean Hodge is the creative mind behind AiBURN.com, a weblog about design, creativity, inspiration and graphics.

Organizando CSS

• Autor: administrador
• Archivado bajo: Tutoriales, Css
• Fecha: May 6,2008

Con la ayuda casi ubicua de los estándares entre los browsers modernos, estamos dando vuelta a CSS para manejar la elevación pesada presentational más que siempre. Cuanto más confiamos en CSS, el más grande y archivos más complejos del CSS se convierten. Estos archivos traen con ellos algunos mantenimiento y desafíos de organización.

Cuando la construcción de un sitio grande, entendiendo las delicadezas de estos pedazos del rompecabezas puede ser la diferencia entre con éxito la organización de su CSS y crear una casa de las tarjetas que podrían derrumbarse en todo momento.

Se van los días de crear un solo archivo del CSS y de caer en reglas según lo necesitado. Pues construimos sitios nuevos, es necesario pasar el planeamiento del tiempo cómo organizar y estructurar el CSS.

Organización del fichero

El primer paso en architecting nuestro CSS es idear un plan para organizar nuestros archivos. Un buen esquema de organización para el CSS es tan importante como una estructura prevista del directorio para un sitio. No hay solución perfecta para cada situación, así que hecharemos una ojeada las opciones básicas para la organización y sus ventajas y desventajas respectivas.

El archivo principal del CSS

Usted comenzará generalmente con un archivo del CSS del defecto que contenga las reglas usadas en cada página. Este archivo establece defectos como fuentes, los colores y comportamiento del ancla, los jefes, y cualquier otra característica que todas las páginas compartan. Con un archivo del defecto en lugar, déjenos examinan estrategias de organización de alto nivel.

Método 1: Arquetipo-Basado

La estrategia más básica es dividir los archivos en segmentos basados en las páginas del arquetipo. Por ejemplo, un sitio con diversos diseños para el Home Page, las páginas secundarias, y las páginas de la lista podía aprovecharse de un sistema del arquetipo. Cada página importa su propio archivo del CSS.

Este método es directo y trabaja bien para una pequeña cantidad de arquetipos distintos. Sin embargo, comienza a bajar aparte si los elementos presentational no caen fácilmente en los cubos predeterminados para cada arquetipo. Si hay los elementos que son compartidos por subpages y las páginas de la lista pero no el Home Page, tenemos las opciones siguientes:

1. Ponga los elementos compartidos en el archivo principal del CSS. Mientras que ésta no es la solución más pura, es apropiado a veces. Sin embargo, si usted está trabajando con un sitio grande, el archivo principal del CSS puede hinchar rápidamente, derrotando el propósito de separar los archivos, que es evitar de importar archivos innecesariamente grandes.
2. Cree las versiones duplicadas del CSS en la lista CSS archive y el archivo del CSS del subpage. No deseamos claramente ir esta ruta porque significaría código redundante que mantiene.
3. Cree un archivo nuevo que se pueda compartir entre las dos páginas. Esto suena como una buena solución a menos que tengamos solamente 10 líneas de código compartido. En ese caso hemos creado un archivo entero para apenas 10 líneas de código. Es puro, pero llega a ser poco manejable si usted tiene un sitio grande y muchos pares de las páginas que comparten un sistema pequeño de elementos únicos.
4. Cree un archivo distinto del CSS para abarcar todos estos casos pequeños. Esto pudo ser fácil, pero dependiendo del tamaño de su sitio y del número de estas ocurrencias, usted podría incluir un archivo grande del CSS en una situación donde una página utiliza solamente un porcentaje pequeño de las reglas en ese archivo. De nuevo, esto derrota el propósito de organizar su CSS para evitar de importar archivos innecesariamente grandes.

Esto es lo que he comenzado a llamar Dilema del traslapo. Los subconjuntos de páginas se traslapan de su propia manera única, y no hay una solución neta para organizar limpio estas pocas reglas pequeñas del CSS.

Método 2: Elemento de la página/Sección-Basado

Este método trabaja agradable si usted utiliza a servidor-lado incluye en su sitio. Por ejemplo, si usted utiliza un incluir para su jefe, tendría su propio archivo correspondiente del CSS. Usted podría hacer igual con el pie o cualquier otro incluye. Entonces usted necesidad incluye solamente el archivo del CSS cuando usted se refiere que incluye dentro de una página. Esto es limpio y simple, pero puede terminar encima de crear muchos archivos pequeños del CSS.

Por ejemplo, su pie puede requerir solamente 20 líneas de CSS para su labrar. Creando un archivo único para esa fuerza sea overkill. Además, este método podía conducir a incluir una gran cantidad de archivos en cada página. Si una página tiene cinco incluye, él necesita cinco archivos adicionales del CSS.

Método 3: Etiqueta-Basado

Ésta es solución directa y práctica, similar la anterior. Si tenemos un sitio con 30 páginas, 10 de las cuales tienen formas, podríamos crear un archivo que maneja todos los estilos para nuestras formas y lo importamos solamente en las 10 páginas que utilizan formas. Semejantemente, si 10 otras páginas utilizan las tablas para exhibir datos, podríamos crear un archivo para manejar nuestros estilos de la tabla.

Extremidades adicionales de la organización

Junto con las maneras subjetivas de organizar archivos, también necesitaremos considerar los archivos para los tipos de medios variados por ejemplo impresión, handheld y pantalla. Éste es más bien definido pero aún un factor que debemos considerar cuando creamos nuestra estructura de archivo. Cuando diversos tipos de medios de soporte son un requisito, usted puede también desear repensar algunas de las reglas incluidas en su archivo principal del CSS.

el Co-calificar es otro factor importante que pudo aplicarse a su proyecto. Si el co-calificar es relevante, usted debe determinarse qué elementos pudieron ser cambiados a la ayuda una diversa marca de fábrica y separar esos elementos en su propio archivo único.

Otra posibilidad oft-pasada por alto es el usar jerarquizado @import declaraciones. Usted puede crear un archivo del CSS de el cual contenga solamente una serie @import declaraciones o uso @import para incluir archivos en una de sus hojas de encargo del estilo junto con una serie de otras reglas. Esto le deja crear sus archivos principales del CSS que correspondan a ciertas secciones del sitio. Si usted encuentra que usted está importando cuatro o cinco diversos archivos del CSS en cada página, usted debe considerar definitivamente el aprovecharse de esta extremidad.

Reglas y organización del selector

Ahora que tenemos nuestra organización del fichero en orden, déjenos discuten cómo organizar todo dentro de esos archivos. Naturalmente, deseamos navegar dentro de los archivos sin ningunos problemas y encontrar rápidamente los selectores o las reglas que deseamos corregir.

Redundancia contra Dependencia

Como el Shea de Dave discute en su artículo “Redundancia contra Dependencia,” usted necesita estar constantemente enterado de la cascada. Usted tendrá que decidir si usted desea a los selectores de grupo, que introduce dependencias, o separa los selectores, que introduce código redundante. Agrupar los selectores nos deja guardar nuestro cortocircuito del código y dulce, pero también crea una dependencia que pudo conducir a las pesadillas del mantenimiento abajo del camino. Sin embargo, si no agrupamos esos selectores y sus cualidades del campo común, aumentamos el tamaño del archivo, y lo hacemos desafiador para mantener los selectores similares constantes. Usted necesita estar enterado de esta compensación así que usted puede tomar la decisión correcta en cada caso.

Grupo por Relationship y contexto

Mientras que la organización del fichero puede ser subjetiva, está claro que la mejor manera de agrupar reglas y los selectores está por su relación el uno al otro y el resto de la página. Por ejemplo, si usted tiene un envase, un jefe y un pie que conduzcan su disposición, agrúpelos juntos.

¿Esto se parece simple, pero cuando usted agrega en su navegación, que se contiene en el jefe, usted lo agrupa con sus elementos del padre o en su propio nuevo grupo? En esta situación, considere el contexto de la regla dentro de la página. Generalmente, su envase del jefe se relaciona con la disposición de la página, y debe ser agrupado con otros elementos de la disposición. Su navegación, por otra parte, es una sola pieza del jefe y se debe agrupar probablemente con los otros pedazos del jefe pero no no necesariamente al lado del envase sí mismo del jefe.

Utilice los comentarios

Como con la mayoría del código, la llave a la buena organización está comentando. Etiquete claramente cada sección de su CSS según lo que controla. Es el mejor cerciorarse de que estos comentarios están parados hacia fuera visualmente de modo que usted pueda identificarlos rápidamente cuando movimiento en sentido vertical a través del archivo.

El Bowman de Doug ha llevado comentar el nivel siguiente en su artículo respecto a comentarios del CSS, “Extremidad #1 de la organización del CSS: Banderas.” Él explica cómo él precede nombres de sección con un igual de modo que él pueda utilizar su característica del hallazgo del editor de textos para saltar rápidamente a una sección.

No se olvide

Cerciórese de que usted esté hasta velocidad en los puntos más finos de especificidad, la cascada y herencia, y utilícelos a su ventaja. Cada uno de éstos puede ser su amigo peor enemigo-o, apenas como fácilmente, su mejor. Cuando la construcción de un sitio grande, entendiendo las delicadezas de estos pedazos del rompecabezas puede ser la diferencia entre con éxito la organización de su CSS y crear una casa de las tarjetas que podrían derrumbarse en todo momento.

Organización de la cualidad

Ahora tenemos opciones para nuestra organización del fichero y sabemos organizar reglas dentro de esos archivos, pero todavía hay un más nivel de organización. Las cualidades son mucho más simples que los otros conceptos presentados en este artículo, pero todavía hay algunas mejores prácticas definidas para mantener sus reglas limpias.

Alfabetización

Cuando viene a las cualidades, si usted sigue solamente una de estas pautas, déjelo ser ésta: alfabetice. Alfabetice. Alfabetice. Esto no ayuda a navegar sus cualidades, pero ayuda a evitar que usted duplicar una cualidad y elimine accidentalmente un ajuste anterior.

Por ejemplo, no puedo contar el número de las épocas que he especificado mi margen pues la primera cualidad para un selector particular y he agregado involuntariamente una segunda cualidad del margen cualquiera antes o después de mis valores originales. Naturalmente, el segundo valor en la lista consigue utilizado. Si usted no realiza que la segunda cualidad está allí, usted puede ser que vaya a ajustar el primer valor y a no ver un cambio sobre la restauración de su browser. Si, sin embargo, se alfabetizan sus cualidades todas, usted verá que usted ha especificado sus márgenes dos veces porque ambas cualidades estarían al lado de uno a y evitarían el problema totalmente.

Importante

Cuando la construcción de sitios complejos con el CSS numeroso archiva, usted puede crear una gran cantidad de dependencias. Al encontrar un problema el conseguir de una cualidad específica para aplicarse a un elemento, ¡! importante la opción puede mirar que tienta. Mientras que esto pudo solucionar el problema en un futúro próximo, es mejor que el largo plazo se determine lo que está causando la otra cualidad a problema. Remonte el respaldo de la cascada el árbol y descubra si usa ¡! importante está realmente la respuesta derecha.

Si usted está al corriente de especificidad, de la cascada y de herencia según lo mencionado arriba, usted no necesita confiar sobre ¡! importante. Habrá las épocas donde usted lo necesita, pero usted debe estar muy enterado de esos casos antes de crear la regla. Nunca utilice ¡! importante como arreglo rápido o pensándolo bien porque usted no sabe dónde miente la fuente verdadera del problema.

Resumen

Mientras que venimos confiar en el CSS y la complejidad de nuestras hojas del estilo crece por consiguiente, necesitamos el planeamiento apropiado evitar errores y asegurar nos escribimos código conservable. Mientras que no hay siempre una solución perfecta para cada panorama, entender cómo el CSS trabaja y nuestras diversas opciones para los archivos de organización, los selectores y las cualidades pueden ayudarnos a escribir código para estar parada la prueba del tiempo.

Tutoriales de Dreamweaver en Ingles

• Autor: administrador
• Archivado bajo: Dreamweaver, Tutoriales
• Fecha: May 6,2008

With the growing popularity of CMS, Wikis and Weblogs, WYSIWIG-editors lose their users. However, many of those editors offer many advantages, such as Integration of SVN, FTP Clients, Developer’s extensions and programming environments. Using them, you can save your time and increase your efficiency. Not every code has to be written in Notepad, not every problem has to be solved manually. Therefore some good starting points for improving your WYSIWYG-skills can be useful.

In the list below we tried to cover some of the most useful references, tutorials, ideas and sketches related to Adobe Dreamweaver (initially called Macromedia Dreamweaver).

You might be willing to use at least some of them for your next projects. Particularly video-tutorials are amazing, don’t forget to check them out.

PS: You might also be interested in

• Adobe Illustrator Tutorials
• Adobe Photoshop Tutorials
• Ultimate Tutorials Round-Up and
• Web 2.0 Tutorials

we’ve reviewed recently.

Adobe Dreamweaver Video Tutorials

• lynda.com Online Training Library: Dreamweaver Training
  A very extensive library of Dreamweaver Video-Tutorials with more than 87 hours of professional, quality material. You can could get your free 24-Hour Pass to the Online Training in the Lynda Freepass Section.
  
• Dreamweaver - Wikivid
  Over 160 video-tutorials from dozens of web-sites, available for preview and download. Among themes, covered in the list are Basics, Tables, Layers, Databases, MySQL, Flash, Shortcuts, Dreamweaver MX 2004, Dreamweaver MX, Dreamweaver 4.0, Dreamweaver 3.0.
• WZ2K: Digital Illusions Explained
  Over 200 video-tutorials. Among them the tutorial series Dynamic Dreamweaver, Dreamweaver CSS, Web Application Development, Total Training - Adobe Dreamweaver / Adobe Photoshop, 100% CSS Design.
• Free Dreamweaver 8 video tutorials
  27 Dreamweaver Video Tutorials.
• Free Dreamweaver Video Tutorial s - Total Training
  References to Dreamweaver video- and text-tutorials, references and books.

Tutorials for Beginners

• Dreamweaver 8 In Pictures
  This tutorial helps beginners learn the basics of creating Web sites with Adobe Dreamweaver 8: Dreamweaver Basics, Utilities, Navigation & Layout, Interactivity, Advanced Layout.
• Creating Your First Website with Dreamweaver 8
  Macromedia’s Tutorial for Beginners: Part 1: Setting Up Your Site and Project Files, Part 2: Creating a Table-Based Page Layout, Part 3: Adding Content to Pages, Part 4: Formatting Your Page with CSS
• Dreamweaver MX
  Tutorial for beginners. 9 lectures.
• Dreamweaver Tutorial - Learn how to use Dreamweaver
  13 basic Dreamweaver tutorials: Dreamweaver installation, Dreamweaver templates, CSS styles, tables, rollover effect. Find Dreamweaver hosting.

Libraries with Dreamweaver Tutorials

• Dreamweaver MX 2004 and Dreamweaver MX Tutorials
  The University of Wisconsin hosts 70 comprehensive tutorials for Dreamweaver MX 2004 and Dreamweaver MX. These Dreamweaver tutorials cover virtually all of the features and functionality of these versions of Dreamweaver.
• Dreamweaver tutorials, Web design tutorials for Macromedias studio MX , Flash, ColdFusion, Fireworks and CSS.
  Hundreds of Adobe Dreamweaver articles, tutorials and extensions on CommunityMX.
  
• Adobe Dreamweaver 8 free tutorial
  Going throught 15 Learning Units you’ll learn, how to design complex sites with Adobe Dreamweaver. Excercises and video-examples
  are supposed to provide help when needed; you can even test your skills in the evaluation tests.
• Adobe Dreamweaver Tutorials
  Over 300 tutorials about Behaviors, Collaboration, CSS, Customization, Database Related, Extensions, Formatting Text, Getting Started, HTML Editing, Layers, Linking and Navigation, Page Layout Design, Site Management, Site Planning, Tables, Templates and more.
• WebThang Tutorials: 53 Adobe Dreamweaver Tutorials
  The site offers 53 tutorials, which cover different aspects of the design process with Adobe Dreamweaver.
• Dreamweaver 8, MX 2004 und MX Tutorials
  A huge list of references to Dreamweaver 8, MX 2004 and MX Tutorials.
  
• Photoshop Collage Tutorial multiple images in Photoshop
  In the course of 8 lessons, you learn to use Photoshop and Imageready to design a website. In the first part you’ll prepare the homepage by producing the background and blending an image.
• Learning Adobe Dreamweaver
  Designing with CSS in Dreamweaver MX 2004: 36 Adobe Dreamweaver Tutorials.
• Dreamweaver Menu Extensions and CSS Templates
  Some interesting examples of using Dreamweaver to create image galleries, web page components and navigation menus.

Articles, Tips, Tricks

• Dreamweaver Regular Expressions Are Your Friend
  “A list of regular expressions that you can use in Dreamweaver. To load these expressions, click the folder icon which is directly above and right-aligned with the Find text field. From there, you will be able to load and use these regular expressions. I have no doubt that you will be able to improve upon many if not all of these regular expressions I have put together. Nonetheless, it is a good place to start.”
  
• Dreamweaver as a Rails IDE
  You can use Dreamweaver as a Rails environment. Shaun Andrews explains, how it goes and what you need.
• Building a DHTML Drop Down Menu with Dreamweaver > Downloading the Project Files
  With DHTML drop-down menus, you can add nice interactivity to your Web site. However, hand-coding DHTML takes time, even for experienced designers. Adobe Dreamweaver helps you incorporate DHTML without having to learn the underlying code. Learn here how to use it.
• Dreamweaver 8 Does Standards! [Software Tutorials]
  Rachel Andrew about Web Standards, Adobe Dreamweaver and creating standard-compliant web-sites with Dreamweaver.
• How to edit Wordpress themes using Dreamweaver
  WordPress, like most PHP-MySQL CMS, uses template files to control the appearance of websites. To use Dreamweaver to edit or customize WordPress themes, you need to combine these different PHP files into one page so that you can immediately view, while editing the codes, how the page would appear.
• How to Create RSS feeds with Dreamweaver
  “In this tutorial I’m going to outline two different styles of content which broadly encompasses the two primary sets of web content that get converted to feeds — Single Pages and Directories. Single pages are single HTML files that contain multiple stories, each of which is treated as a unique entry to be linked to by the RSS feed. Directories contain multiple HTML files, each of which contains a single story and links to each must be entered in the RSS feed. RSS DreamFeeder, once configured, will do all of this automatically for you when you process the feed. You can define multiple feeds for your website and each feed can have its own configuration.”
  
• Building a Forum with Dreamweaver
  Building a forum in 4 steps: Part 1: Getting Started, Part 2: User Authentication, Part 3: Posting Messages, Part 4: Replying to Messages
• Inserting Fireworks HTML into Dreamweaver
  “In this tutorial we are going to insert a table that was created in Fireworks (be sure to check out the Fireworks tutorial on Creating a Navigation Bar). Once we have inserted the Fireworks HTML into our Dreamweaver document, we will add the corresponding links using the Point-to-File method we learned about in an earlier tutorial.”
• Creating dynamic layers with interactive image rollovers using Dreamweaver
  In this tutorial we are going to use multiple layers stacked over another, and make it viewable, when the mouse is rolled over in an Image
• HeavyWeightGeek
  “How often do you want to know where one div ends and the next starts in any particular browser. Now you can get the Firefox Web Developer Toolbar. This little DW extension adds a nice span around any content.”
• My Free PR - Free Extension For Dreamweaver Eases Integration with Google Innovations
  WebAssist’s Dreamweaver Tools for Google makes it easy for small business and Web pros to effortlessly enhance their Web sites with additional functionality.
• Ades Dreamweaver Tutorials
  Adobe Dreamweaver Tutorials, e.g. Create Rollover/MouseOver effect, Making use of I-Frames, Learn how to structure your pages before the design, Learn how to validate forms with Dreamweaver und viele mehr
• Build PHP Applications With Adobe Dreamweaver MX [PHP & MySQL Tutorials]
  Over the next few pages, I’ll be exploring the new PHP functionality in Dreamweaver MX, in the hope that you find it useful the next time you have a PHP project to code.
  
• XML and XSL in Dreamweaver 8
  Learn how to use XML and XSLT in Adobe Dreamweaver.
• Creating Secure Login Page
  This tutorial will teach you how to make a login page in Dreamweaver MX.
  
• Accessibility Features of Dreamweaver MX and MX 2004
  This tutorial describes the new accessibility features of Dreamweaver MX and MX 2004
• Customize Dreamweaver to Your Needs [Software Tutorials]
  This article explains a few of the most useful customization tricks which can be achieved by you, the Adobe Dreamweaver user.
• Dreamweaver 8 Reviewed
  An extensive review of Dreamweaver 8, including Coding Toolbar, Code collapsing, Workspaces, Tag Completion and more.
• Animation in Dreamweaver
  Macromedia’s Dreamweaver does support animation in a little known inspector call the “TimeLine Inspector”.
• PHP and MySQL Error
  This article specifically applies if your Dreamweaver cannot see the tables in your MySQL database or you are getting the error “Client does not support authentication protocol requested by server; consider upgrading MySQL client” when you look at a php page in a web browser served from a Windows 2000, XP or 2003 Server.
• Dreamweaver Image Maps
  Learn how to link to different pages from the same image using image maps in Dreamweaver.
• Layers
  Creating Layers
• Dreamweaver Forms
  Tips on customizing input boxes, list menus, submit buttons. Also learn how to validate forms using Dreamweaver behaviors.
• CSS Text Rollovers
  Try out these cool text rollover effects using CSS style sheets.

Dreamweaver Resources

• Adobe - Dreamweaver Developer Center
  Dreamweaver Developer Center offers tutorials, samples and related articles as well as news regarding Dreamweaver updates and new features.
  
• Dreamweaver Templates
  A reviewed listing of high quality website template companies. These companies produce professional templates for webmasters.
• Dreamweaver Fever
  Tutorials, Extensions, Articles, Experiments.

Adobe Dreamweaver Extensions

• Codetch :: Firefox Add-ons
  Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
  
• Adobe Dreamweaver Extension Resources
  The official Macromedia extensions site. These extensions have been tested by Macromedia and the list of extensions can be searched by category.
• Kaosweaver - Home of Dreamweaver Extensions
  An overview of useful and popular Dreamweaver Extensions.
• Nearly Geek: Introduction
  Subversion for Dreamweaver (SVN4DW) is a Dreamweaver extension that provides easy access to a subversion repository from within Dreamweaver on Windows. SVN4DW currently provides access to the most commonly used SVN functions, and new functions are being added all the time.
  
• WordPress Dreamweaver Extension
  WordPress Template Builder (WTBDWE) - this is a WordPress extension for Adobe Dreamweaver. I made this extension to facilitate the development of WordPress templates in Dreamweaver. It has some cool and nice feautres, like special functions, loops, includes, etc. I included most useful by me functions and also some rare functions, which I not known by most WP users.

Dreamweaver tutoriales

• Autor: administrador
• Archivado bajo: Dreamweaver, Tutoriales
• Fecha: May 6,2008

Adobe Dreamweaver Video Tutorials

• lynda.com Online Training Library: Dreamweaver Training
  A very extensive library of Dreamweaver Video-Tutorials with more than 87 hours of professional, quality material. You can could get your free 24-Hour Pass to the Online Training in the Lynda Freepass Section.
  
• Dreamweaver - Wikivid
  Over 160 video-tutorials from dozens of web-sites, available for preview and download. Among themes, covered in the list are Basics, Tables, Layers, Databases, MySQL, Flash, Shortcuts, Dreamweaver MX 2004, Dreamweaver MX, Dreamweaver 4.0, Dreamweaver 3.0.
• WZ2K: Digital Illusions Explained
  Over 200 video-tutorials. Among them the tutorial series Dynamic Dreamweaver, Dreamweaver CSS, Web Application Development, Total Training - Adobe Dreamweaver / Adobe Photoshop, 100% CSS Design.
• Free Dreamweaver 8 video tutorials
  27 Dreamweaver Video Tutorials.
• Free Dreamweaver Video Tutorial s - Total Training
  References to Dreamweaver video- and text-tutorials, references and books.

Tutorials for Beginners

• Dreamweaver 8 In Pictures
  This tutorial helps beginners learn the basics of creating Web sites with Adobe Dreamweaver 8: Dreamweaver Basics, Utilities, Navigation & Layout, Interactivity, Advanced Layout.
• Creating Your First Website with Dreamweaver 8
  Macromedia’s Tutorial for Beginners: Part 1: Setting Up Your Site and Project Files, Part 2: Creating a Table-Based Page Layout, Part 3: Adding Content to Pages, Part 4: Formatting Your Page with CSS
• Dreamweaver MX
  Tutorial for beginners. 9 lectures.
• Dreamweaver Tutorial - Learn how to use Dreamweaver
  13 basic Dreamweaver tutorials: Dreamweaver installation, Dreamweaver templates, CSS styles, tables, rollover effect. Find Dreamweaver hosting.

Libraries with Dreamweaver Tutorials

• Dreamweaver MX 2004 and Dreamweaver MX Tutorials
  The University of Wisconsin hosts 70 comprehensive tutorials for Dreamweaver MX 2004 and Dreamweaver MX. These Dreamweaver tutorials cover virtually all of the features and functionality of these versions of Dreamweaver.
• Dreamweaver tutorials, Web design tutorials for Macromedias studio MX , Flash, ColdFusion, Fireworks and CSS.
  Hundreds of Adobe Dreamweaver articles, tutorials and extensions on CommunityMX.
  
• Adobe Dreamweaver 8 free tutorial
  Going throught 15 Learning Units you’ll learn, how to design complex sites with Adobe Dreamweaver. Excercises and video-examples
  are supposed to provide help when needed; you can even test your skills in the evaluation tests.
• Adobe Dreamweaver Tutorials
  Over 300 tutorials about Behaviors, Collaboration, CSS, Customization, Database Related, Extensions, Formatting Text, Getting Started, HTML Editing, Layers, Linking and Navigation, Page Layout Design, Site Management, Site Planning, Tables, Templates and more.
• WebThang Tutorials: 53 Adobe Dreamweaver Tutorials
  The site offers 53 tutorials, which cover different aspects of the design process with Adobe Dreamweaver.
• Dreamweaver 8, MX 2004 und MX Tutorials
  A huge list of references to Dreamweaver 8, MX 2004 and MX Tutorials.
  
• Photoshop Collage Tutorial multiple images in Photoshop
  In the course of 8 lessons, you learn to use Photoshop and Imageready to design a website. In the first part you’ll prepare the homepage by producing the background and blending an image.
• Learning Adobe Dreamweaver
  Designing with CSS in Dreamweaver MX 2004: 36 Adobe Dreamweaver Tutorials.
• Dreamweaver Menu Extensions and CSS Templates
  Some interesting examples of using Dreamweaver to create image galleries, web page components and navigation menus.

Articles, Tips, Tricks

• Dreamweaver Regular Expressions Are Your Friend
  “A list of regular expressions that you can use in Dreamweaver. To load these expressions, click the folder icon which is directly above and right-aligned with the Find text field. From there, you will be able to load and use these regular expressions. I have no doubt that you will be able to improve upon many if not all of these regular expressions I have put together. Nonetheless, it is a good place to start.”
  
• Dreamweaver as a Rails IDE
  You can use Dreamweaver as a Rails environment. Shaun Andrews explains, how it goes and what you need.
• Building a DHTML Drop Down Menu with Dreamweaver > Downloading the Project Files
  With DHTML drop-down menus, you can add nice interactivity to your Web site. However, hand-coding DHTML takes time, even for experienced designers. Adobe Dreamweaver helps you incorporate DHTML without having to learn the underlying code. Learn here how to use it.
• Dreamweaver 8 Does Standards! [Software Tutorials]
  Rachel Andrew about Web Standards, Adobe Dreamweaver and creating standard-compliant web-sites with Dreamweaver.
• How to edit Wordpress themes using Dreamweaver
  WordPress, like most PHP-MySQL CMS, uses template files to control the appearance of websites. To use Dreamweaver to edit or customize WordPress themes, you need to combine these different PHP files into one page so that you can immediately view, while editing the codes, how the page would appear.
• How to Create RSS feeds with Dreamweaver
  “In this tutorial I’m going to outline two different styles of content which broadly encompasses the two primary sets of web content that get converted to feeds — Single Pages and Directories. Single pages are single HTML files that contain multiple stories, each of which is treated as a unique entry to be linked to by the RSS feed. Directories contain multiple HTML files, each of which contains a single story and links to each must be entered in the RSS feed. RSS DreamFeeder, once configured, will do all of this automatically for you when you process the feed. You can define multiple feeds for your website and each feed can have its own configuration.”
  
• Building a Forum with Dreamweaver
  Building a forum in 4 steps: Part 1: Getting Started, Part 2: User Authentication, Part 3: Posting Messages, Part 4: Replying to Messages
• Inserting Fireworks HTML into Dreamweaver
  “In this tutorial we are going to insert a table that was created in Fireworks (be sure to check out the Fireworks tutorial on Creating a Navigation Bar). Once we have inserted the Fireworks HTML into our Dreamweaver document, we will add the corresponding links using the Point-to-File method we learned about in an earlier tutorial.”
• Creating dynamic layers with interactive image rollovers using Dreamweaver
  In this tutorial we are going to use multiple layers stacked over another, and make it viewable, when the mouse is rolled over in an Image
• HeavyWeightGeek
  “How often do you want to know where one div ends and the next starts in any particular browser. Now you can get the Firefox Web Developer Toolbar. This little DW extension adds a nice span around any content.”
• My Free PR - Free Extension For Dreamweaver Eases Integration with Google Innovations
  WebAssist’s Dreamweaver Tools for Google makes it easy for small business and Web pros to effortlessly enhance their Web sites with additional functionality.
• Ades Dreamweaver Tutorials
  Adobe Dreamweaver Tutorials, e.g. Create Rollover/MouseOver effect, Making use of I-Frames, Learn how to structure your pages before the design, Learn how to validate forms with Dreamweaver und viele mehr
• Build PHP Applications With Adobe Dreamweaver MX [PHP & MySQL Tutorials]
  Over the next few pages, I’ll be exploring the new PHP functionality in Dreamweaver MX, in the hope that you find it useful the next time you have a PHP project to code.
  
• XML and XSL in Dreamweaver 8
  Learn how to use XML and XSLT in Adobe Dreamweaver.
• Creating Secure Login Page
  This tutorial will teach you how to make a login page in Dreamweaver MX.
  
• Accessibility Features of Dreamweaver MX and MX 2004
  This tutorial describes the new accessibility features of Dreamweaver MX and MX 2004
• Customize Dreamweaver to Your Needs [Software Tutorials]
  This article explains a few of the most useful customization tricks which can be achieved by you, the Adobe Dreamweaver user.
• Dreamweaver 8 Reviewed
  An extensive review of Dreamweaver 8, including Coding Toolbar, Code collapsing, Workspaces, Tag Completion and more.
• Animation in Dreamweaver
  Macromedia’s Dreamweaver does support animation in a little known inspector call the “TimeLine Inspector”.
• PHP and MySQL Error
  This article specifically applies if your Dreamweaver cannot see the tables in your MySQL database or you are getting the error “Client does not support authentication protocol requested by server; consider upgrading MySQL client” when you look at a php page in a web browser served from a Windows 2000, XP or 2003 Server.
• Dreamweaver Image Maps
  Learn how to link to different pages from the same image using image maps in Dreamweaver.
• Layers
  Creating Layers
• Dreamweaver Forms
  Tips on customizing input boxes, list menus, submit buttons. Also learn how to validate forms using Dreamweaver behaviors.
• CSS Text Rollovers
  Try out these cool text rollover effects using CSS style sheets.

Dreamweaver Resources

• Adobe - Dreamweaver Developer Center
  Dreamweaver Developer Center offers tutorials, samples and related articles as well as news regarding Dreamweaver updates and new features.
  
• Dreamweaver Templates
  A reviewed listing of high quality website template companies. These companies produce professional templates for webmasters.
• Dreamweaver Fever
  Tutorials, Extensions, Articles, Experiments.

Adobe Dreamweaver Extensions

• Codetch :: Firefox Add-ons
  Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
  
• Adobe Dreamweaver Extension Resources
  The official Macromedia extensions site. These extensions have been tested by Macromedia and the list of extensions can be searched by category.
• Kaosweaver - Home of Dreamweaver Extensions
  An overview of useful and popular Dreamweaver Extensions.
• Nearly Geek: Introduction
  Subversion for Dreamweaver (SVN4DW) is a Dreamweaver extension that provides easy access to a subversion repository from within Dreamweaver on Windows. SVN4DW currently provides access to the most commonly used SVN functions, and new functions are being added all the time.
  
• WordPress Dreamweaver Extension
  WordPress Template Builder (WTBDWE) - this is a WordPress extension for Adobe Dreamweaver. I made this extension to facilitate the development of WordPress templates in Dreamweaver. It has some cool and nice feautres, like special functions, loops, includes, etc. I included most useful by me functions and also some rare functions, which I not known by most WP users.