Autor Tema: id HTML. Creación de un portal web básico. Cabecera, menú, cuerpo y pie CU00727B  (Leído 1926 veces)

LuisM

  • Intermedio
  • ***
  • APR2.COM
  • Mensajes: 131
    • Ver Perfil
Hola a todos !! Dejo el código HTML del ejercicio propuesto en la clase CU00727B del tutorial pdf de programación HTML. Desde ya, muchas gracias. Un saludo,
Luis


EJERCICIO

Define la estructura de un portal web que conste de:
a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.
b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.
c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
<div id="page" style="width: 980px; text-align: center; margin: auto">
<div id="header">
<img align="left" src="https://i.imgur.com/6Z8zQRm.jpg" title="portalweb">
<h1> PORTAL WEB</h1>
<a href="https:www.aprenderaprogramar.com" title="aprenderaprogramar"> <img src="https://i.imgur.com/L3Cuf0Y.jpg"></a>
<h3> Ejercicio CU00727B del curso de HTML</h3>
</br>
<hr style="size:1px; color:black; width:100%;" />
</div>
<div id="wrapper" style="text-align:left; margin: auto">
<!-- menu -->
<div id="menu">
Menú
<ul>
<li><a href="#">Opción 1</a></li>
<li><a href="#">Opción 2</a></li>
<li><a href="#">Opción 3</a></li>
<li><a href="#">Opción 4</a></li>
<li><a href="#">Opción 5</a></li>
</ul>
</br>
</div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<img src="https://i.imgur.com/FdC9yVx.jpg" title="Imaginatica" />
</br>
<p>
VII JORNADAS IMAGINÁTICA UNIVERSIDAD DE SEVILLA
</br>
aprenderaprogramar.com estuvo presente con un stand informativo y acciones promocionales en las VII jornadas Imaginática: hacia la ingeniería informática del futuro. Estas jornadas se celebran bianualmente en la Escuela Técnica Superior de Ingeniería Informática de la Universidad de Sevilla (Avda. Reina Mercedes s/n. 41012. Sevilla. España)
</p>
</br>
<p>
UNA VEZ MÁS ACUDIMOS A IMAGINÁTICA
</br>
Por segunda vez consecutiva, aprenderaprogramar.com participó en el evento Imaginática con un stand informativo con productos como libros, camisetas, información sobre cursos. Además recibimos curriculums de aquellas personas interesadas en trabajar con nosotros y realizamos algunas acciones promocionales sorpresa.
</br></br>
Las jornadas han sido organizadas por Imaginática: una asociación sin ánimo de lucro, relacionada con el mundo de las nuevas tecnologías. Surge en Sevilla (España) a principios de los años 2000 lleva ya muchos años organizando este evento destacado en la panorámica nacional de la informática, programación y nuevas tecnologías.
</br></br>
Imaginática se desarrolla con un extenso ciclo de conferencias (uno de los mayores a nivel nacional en la materia), una feria de stands, un museo interactivo y mucho más. En ellas confluyen tanto alumnos y profesionales como empresas e instituciones del sector, quienes las patrocinan y les dan apoyo. Año tras año, las Jornadas Imaginática crecen, en calidad, repercusión y asistentes. La asistencia es libre y gratuita. El programa de actividades contempla conferencias, talleres y actividades lúdicas relacionadas con la informática y tecnología.
</br></br>
La temática abordada en estas VII Jornadas fue variada e incluyó conferencias sobre: Windows Phone, Windows 8, Creación de videojuegos, Desarrollo de aplicaciones para móviles, Desarrollo Android, Economía social y emprendimiento colectivo, CMS Drupal, Salidas profesionales para recién titulados en el ámbito de la informática, Apps híbridas, Testing multidispositivo, Desarrollo de aplicaciones iOS, Desarrollos web, etc.
</br></br>
Se contó también con conferencias por parte de grandes empresas informáticas como Everis, Babel, Management Solutions, etc.
</br></br>
El jefe de proyectos de aprenderaprogramar.com, Mario Rodríguez Rancel, participó impartiendo una conferencia titulada: “Trabajar como programador o consultor freelance en desarrollos web: ¿nicho de empleo o espejismo?” de la que hablaremos en otro artículo.
</p>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin del contenedor -->
<br /> <br /> <br />
<div id="footer" style="text-align: left; margin: left" >
<img src="https://i.imgur.com/L3Cuf0Y.jpg" title="aprenderaprogramar" />
Copyright 2006-2072
<a href="https:www.aprenderaprogramar.com"> aprenderaprogramar.com </a>
</div>
</div">
</body>
</html>
« Última modificación: 21 de Febrero 2018, 18:27 por Ogramar »

KOFFERO

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
Hola Luis!!!
Me gusto la forma en la que resolviste el ejercicio, todo bien hecho.

Un saludo. ;D ;D
¡Me encanta aprender!

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".