Publicidad
Icons

Blog

Hardware, software, cacharreo...
  • Inicio
    Inicio Aquí es donde puedes encontrar todas las publicaciones del blog.
  • Etiquetas
    Etiquetas Muestra una lista de etiquetas que se han usado en el blog.
  • Bloggers
    Bloggers Busca a tu blogger preferido.

Estructura HTML + CSS (simple)

por
  • Tamaño de fuente: Mayor Menor

 Las hojas de estilo es el mecanismo elegido por el W3C para separar la presentación de una página web de su contenido. En las primeras versiones del html, el aspecto visual (tipos de letras, colores, etc) se incorporaba en la propia página web. Trabajando con hojas de estilo, la página web (el fichero .html) no contiene información sobre la forma de representar la página, sino que esa información se encuentra en la hoja de estilo (el fichero .css). Las ventajas son evidentes: se asegura la uniformidad del diseño (ya que varias páginas pueden utilizar la misma hoja de estilo) y se facilita su modificación (ya que sólo hay que cambiar el diseño en la hoja de estilo). Se denominan Hojas de Estilo en Cascada, porque la información de estilo se puede situar en varios lugares (hoja de estilo externa, hoja de estilo incluida en la página web o estilos incluidos en las etiquetas de la página web) y se aplican de forma jerárquica.

 

 ¿Qué es CSS?

CSS es el acrónimo de Cascading Style Sheets (es decir, hojas de estilo en cascada).

 ¿Qué puedo hacer con CSS?

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás!

Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día. 

 ¿Qué diferencia hay entre CSS y HTML?

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado.

 ¿Qué beneficios me ofrece CSS?

CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos:

  • control de la presentación de muchos documentos desde una única hoja de estilo;
  • control más preciso de la presentación;
  • aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);
  • numerosas técnicas avanzadas y sofisticadas.

 

 Aquí vemos una estructura creada con html y css:

 

Para descargar plantilla click en el giguiente enlace - Descargar estructura HTML + CSS 

 

 

Contiene

·         Estructura dividida en cabecera, menú, 3 columnas y footer (mediante div)

·         Zona logo

·         Textarea para buscador, aunque no está habilitado (es estructura simple)

·         Menú con superposición de imágenes (quedando fija la página actual)

·         Enlaces

·         Cambio de “background” para selección de texto

·         Lista animada

·         Formulario html y edición del mismo por css

·         Menú horizontal desplegable

·         Border radius

·         Imagen background a divs

·         Color enlaces según extensión de destino

·         Enlace que se desvanece con hover

·         Letra capital

·         Creación de tabla y diseño mediante css

·         Zoom + y – de imágenes

·         Efecto rotación imagen

·         Imagen rotada

·         Texto volteado en x

·         Footer fijo

·         Degradado background 

·         Gradientes…

Etiquetado en: CSS EStructura HTML Web
en Blog gavea.es Visitas: 2262 0 Comentarios
Calificar el artículo:

Amante de las nuevas tecnologías, el desarrollo, la programación... en definitiva, un amante de todo lo que hace que un producto se convierta en una herramienta útil para los usuarios. 

Comentarios

  • No hay comentarios por el momento. Se el primero en enviar un comentario.

Deja tu comentario

Invitado Viernes, 15 Diciembre 2017
Publicidad
Publicidad
Sky Bet Bonuses by http://bettingy.com/ £30 Free Bets

Esta web utiliza 'cookies' propias y de terceros para ofrecerte una mejor experiencia y obtener estadísticas de visita o usar el sistema de comentarios. Al navegar o utilizar esta web aceptas el uso que hacemos de las 'cookies'. Más información.

Acepto las cookies de este sitio.

EU Cookie Directive Module Information