Autor Tema: HTML simple Capas o contenedores: div y span subdivisión, maquetar web CU00726B (Leído 3120 veces)

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:

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.

Alex Rodríguez · « **Respuesta #1 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

KOFFERO · « **Respuesta #2 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.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: