Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 25 de Septiembre 2017, 07:56

Título: HTML simple Capas o contenedores: div y span subdivisión, maquetar web CU00726B
Publicado por: KOFFERO en 25 de Septiembre 2017, 07:56
Hola amigos, normalmente no escribo nada, cuando publico mis ejercicios, pero hoy lo hago, se agradece mucho correciones, y sugerencias.

Enunciado ejercicio CU00726B del tutorial pdf de programación web con HTML.

Citar
EJERCICIO

Crea una página web utilizando los distintos elementos HTML que hemos ido estudiando en el curso que refleje de forma aproximada lo que se ve en esta imagen y que cumpla lo indicado más abajo:
(https://lh4.googleusercontent.com/-FEdMl0e3MYo/UfjF1_cILZI/AAAAAAAAAEc/3suVM0v2Mkc/s969/CU01007D_1.jpg)

Código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
       <head>
          <title>Ejercicio CU00726B - aprenderaprogramar.com</title>
  <meta charset="UTF-8" />
   </head>
   <body>
        <!--cabecera de la pagina -->
          <div>
        <h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
  </div>
  <!-- fin de la cabecera -->
 
  <!-- Cuerpo de la programación -->
  <div>
        <span>Menú</span>
<hr />
<ul>
      <li><a href="#">Inicio</a></li>
  <li><a href="#">Libro de la programación</a></li>
  <li><a href="#">Curso de programación</a></li>
  <li><a href="#">Humor informártico</a></li>
</ul>

<p>Aprender a programar es un objectivo que se plantea mucha gente y que no todos alcanzan.</p>
<p>Hay que tener claro que <a href="#">aprender programación</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 dia podemos esta haciendo nuestros primeros programas.</p>

<p>Puedes seguit unos de <a href="https://www.aprenderaprogramar.com/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
texto recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras
alternativas como Crimson Editor.</p>
<a href="https://notepad-plus-plus.org/download/v7.5.1.html" title="Página de Notepad++"><img src="https://i.imgur.com/QmQ9A5w.png" alt="Notepad++" title="Edito Notepad++" width="150px" /></a>
<img src="https://i.imgur.com/uynxpzl.png" alt="Crimson Editor" title="Edito Crimson" />

<p>Si quieres contactar con nosotros envianos este formulario.</p>
<form method="get" action="jorge.php">
       <label for="nombre">Nombre:</label>
   <input type="text" name="nombre_user" id="nombre" />
   <br/>
   <label for="apellido">Apellido:</label>
   <input type="text" name="apellido_user" id="nombre" />
   <br/>
   <label for="direccion">Dirección:</label>
   <input type="text" name="direccion_user" id="direccion" />
   <br/>
   <label for="correo">Correo Electronico</label>
   <input type="text" name="correo_user" id="correo" />
   <br/>
   <span>Mensaje:</span>
   <textarea name="mensaje" rows="3" cols="30"></textarea>
   <br/><br/>
   <input type="submit" value="Enviar" />
   <input type="reset" value="Cancelar" />
</form>
  </div>
  <br/><br/>
  <!-- fin del cuerpo -->
 
  <!-- Pie de la página -->
  <div>
        <img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="Pie de la pagina" /><span><a href="#">Copyright 2005-2038 aprenderaprogramar.com</a></span>
  </div>
  <!-- fin del pie -->
   </body>
</html>

Un saludo. :)
Título: Re:HTML simple Capas o contenedores: div y span subdivisión, maquetar web CU00726B
Publicado por: Alex Rodríguez en 06 de Noviembre 2017, 18:38
Hola Jorge,,, ejercicio bien resuelto
 
Como único comentario, cuando se tengan conocimientos sobre CSS veo preferible no usar separadores del tipo <br/><br/>, no es que esté prohibido, pero si el código lo evalúa un programador externo posiblemente lo vea "poco elegante". También convendría separar los elementos del formulario para que no se vean tan pegadas las casillas de petición de datos. Esto es solo para tenerlo en cuenta cuando se haga el curso de CSS, dentro del curso de HTML está muy bien resuelto.

Saludos
Título: Re:HTML simple Capas o contenedores: div y span subdivisión, maquetar web CU00726B
Publicado por: KOFFERO en 07 de Noviembre 2017, 20:34
Gracias!!!!
La verdad, nunca pense sobre eso de que si otro proramador viera mi código, pero muchas gracias por el consejo.

Un saludo. :) :) :)