Autor Tema: Estructurar una página web usando div en capas o contenedores distintos CU00726B  (Leído 5521 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Dejo mi ejercicio sobre su portal,si esta bien, acepto ofertas laborales  ;D ;D ;D

Saludos!!!!

Ejercicio CU00726B del tutorial de desarrollo web con HTML para beginners.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Resolución ejercicio CU00726B - Hugo Segura(hymsoft)</title>
  </head>
  <body>
   
    <!-- Cabecera-->
   
    <div>
      <h1>Portal web aprenderaprogramar.com</h1>
      <h2>Didáctica y divulgación de la programación</h2>
    </div>
   
    <!-- Cuerpo-->
   
    <div>
      <p>Menú</p>
      <hr style="border:0px; height:1px; background-color: blue;">
      <ul>
        <li style="list-style-type:disc;"><a href="https://www.aprenderaprogramar.com/" target="_blank" title="Ir al inicio en una nueva ventana">Inicio</a></li>
        <li style="list-style-type:disc;"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=25&Itemid=103" title="Ir a libros de programacion en la misma ventana">Libros de programación</a></li>
        <li style="list-style-type:disc;"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86" title="Ir a cursos de programación en la misma ventana">Cursos de programación</a></li>
        <li style="list-style-type:disc;"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=48" title="Vamos a reirnos un poco, pero en otra ventana">Humor informático</a></li>
      </ul>
      <p>Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
      <p>Hay que tener claro que <a href="https://www.aprenderaprogramar.com/" target="_blank">aprender a programar</a> no es tarea de un día ni de una semana: aprender programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios años. No queremos con esto desanimar a nadie: en un plazo de unos pocos días podemos estar haciendo nuestros primeros programas.</p>
      <p>Puedes seguir uno de <a href="http://aprenderaprogramar.es/index.php?option=com_content&view=article&id=57&Itemid=86" target="_blank">nuestros cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de textos recomendamos el uso potente y sencillo como Notepad++, aunque son válidas otras alternativas como Crimson Editor.</p>
      <a href="https://notepad-plus-plus.org/" target="_blank"><img src="http://i.imgur.com/ENYIGyd.png" alt="Notepad++" title="Página de Notepad++" /></a>
      <a href="http://www.crimsoneditor.com/" target="_blank"><img src="http://i.imgur.com/sUDQuZs.jpg" alt="Crimson Editor" title="Pagina principal Crimson Editor" height="150px" /></a>
     
      <!-- Formulario para contactos-->
     
      <form method="get" action="contacto.php">
        <p>Si quieres contactar con nosotros envíanos este formulario relleno:</p>
        <p><label for="nombre">Nombre(s): </label> <input name="nombre" id="nombre" type="text" /> </p>
        <p><label for="apellido">Apellido(s): </label><input name="apellido" id="apellido" type="text" /> </p>
        <p><label for="direccion">Dirección: </label><input name="direccion" id="direccion" type="text" size="50px"/> </p>
        <p><label for="email">Correo electrónico: </label><input name="email" id="email" type="email" size="42px" /> </p>
        <p>Mensaje: <textarea name="mensaje" cols="40" rows="5"></textarea></p>
        <p><input type="submit" value="Enviar"> <input type="reset" value="Cancelar"></p>
      </form>
    </div>
   
    <!-- Pie de página-->
   
    <div style="text-align:center" ;>
      <a href="https://www.aprenderaprogramar.com/" target="_blank"><img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="Logo aprenderaprogramar.com" title="Ir a la pagina de aprenderaprogramar.com" /></a> Copyright 2006-2038 aprenderaprogramar.com
    </div>
  </body>
</html>
« Última modificación: 11 de Agosto 2016, 18:27 por Ogramar »
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Hugo el ejercicio muy bien.

Aunque lógicamente no te digo que vayas a encontrar trabajo por hacer cursos con este portal, sí te puedo comentar que conozco alguna persona que sí lo ha encontrado haciendo cursos aquí  ;D, así que no te quiero decir que contigo vaya a pasar igual, pero quién sabe... También te comento que a medida que vayas terminando cursos intentes ayudar a otras personas que están empezando, es algo que siempre pedimos desde los foros para poder mantenerlos vivos entre todos.

Salu2

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Gracias ogramar, siiii me encanta ayudar a otros... asi que en cuanto tome mas confianza no dudes que lo haré. Hasta convertirme en MODERADOR EXPERTO GLOBAL no paro!!!!!  ;) a proposito, OGRAMAR es un nombre, es por el game o solo es la terminación de prOGRAMAR jajajajajaja
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Pues lo de Ogramar creo que es por programar pero si te digo la verdad es un nick que me puse hace tanto tiempo que ya ni me acuerdo  ;D

 

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".