858647
Programación web (css)
- TEXTO Y CSS
- Tipo de letra
- 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
- 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
- Anchura de letra
- 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
- 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
- Estilo alternativo de letra
- Mediante el nombre de la familia, tipografia mediante arial, verdana,
cursiva, comic sans
- Mediante el nombre de la familia, tipografia mediante arial, verdana,
cursiva, comic sans
- Tipografia
- 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
- 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
- Tamaño
- 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
- 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
- Color
- 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
- 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
- Tipo de letra
- LISTAS CSS
- Estilos basicos
- Viñetas personalizadas
- Formada por un pequeño circulo de color negro elementos de listas
ordenadas, el valor none permite viñetas, numeros o letras.
- Graficos
- Numericos
- Alfanumericos
- Graficos
- Formada por un pequeño circulo de color negro elementos de listas
ordenadas, el valor none permite viñetas, numeros o letras.
- Menu Vertical sencillo
- 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
- 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
- Menu Vertical Anazado
- 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
- 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
- Viñetas personalizadas
- Estilos avanzados
- Menu horizontal basico
- Aplicar los estilos basicos para establecer el menu
- Aplicar los estilos basicos para establecer el menu
- Menu horizontal con pestañas
- Despliega subpestañas con deslizante suave aceptan
estilos de plantilla, que es de mayor frecuencia
- Despliega subpestañas con deslizante suave aceptan
estilos de plantilla, que es de mayor frecuencia
- Menu horizontal avanzado
- Utilizamos imagenes de fondo y pseudo clases se pueden crear menus horizontales complejos añade a la urs
- Utilizamos imagenes de fondo y pseudo clases se pueden crear menus horizontales complejos añade a la urs
- Menu horizontal basico
- Estilos basicos
- IMAGENES Y CSS
- Estilos basicos
- Establecer la
anchura y altura de imagenes
- Utilizando propiedades width
y neigth muestra la anchura
real, imagen PNG
- El navegador establece las imagenes y resultado estetico muy
desagradable
- El navegador establece las imagenes y resultado estetico muy
desagradable
- Utilizando propiedades width
y neigth muestra la anchura
real, imagen PNG
- Eliminar el borde de
imagenes con enlaces
- Cuando una imagen forma parte de un enlace, los navegadores forman
por defecto un borde azul grueso de imagenes
- Usa reglas mas utilizadas que elimina borde de margenes
- Usa reglas mas utilizadas que elimina borde de margenes
- Cuando una imagen forma parte de un enlace, los navegadores forman
por defecto un borde azul grueso de imagenes
- Establecer la
anchura y altura de imagenes
- Estilos Avanzados
- Sombra (DROP SHADOW)
- Existen varias tecnicas sencillas y otras mas
avanzadas crear somprar para imagen o
cualquier elemento
- VENTAJA
- Es sencillo y solo requiere de un par de -div- por cada elemento
es una imagen muy grande
- Es sencillo y solo requiere de un par de -div- por cada elemento
es una imagen muy grande
- VENTAJA
- Existen varias tecnicas sencillas y otras mas
avanzadas crear somprar para imagen o
cualquier elemento
- Sombra (DROP SHADOW)
- Estilos basicos
- FORMULARIOS Y CSS
- No incluyen ningun espacio de relleno, por lo que el
usuario aparece pegado
- Se pueden aplicar estilos css que
son sencillos para mostrar
formularios
- Se le añade un bode por bloque
- Formularios complejos pueden
ocupar mucho espacio en la
ventana del navegador
- Se le añade un bode por bloque
- No incluyen ningun espacio de relleno, por lo que el
usuario aparece pegado
- MULTIMEDIA
- Formatos de sonido de mp3, WAV, MIDI
- Para insertar un archivo de un documento menu -
insertar media
- Los videos se reproducen automaticamente al cargarse la pagina y se
reproducen solo una vez pueden cambiarse a traves de boton parametros
- Pueden insertarse en una pagina a traves de media opcion SWF pulsando Ctrl+Alt+F
- Los videos se reproducen automaticamente al cargarse la pagina y se
reproducen solo una vez pueden cambiarse a traves de boton parametros
- Formatos de sonido de mp3, WAV, MIDI
Media attachments
Want to create your own Mind Maps for free with GoConqr? Learn more.