Entradas

CSS: COMO SE USA EN HTML (PARTE 2)

Imagen
Etiqueta <style>: Con esta etiqueta reducimos un poco el acoplamiento que existe entre HTML y CSS . Es mucho mejor que usar el atributo style , aunque sigue sin ser la mejor solución, porqué el código CSS , sigue estando en el mismo fichero que el código HTML . La etiqueta style , la debemos escribir en el head de la página web. En las versiones antiguas de HTML, era necesario incluir el atributo type en la etiqueta style para indicar el tipo de lenguaje de estilos que se usaban. <style type="text/CSS"> En HTML5 se ha simplificado y ya no es necesario. Podemos escribir la etique style sin necesidad de poner el atributo. color: Definir el color del texto background color: Definir el color de fondo del texto. font-family: Definir el tipo de letra o fuente family-size: Definir el tamaño del texto Ver video

CSS: COMO SE USA EN HTML (PARTE 1)

Imagen
CSS es la tecnología que se emplea para definir la presentación visual de las páginas web. ACOPLAMIENTO: Factor que influye en la calidad de los sistemas informáticos. El acoplamiento informático, indica el nivel de dependencia entre las unidades de software de un sistema informático, es decir, el grado en que una unidad puede funcionar sin recurrir a otras; dos funciones son completamente independientes entre sí (el nivel más básico de acoplamiento) cuando una puede hacer su trabajo completamente sin recurrir a la otra. En este caso se dice que ambas están desacopladas. Lo mejor, sería un desacoplamiento total (que no hubiese ninguna dependencia entre las partes que constituyen un sistema informático), pero dado que es una situación casi imposible de lograr, así que, lo que se intenta logar es reducir el acoplamiento al mínimo posible. Cuanto menos dependientes sean las partes que constituyen un sistema informático, mejor será el resultado final. Cuando usamos CSS para...

CSS CONCEPTOS BÁSICOS

Imagen
CSS: CASCADE STYLE SHEETS (Hojas de estilo en cascada) Existen varios niveles de CSS: CSS 1 CSS 2 CSS 2.1 CSS 3 Cada nivel de CSS se construye sobre el anterior, añadiendo funciones en el nivel previo. CSS es un lenguaje muy sencillo que se compone de reglas. Cada regla esta formada por uno o más selectores y una declaración formada por un bloque de estilos que definen los estilos a aplicar para los elementos del documento que cumplan con el sector. Desde que el lenguaje de CSS se lanzó en 1996, el número de propiedades que posee, ha ido aumentando y en la actualidad, en la actualidad tiene casi 200 propiedades. También esta desarrollado por el W3C. CSS Training

MODULO 4. Lección 14: HTML: NUEVAS FUNCIONALIDADES EN FORMULARIOS (PARTE 2)

Imagen
autocomplete: Nos permite especificar si un formulario completo o si un campo de este debe tener la opción de autocompletado activado o no. Si esta activado, su valor es ON , el navegador completa automaticamente el campo con valores que el usuario ya haya introducido en ese campo ocasiones anteriores. Si se desactiva, asignando el valor OF , lo que se consigue es prevenir que un campo se complete automáticamente. <form autocomplete="on"> Funciona con el atributo FORM y con los siguientes tipos de input: text, search, url, tel, email, date pickers, password, range, colors <input type="email" name "email"  autocomplete="off"> autofocus: Permite especificar en que campo de entrada queremos que se coloque el foco cuando se carga la página. Es un atributo de tipo buleano, por lo que no se debe definir más de un elemento con este atributo en la misma página. Permite comenzar a escribir de inmediato s...

MODULO 4. Lección 12: HTML: NUEVAS FUNCIONALIDADES EN FORMULARIOS (PARTE1)

Imagen
Una de las características más importantes de HTML5 son los nuevos elementos disponibles para el manejo de formularios, ya que nos permite gestionarlos de manera nativa, prescindiendo de Javascript para realizar algunas validaciones de formulario del lado del cliente. Disponer de controles avanzados nativos, facilita mucho el trabajo del desarrollador al no tener que preocuparse por problemas de compatibilidad entre distintos navegadores y supone un ahorro de tiempo y de ancho de banda, ya que por un lado permite no enviar el formulario si no es valido, y por otro lado informa al usuario de si alguno si alguno de los valores introducidos no cumple los requisitos definidos. Son más intuitivos. Se pueden mostrar pistas de lo que se quiere introducir en los campos de entrada, una calendario para un campo de fecha o una paleta de colores. Nuevos estados del atributo type del elemento input : url, tel, email, number, color, search, range, datetime, datetime-local, date, month...

MODULO 4 - Lección 10: DE HTML4 A HTML5

Imagen
En HTML4 se hace un uso abusivo de las etiquetas <span> y <div>, para evitarlo, en HTML5 tenemos las siguientes etiquetas: <header>: cabecera <nav>: barra o menú de navegación <main> <article> <section> <aside>: Panel con información adicional <figure>: imagenes <footer>: pie de página <figure> y <figcaption> permiten definir el titulo de una imagen. Puede etiquetar también un fragmento de código o una cita

MODULO 4 - Lección 9; ¿QUE ES HTLM?

Imagen
Es la quinta versión del lenguaje de etiquetado HTLM y es un estandar desarrollado por el W3C. El desarrollo de HTML va parejo al desarrollo del W3C. DHTM combina el uso de: HTML CSS DOM Javascript AJAX: Permite crear aplicaciones interactivas para navegadores en: DHTML XHR XML JSON HTML5 , define nuevas etiquetas y atributos. <canvas> permite definir un área dentro de la página web en la que se puede dibujar un API para Javascript, lo que nos permite el desarrollo de juegos online sin tener que utilizar Flash o crear apps de dibujo. SVG: Lenguaje de etiquetas, basado en XML que permite crear gráficos vectoriales. GEOLOCALIZACIÓN CACHE: Recursos que se desea almacenar de forma local BASE DE DATOS o DATABASE WEB WORKER JSON:  Java Script Object Notation (Formato de intercambio de datos)