Scribd
Cargar
79 vistas4 páginas

Práctica de HTML5 y CSS3 en Web

Este documento presenta una práctica para desarrollar un sitio web de una obra social utilizando HTML5 y CSS3. Se propone utilizar una plantilla y desarrollar las páginas index, registro y una página de slider de imágenes solo con HTML y CSS. Se deben implementar etiquetas semánticas de HTML5, estilos CSS en archivo independiente, y subir el sitio a un servidor local para probar las referencias.

Cargado por

Natanael Dominguez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Temas abordados

  • Menú principal,
  • Pruebas de sitio,
  • Opciones de sexo,
  • Plantillas,
  • Capturas de plantillas,
  • Desarrollo de contenido,
  • HTML semántico,
  • Referencias externas,
  • Gradientes,
  • Interfaz de usuario
79 vistas4 páginas

Práctica de HTML5 y CSS3 en Web

Este documento presenta una práctica para desarrollar un sitio web de una obra social utilizando HTML5 y CSS3. Se propone utilizar una plantilla y desarrollar las páginas index, registro y una página de slider de imágenes solo con HTML y CSS. Se deben implementar etiquetas semánticas de HTML5, estilos CSS en archivo independiente, y subir el sitio a un servidor local para probar las referencias.

Cargado por

Natanael Dominguez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Temas abordados

  • Menú principal,
  • Pruebas de sitio,
  • Opciones de sexo,
  • Plantillas,
  • Capturas de plantillas,
  • Desarrollo de contenido,
  • HTML semántico,
  • Referencias externas,
  • Gradientes,
  • Interfaz de usuario

Facultad de Ingeniería Programación y Servicios Web

Universidad Nacional de Jujuy

PRÁCTICA HTML5 y CSS3

Pautas: desarrollar un sitio web, el cual implementará los conceptos de HTML5 y CSS3. Se utilizará una plantilla de las
propuestas (ANEXO) de la cual se sacará el formato estético del sitio. Editor Preferido: Visual Studio Code con
complementos “HTML CSS Support” para el intelicense y “Live Server” para ejecutar el sitio en un servidor local.

La temática del sitio será un portal para una Obra Social,


1) Desarrollar la página [Link], utilizando SÓLO las tecnologías HTML, CSS (sin javascript), tome como
referencia algunos de las capturas de plantillas propuestas en el ANEXO. Realizar las mejoras estéticas que crea
conveniente para que se asemeje a la captura de la plantilla elegida.
a. Estructurar el sitio web mediante cajas formateadas con CSS.
b. Utilizar etiquetas semánticas propuestas por HTML5 (ej. nav, header, footer, section, aside, etc) para la
estructura y contenido.
c. Utilizar listas html para el menú principal (y secundarios si es que los hubiera).
d. Definir los estilos en un archivo independiente. (archivo .css).
e. Implementar gradiente lineal y/o radial en botones del menú o en sección de contenidos, respetando los
colores de la plantilla.
f. Aplique bordes redondeados según corresponda en las plantillas y para algunas cajas, ej. Artículos, botones,
etc.
2) Utilizando la plantilla elegida cree la página de [Link] para recibir información de servicios promocionados
por la obra social, como se muestra en la siguiente captura de un formulario genérico.
i. Utilizar elementos de formularios que propone el la versión HTML5.
ii. Agregue dos botones de “Enviar” “Cancelar” al formulario, utiliza degradado para los botones.
iii. Agregue al formulario la opción de “Sexo” que implemente los input de tipo radio.

3) Utilizando la misma plantilla cree una página [Link] que contenga un SLIDER de imágenes que SOLO
implemente HTML y CSS (sin JavaScript). Para ello puede basarse en implementaciones realizadas en la web.
4) Suba el Sitio Web a un Servidor Web, para probar las referencias a las páginas y recursos externos, para ello utilice
el complemento sugerido “Live Server” u otro de su preferencia.

Ing. Espinoza Alfredo Rolando


Facultad de Ingeniería Programación y Servicios Web
Universidad Nacional de Jujuy

ANEXO PLANTILLAS

Ing. Espinoza Alfredo Rolando


Facultad de Ingeniería Programación y Servicios Web
Universidad Nacional de Jujuy

Ing. Espinoza Alfredo Rolando


Facultad de Ingeniería Programación y Servicios Web
Universidad Nacional de Jujuy

Ing. Espinoza Alfredo Rolando

También podría gustarte