Diseño HTML y CSS [nivel básico]

-

HTML

HyperText Markup Language o Lenguaje de Marcado de Hipertexto, es un lenguaje de marcado (no de programación) con el cual podemos estructurar el contenido de una página web. Este lenguaje hace uso de etiquetas (<tags>) para indicarle al navegador la forma en que debe visualizar el contenido. A su vez, el hipertexto es el tipo de texto que contiene enlaces a otros documentos o páginas, por ejemplo cuando hacemos click en un enlace en una página web como Wikipedia.

Aquí un HTML con su INDEX y página .DOS enlazada:

.index / .dos

CSS

Cascading Style Sheets o Hojas de Estilo en Cascada, es un lenguaje que se usa para dar estilo a las páginas web: colores, tamaños, posiciones, fuentes tipográficas, fondos, márgenes, etc. El CSS se encarga de decirle al navegador cómo debe verse el contenido almacenado en el HTML. Así es como el HTML estructura el contenido y el CSS lo decora.

Aquí el CSS correspondiente al HTML anterior:

.css

Aquí el resultado final visualizado en la página W3spaces:

Resultado

Comentarios

Publicar un comentario

Entradas más populares de este blog

Presentación

-
Imagen
¡Hola! Mi nombre es Estefania Pereyra Marinsalda, estudiante de la Licenciatura en Diseño de la Universidad Provincial de Córdoba (UPC) y egresada de la Tecnicatura en Diseño Gráfico de la misma institución. La finalidad de este blog es que funcione a modo de bitácora para las clases de Laboratorio Digital con la  docente Lila Pagola. La pieza de diseño que elegí para compartir en esta primer instancia consta de una doble página A4 asignada como actividad de la asignatura Tipografía 2 de segundo año de la tecnicatura. La misma debía tratar sobre algún diseñador que llamase nuestra atención, en mi caso elegí a Paul Rand.
Leer más

Tipos de interfaces gráficas de usuario (GUI) : Directa vs Metafórica

-
Imagen
Interfaces gráficas de usuario (GUI) Las GUI corresponden a la segunda generación de interfaces de usuario, las cuales  principalmente  se caracterizan por introducirnos  el uso de metáforas visuales de un espacio y objetos conocidos por los usuarios. En ellas se aplican varios principios de diseño tales como el WYSIWYG (lo que ves es lo que obtienes) que refiere a la visualización en pantalla de resultados o procesos posibles de realizar con la PC, y el principio de consistencia (un mismo control siempre realiza la misma funación o produce el mismo resultado) simplificando el proceso de aprendizaje de los usuarios, lo que les significa una baja curva de aprendizaje y reciclar el conocimiendo de una aplicación en otra. Las GUI, en tanto interfaces basadas en imágenes, requieren un periférico para "señalar" (ya sea un mouse o algo similar que permita seleccionar zonas precisas de la pantalla) o pueden tratarse de interfaces táctiles (variantes de las GUI) que incorpo...
Leer más