CS6 Dreamweaver para dummies

categoría Computadoras y software / Gráficos y animación / Diseño Grafico

Interfaz y poderosa lista gráfica de Dreamweaver fácil de uso de características hace que sea una opción popular entre los diseñadores web profesionales, así como los aficionados. Con cada nueva versión, Dreamweaver CS6 ofrece nuevas características, pero usted todavía encontrar la pantalla de bienvenida familiar para ayudarle a empezar.

imagen0.jpg

Dreamweaver CS6: Cómo añadir sombras de texto con CSS3

En Dreamweaver CS6, puede mejorar sus diseños y dar a sus páginas de mayor profundidad mediante la adición de sombras de texto con las normas CSS3, lo último en tecnología web. Adición de sombras de texto hace que sus palabras más fáciles de leer, especialmente si su diseño tiene un fondo complejo o si sus colores de fondo y de texto carecen de contraste.

CS6 Dreamweaver para dummies

Dreamweaver CS6 incluye soporte para CSS3 sombras de texto cuando se utiliza el panel Propiedades del panel Estilos CSS. Puede crear estilos de clase o de identificación con las sombras de texto, y usted puede agregar sombras de texto a elementos HTML existentes mediante la definición de un estilo de etiqueta, como el estilo de título 1 se utiliza en la imagen.

El código CSS3 que crea esa sombra texto es

h1 {text-shadow: 2px 2px 3px # 000-}

Los números en el código especifica que la sombra de texto debe extenderse 2 píxeles a la derecha y 2 píxeles por debajo del texto con una imagen borrosa de 3 píxeles. Además, la sombra se crea con el color negro, especificado por el código de color hexadecimal abreviado # 000.

Al crear reglas para sombras de texto puede especificar hasta cuatro valores:

  • Horizontal y vertical: Se requieren los dos primeros valores de número y especifican los desplazamientos horizontal y vertical - la distancia que la sombra se extiende por debajo del texto (horizontal) ya la derecha del texto (vertical).

  • Radio de desenfoque: El tercer valor especifica la cantidad de desenfoque a la sombra. Si no se incluye radio de desenfoque, el valor predeterminado es 0, lo que hace que la sombra aparece como un color sólido.

  • Color: El cuarto valor especifica el color de la sombra y se puede definir mediante un código de color hexadecimal o un código de color RGBA.

Usted puede agregar una sombra de texto utilizando el panel de propiedades en la parte inferior del panel Estilos CSS, como se muestra en la imagen. Para ello, siga estos pasos:

  1. Haga clic en el vínculo Agregar Propiedad en el lado izquierdo del panel Estilos CSS de Propiedades.

  2. Escriba el nombre de la regla de estilo CSS3, text-shadow, o seleccione la regla de estilo de la lista desplegable.

    Después de que el nombre aparece en la parte izquierda, una pequeña flecha aparece a la derecha.

  3. Haga clic para seleccionar la flecha a la derecha del texto-sombra.

    Aparece un cuadro.

  4. Introduzca el X y compensaciones Y, radio de desenfoque, y color.

Sitios Web y Recursos para Diseñadores Web

Diseñadores web con experiencia - ya sea que usen Adobe Dreamweaver u otro software de diseño web - a menudo se refieren a los recursos en línea para mantenerse al día con sus habilidades y añadir funciones especiales a sus sitios web. Esta lista hace que sea fácil para usted para encontrar algunos sitios web y recursos en línea que pueden ayudarle con sus proyectos de diseño web.

  • Audio y alojamiento de vídeo servicios:

  • Youtube

  • Vimeo

  • SoundCloud

  • Programas de blogs y CMS

    • Blogger

    • Joomla

    • MovableType

    • TypePad

    • Tumblr

    • WordPress

    • Media Servicios Compartir redes sociales

      • Agrega esto

      • Lockerz Compartir

      • Servicios de información de tráfico:

        • Google Analítico

        • Yahoo! Web Analytics

        • HubSpot

        • Los navegadores web más populares:

          • Apple Safari

          • Google Chrome

          • Microsoft Internet Explorer

          • Mozilla Firefox

          • Opera

          • Servicios de pruebas del navegador Web:

            • Adobe Lab Browser

            • BrowserShots

            • Prueba Browser Cruz

            • Browser Sandbox de cuchara (antes Xenocode)

            • Dreamweaver, CSS y diseño web recursos:

              • Centro de Dreamweaver desarrollador

              • Diseño Web Formación en DigitalFamily.com

              • W3 Conversiones HTML5 y CSS3 Recursos

              • A List Apart



                • Artículos Relacionados

                Sobre el autor
                Cómo agregar y soltar texto sombras en Dreamweaver Cómo agregar y soltar texto sombras en Dreamweaver

                Usted puede mejorar sus diseños en Dreamweaver y dar a sus páginas de mayor profundidad mediante la adición de sombras paralelas a las imágenes, etiquetas, y otros elementos. Adición de sombras de texto hace que sus palabras más fáciles de…

                Cómo cambiar los colores de fondo y de texto en Dreamweaver Cómo cambiar los colores de fondo y de texto en Dreamweaver

                En Dreamweaver, puede cambiar el fondo y los colores del texto disponible en las categorías de aspecto. Tenga en cuenta que las opciones de estilo CSS se recomiendan sobre opciones de HTML. Cuando se utiliza la apariencia (CSS) opciones,…

                Cómo crear un nuevo estilo de etiqueta en Adobe Dreamweaver CS6 Cómo crear un nuevo estilo de etiqueta en Adobe Dreamweaver CS6

                Creando un estilo de etiqueta (o selector de tipo) En Adobe Dreamweaver CS6 es una ruta sencilla y segura para los nuevos usuarios a entender CSS porque se dirige etiquetas HTML existentes, tales como P, H1, H2 y.El uso de etiquetas existentes en su…

                ¿Cómo insertar una imagen de fondo en Dreamweaver ¿Cómo insertar una imagen de fondo en Dreamweaver

                Las imágenes de fondo pueden añadir profundidad y riqueza a un diseño de página de Dreamweaver. Se utiliza hábilmente, una imagen de fondo que descarga rápida y eficiente ayuda a crear la ilusión de que toda la página aparece una imagen…

                Cómo utilizar el panel de texto en css panel de propiedades de Dreamweaver Cómo utilizar el panel de texto en css panel de propiedades de Dreamweaver

                El panel Texto Dreamweaver ofrece una colección de opciones que controlan la visualización del texto en sus páginas. Puede acceder a las opciones del panel de texto por el desplazamiento hacia abajo el panel Propiedades hasta llegar por debajo de…

                Tabla de color celular en Adobe CS5 Dreamweaver Tabla de color celular en Adobe CS5 Dreamweaver

                Usted puede cambiar colores de una sola célula, múltiples células, o una fila completa en Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver. Puede utilizar cualquiera de los dos atributos HTML estándar o utilizar reglas CSS para aplicar color a…

                Edición de estilo Tag en Adobe CS5 Dreamweaver Edición de estilo Tag en Adobe CS5 Dreamweaver

                Puede editar y estilos de etiqueta sintonía fina (nuevas reglas CSS) que ha creado en Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver. Haga clic en el botón Editar regla debajo de la lista desplegable Targeted regla para abrir el cuadro de…

                Cómo añadir sombras o relieve su texto en PowerPoint 2007 Cómo añadir sombras o relieve su texto en PowerPoint 2007

                Adición de una sombra detrás de su texto PowerPoint puede hacer que el texto se destacan y hacen toda la diapositiva más fácil de leer. Por esa razón, muchas de las plantillas de PowerPoint utilizan sombras. Texto en relieve parece que ha sido…

                Ponga una sombra sobre un objeto de PowerPoint 2007 Ponga una sombra sobre un objeto de PowerPoint 2007

                PowerPoint ofrece sombras ya hechos y, si está trabajando con una forma PowerPoint, puede diseñar una sombra de su cuenta. Cuadro de diálogo Formato de forma de PowerPoint ofrece un montón de opciones. La forma más fácil - y en muchos casos la…

                ¿Cómo construir un gráfico de la bandera de su sitio de HTML5 y CSS3 ¿Cómo construir un gráfico de la bandera de su sitio de HTML5 y CSS3

                Casi todos los sitios web comerciales HTML5 y CSS3 tiene una bandera gráfico - un gráfico especial, por lo general con un tamaño fijo (900x100 es común), que aparece en todas las páginas. Normalmente, si está modificando una plantilla CSS,…

                Cómo utilizar efectos de texto CSS3 Cómo utilizar efectos de texto CSS3

                La mejora más significativa al texto en CSS3 es la font mecanismo que permite definir sus propias fuentes y empaquetar con su sitio web. CSS3 tiene otros trucos de formato de texto disponibles, también. los texto tiempos y text-shadow reglas le…

                Cómo aplicar dos efectos de sombra css3 Cómo aplicar dos efectos de sombra css3

                CSS incluye dos efectos de sombra, ambos de los cuales requieren por lo menos dos propiedades: sombra dimensiones horizontales y verticales. Efectos CSS3 rápidamente se están integrando en el diseño de páginas web, y los diseñadores están…

                » » » » CS6 Dreamweaver para dummies