Programación web (css)

Description

Mind Map on Programación web (css), created by Sasil on 11/05/2014.
Sasil
Mind Map by Sasil, updated more than 1 year ago
Sasil
Created by Sasil over 10 years ago
76
0

Resource summary

Programación web (css)
  1. TEXTO Y CSS
    1. Tipo de letra
      1. Se utiliza para definir el tipo de fuente que tenga el texto, si no le indicamos nada, estara escrito en tipografia en el usaio del sistema
      2. Anchura de letra
        1. Este estilo se usa para darle la anchura al texto, es decir define cada caracter, en forma relativa del texto, o mediante un valor numerico
        2. Estilo alternativo de letra
          1. Mediante el nombre de la familia, tipografia mediante arial, verdana, cursiva, comic sans
          2. Tipografia
            1. Son puramente decorativas, por lo que se deberian añadir, con css y no con elemento de tipo img, utilizando la propiedad de un pequeño icono
            2. Tamaño
              1. Nos sirve para indicar el tamaño de la letra utilizando unidades de medida css o meidante los terminos xx-large, x-large, medium, small, x-small, xx-small, fuente de 25 pixeles
              2. Color
                1. Se usa para darle color al texto, lo podemos indicar como nombre del color o en modo RGB, es el mas recomendable los nombres de colores son estandar
              3. LISTAS CSS
                1. Estilos basicos
                  1. Viñetas personalizadas
                    1. Formada por un pequeño circulo de color negro elementos de listas ordenadas, el valor none permite viñetas, numeros o letras.
                      1. Graficos
                        1. Numericos
                          1. Alfanumericos
                        2. Menu Vertical sencillo
                          1. Utilizando la etiqueta (ul) de html se agrupacion todas a las opciones del menu y se modifica, definir la anchura de menu eliminar biñetas automaticas y margenes, añardir n borde del menu de navegacion
                          2. Menu Vertical Anazado
                            1. Deben mostrar la imagen de fondo cuando se pasa el rton por encima de un elemento (flecha activa) debe variar y mostrar un circulo gris, el color de fondo debe variar ligeramente
                          3. Estilos avanzados
                            1. Menu horizontal basico
                              1. Aplicar los estilos basicos para establecer el menu
                              2. Menu horizontal con pestañas
                                1. Despliega subpestañas con deslizante suave aceptan estilos de plantilla, que es de mayor frecuencia
                                2. Menu horizontal avanzado
                                  1. Utilizamos imagenes de fondo y pseudo clases se pueden crear menus horizontales complejos añade a la urs
                              3. IMAGENES Y CSS
                                1. Estilos basicos
                                  1. Establecer la anchura y altura de imagenes
                                    1. Utilizando propiedades width y neigth muestra la anchura real, imagen PNG
                                      1. El navegador establece las imagenes y resultado estetico muy desagradable
                                    2. Eliminar el borde de imagenes con enlaces
                                      1. Cuando una imagen forma parte de un enlace, los navegadores forman por defecto un borde azul grueso de imagenes
                                        1. Usa reglas mas utilizadas que elimina borde de margenes
                                    3. Estilos Avanzados
                                      1. Sombra (DROP SHADOW)
                                        1. Existen varias tecnicas sencillas y otras mas avanzadas crear somprar para imagen o cualquier elemento
                                          1. VENTAJA
                                            1. Es sencillo y solo requiere de un par de -div- por cada elemento es una imagen muy grande
                                    4. FORMULARIOS Y CSS
                                      1. No incluyen ningun espacio de relleno, por lo que el usuario aparece pegado
                                        1. Se pueden aplicar estilos css que son sencillos para mostrar formularios
                                          1. Se le añade un bode por bloque
                                            1. Formularios complejos pueden ocupar mucho espacio en la ventana del navegador
                                          2. MULTIMEDIA
                                            1. Formatos de sonido de mp3, WAV, MIDI
                                              1. Para insertar un archivo de un documento menu - insertar media
                                                1. Los videos se reproducen automaticamente al cargarse la pagina y se reproducen solo una vez pueden cambiarse a traves de boton parametros
                                                  1. Pueden insertarse en una pagina a traves de media opcion SWF pulsando Ctrl+Alt+F
                                                Show full summary Hide full summary

                                                Similar

                                                The Rise of the Nazis
                                                absterps18
                                                AS Psychology - Research Methods
                                                kirstygribbin
                                                AQA GCSE Physics Unit 2.6
                                                Matthew T
                                                Narrative Writing
                                                amberbob27
                                                PRACTICA EL SPEAKING DEL FIRST
                                                Diana GE
                                                Macbeth - Charcters
                                                a.agagon
                                                Memory: AS Psychology
                                                rae_olamide_xo
                                                An Inspector Calls - Quotes
                                                jaynejuby
                                                Examen II Salesforce Developer
                                                Youssef Ahmani
                                                Core 1.8 Metals
                                                T Andrews
                                                How to Study Smart
                                                Abdou Mohamed