Programación web (css)

Sasil
Mind Map by , created over 5 years ago

Mind Map on Programación web (css), created by Sasil on 05/11/2014.

59
0
0
Tags No tags specified
Sasil
Created by Sasil over 5 years ago
Conceptos Generales De Robótica
fede ramos
AQA Physics P1 Quiz
Bella Statham
Chemistry 2
Peter Hoskins
Using GoConqr to learn Spanish
Sarah Egan
Acids, Bases and Salts
asramanathan
Biology Unit 1
hannahsanderson1
The First, Second, Third and Fourth Crusades
adam.melling
Plant and animal cells
charlotteireland
Biology AQA 3.1.2 Proteins
evie.daines
GCSE History: The 2014 Source Paper
James McConnell
Programación web (css)
1 TEXTO Y CSS
1.1 Tipo de letra
1.1.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
1.2 Anchura de letra
1.2.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
1.3 Estilo alternativo de letra
1.3.1 Mediante el nombre de la familia, tipografia mediante arial, verdana, cursiva, comic sans
1.4 Tipografia
1.4.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
1.5 Tamaño
1.5.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
1.6 Color
1.6.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
2 LISTAS CSS
2.1 Estilos basicos
2.1.1 Viñetas personalizadas
2.1.1.1 Formada por un pequeño circulo de color negro elementos de listas ordenadas, el valor none permite viñetas, numeros o letras.
2.1.1.1.1 Graficos
2.1.1.1.2 Numericos
2.1.1.1.3 Alfanumericos
2.1.2 Menu Vertical sencillo
2.1.2.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.1.3 Menu Vertical Anazado
2.1.3.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
2.2 Estilos avanzados
2.2.1 Menu horizontal basico
2.2.1.1 Aplicar los estilos basicos para establecer el menu
2.2.2 Menu horizontal con pestañas
2.2.2.1 Despliega subpestañas con deslizante suave aceptan estilos de plantilla, que es de mayor frecuencia
2.2.3 Menu horizontal avanzado
2.2.3.1 Utilizamos imagenes de fondo y pseudo clases se pueden crear menus horizontales complejos añade a la urs
3 IMAGENES Y CSS
3.1 Estilos basicos
3.1.1 Establecer la anchura y altura de imagenes
3.1.1.1 Utilizando propiedades width y neigth muestra la anchura real, imagen PNG
3.1.1.1.1 El navegador establece las imagenes y resultado estetico muy desagradable
3.1.2 Eliminar el borde de imagenes con enlaces
3.1.2.1 Cuando una imagen forma parte de un enlace, los navegadores forman por defecto un borde azul grueso de imagenes
3.1.2.1.1 Usa reglas mas utilizadas que elimina borde de margenes
3.2 Estilos Avanzados
3.2.1 Sombra (DROP SHADOW)
3.2.1.1 Existen varias tecnicas sencillas y otras mas avanzadas crear somprar para imagen o cualquier elemento
3.2.1.1.1 VENTAJA
3.2.1.1.1.1 Es sencillo y solo requiere de un par de -div- por cada elemento es una imagen muy grande
4 FORMULARIOS Y CSS
4.1 No incluyen ningun espacio de relleno, por lo que el usuario aparece pegado
4.2 Se pueden aplicar estilos css que son sencillos para mostrar formularios
4.2.1 Se le añade un bode por bloque
4.2.2 Formularios complejos pueden ocupar mucho espacio en la ventana del navegador
5 MULTIMEDIA
5.1 Formatos de sonido de mp3, WAV, MIDI
5.2 Para insertar un archivo de un documento menu - insertar media
5.2.1 Los videos se reproducen automaticamente al cargarse la pagina y se reproducen solo una vez pueden cambiarse a traves de boton parametros
5.2.2 Pueden insertarse en una pagina a traves de media opcion SWF pulsando Ctrl+Alt+F