Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Temas - Dimitar Stefanov

Páginas: 1 ... 9 10 11 12 13 [14]
261
Mi ejercicio CU01012D:

Código HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos07.css">
<body>
<div class="principal">
<h1>Novedades</h1><p>Aquí presentamos las novedades del estilo.</p>
</div>
<div class="secundario">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
</div>
<div class="tercera">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>

Código CSS:

Código: [Seleccionar]
.principal {
color: red;
font-size: 150%;
}
.secundario {
color: green;
font-size: 110%;
}
.secundario p {
background-color: yellow;
}

262
Mi código del ejercicio CU01011D ha quedado de la siguiente forma:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos05.css">
<body>
<div id="novedades">
<h1>Novedades</h1>
</div>
<div id="xFashion">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
</div>
<div id="tMation">
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</div>
</body>
</html>

Código del archivo "estilos05.css":

Código: [Seleccionar]
#novedades h1 {
color: red;
}
#xFashion h3, #tMation h3 {
color: green;
}
#novedades {
background-color: yellow;
}

263
Códigos del ejercicio: CU01010D del curso CSS desde cero.

Primer código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<style type="text/css">
h1 {color: red;}
h3 {color: green;}
p {color: brown;}
a {color: brown;}
</style>
<body>
<p><a href="principal.html" title="Página principal">Ir a la página principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>

Segundo código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos02.css">
<body>
<p><a href="principal.html" title="Página principal">Ir a la página principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del estilo.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
<h3>Mejoramos el producto T-MATION</h3>
<p>Hemos lanzado una nueva versión del producto T-MATION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>


Código del archivo "estilos02.css":

Código: [Seleccionar]
h1{ color: blue;}
h3{ color: orange;}
p{ color: brown;}
a{ color: brown;}
/* Primer ejercicio de estilos con CSS */

264
También cuelgo mi solución del ejercicio CU01009D del curso de programación web con CSS desde cero. Agradecería que me lo mirara alguien y que comente mis errores también.

Gracias antemano.

El código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web</title>
<meta name="description" content="Portal web">
<meta name="keywords" content="aprender,programar,cursos,libros">
<meta charset="utf-8">
<body>
<p><a href="principal.html" title="Página principal" style="color: brown;">Ir a la página principal</a></p>
<h1 style="color: red;">Novedades</h1>
<p style="color: brown;">Aquí presentamos las novedades del estilo.</p>
<h3 style="color: green; ">Lanzamos el producto X-FASHION</h3>
<p style="color: brown;">Este producto permite estirar la pies hasta dejarla como la de un bebé.</p>
<p style="color: brown;"><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion"></p>
<h3 style="color: blue;">Mejoramos el producto T-MATION</h3>
<p style="color: brown;">Hemos lanzado una nueva versión del producto T-MATION</p>
<p style="color: brown;"><img src="http://i.imgur.com/SpZyc.png" title="Imagen del producto tmotion" alt="imagen producto tmotion"></p>
</body>
</html>

265
Mi solución al ejercicio CU00728B del curso HTML desde cero:

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; border: 2px solid gray;">
<div id="header">
Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<br/><br/><br/>
<div id="wrapper">
<div id="menu">
<div>Menú</div>
<hr style="color: red; background-color: red; width: 50%;"/>
<ul>
<li><a href="#">Portada</a></li>
<li>
<a href="https://www.aprenderaprogramar.com">aprenderaprogramar.com</a>
</li>
</ul>
</div>
<div id="body">
<form method="post" action="http://aprenderaprogramar.com" enctype="multipart/form-data">
Nombre:<input type="text" name="nombre"/><br/><br/>
Apellidos:<input type="text" name="apellidos"/><br/><br/>
Dirección:<input type="text" name="direccion"/><br/><br/>
Correo electrónico:<input type="text" name="correo"/><br/><br/>
Teléfono:<input type="text" name="telefono"/><br/><br/>
Fotografía:<input type="file" name="file"/><br/><br/>
</form>
</div>
</div>
<br/><br/><br/>
<div id="footer">
Copyright 2006-2072 aprenderaprogramar.com
</div>
</div>
</body>
</html>

<!-- Teníamos que incluir un <input /> con type="file". También teníamos que incluir enctype="multipart/form-data" y cambiar el method de "get" a "post". -->

Respuesta a las preguntas:

Teníamos que incluir un <input /> con type="file". También teníamos que incluir enctype="multipart/form-data" y cambiar el method de "get" a "post".

266
Y aquí viene mi código al ejercicio CU00727B:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de divs</title>
</head>
<body>
<div id="page">
<div id="header">
<img src="imagen.png" alt="logotipo01">
<h1>Aprender a programar</h1>
<a href="http://aprenderaprogramar.com" target="_blank"><img src="logonotplusplus.png" alt="logotipo02" title="Pulse aquí para aceder a www.aprenderaprogramar.com"></a>
</div>
<br/><br/><br/>
<div id="wrapper">
<div id="menu">
<div>Menu</div>
<ul>
<li>Inicio</li>
<li>Cómo empezar</li>
<li>Libros</li>
<li>Cursos</li>
<li>Empleo</li>
</ul>
</div>
<div id="body">
<img src="logo.jpg" alt="logotipo03" title="Crimson Editor">
<p>
Al hablar de fundamentos de programación nos referimos a aquellos conocimientos básicos que nos permitirán desenvolvernos sin excesivo número de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un símil de transporte. El conductor (programador) dispone de un coche (el ordenador) y desea trasladarse.
</p>
<p>
Al hablar de fundamentos de programación nos referimos a aquellos conocimientos básicos que nos permitirán desenvolvernos sin excesivo número de tropiezos. Veamos a qué tipo de tropiezos nos referimos utilizando un símil de transporte. El conductor (programador) dispone de un coche (el ordenador) y desea trasladarse.
</p>
</div>
</div>
<br/><br/><br/>
<div id="footer">
<img src="imagen.png" alt="logotipo04" title="aprenderaprogrmar.com">
Copyright 2016-2020.
<a href="http://aprenderaprogramar.com">Aprender a Programar</a>
</div>
</div>
</body>
</html>

Mastermind, ¿por qué en la división <div id="pie"> introduces los elementos mediante la etiqueta <pre> ? ¿Para que se te vean en línea, en vez de, en bloque?

267
Mi código correspondiente al ejercicio CU00725B del curso HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de formularios</title>
</head>
<body>
<h1><<</>Inscripción al concurso Jara y Sedal>></h1>
<form method="post" action="http://aprenderaprogramar.com" enctype="multipart/form-data">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombre"/>
<br/><br/>
<label for="apellido">Apellido:</label>
<input type="text" name="apellido" id="apellido"/>
<br/><br/>
<label for="direccion">Dirección:</label>
<input type="text" name="direccion" id="direccion"/>
<br/><br/>
Fotografía:
<input type="file" name="fotografia"/>
<br/><br/>
<input type="submit" value="<<¡¡¡Me apunto!!!>>" />
<input type="reset" value="<<Cancelar>>" />
</form>
</body>
</html>

Mastermind, creo que también teníamos que incluir los símbolos "<<" antes del título del formulario y los ">>" después del mismo

268
Mi solución al ejercicio CU00724B curso HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de botones - aprenderaprogramar.com</title>
</head>
<body>
<h1><<</>Inscripción al concurso Saber y Ganar>></h1>
<form method="get" action="http://aprenderaprogramar.com">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombre" value="Dimitar"/>
<br/><br/>
<label for="apellido">Apellido:</label>
<input tyep="text"name="apellido" id="apellido" value="Stefanov"/>
<br/><br/>
<label for="email">Email:</label>
<input type="text" name="email" id="email"/>
<br/><br/>
<label for="telefono">Teléfono:</label>
<input type="text" name="telefono" id="telefono"/>
<br/><br/>
<button type="submit"><<¡¡¡Me apunt!!!>></button>
<input type="reset" value="<<Cancelar>>"/>
</form>
<br/><br/>
<h1>Petición de información</h1>
<form method="get" action="http://aprenderaprogramar.com">
<label for="nombre1">Nombre:</label>
<input type="text" name="nombre1" id="nombre1"/>
<br/><br/>
<label for="pais">País:</label>
<input type="text" name="pais" id="pais"/>
<br/><br/>
<label for="email1">Email:</label>
<input type="text" name="email1" id="email1"/>
<br/><br/>
<label for="consulta">Consulta:</label>
<textarea name="consulta" id="consulta"></textarea>
<br/><br/>
<input name="button1" type="image" src="http://www.stefjotrans.com/imagen.png"/>
<button type="reset"><<</>Pulse aquí para cancelar>><br/><<</>Esto borrará los datos>></button>
</form>
</body>
</html>

En otro comentario en este foro han debatido como se pueden imprimir los caracteres "<<>>" al ser símbolos reservados a las etiquetas del lenguaje HMTML.

269
Código del ejercicio CU00723B del curso HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de formulario - aprenderaprogramar.com</title>
</head>
<body>
<h1>Preferencias musicales</h1>
<form>
<br />
<input name="rock" type="checkbox"/>Rock
<br />
<input name="pop" type="checkbox"/>Pop
<br />
<input name="jazz" type="checkbox"/>Jazz
<br /><br />
Edad:
<br />
<input name="edad" type="radio"/>de 12 a 17 años
<br/>
<input name="edad" type="radio"/>de 18 a 35 años
<br/>
<input name="edad" type="radio"/>de 36 a 65 años
<br/>
<input name="edad" type="radio"/>más de 65 años
<br/><br/>
Grupos y cantantes que te gustan:
<select multiple="multiple">
<optgroup label="Rock">
<option>Anna</option>
<option>Silvia</option>
<option>Sevilla</option>
</optgroup>
<optgroup label="Pop">
<option>Rafael</option>
<option>Ricky</option>
<option>Madonna</option>
</optgroup>
<optgroup label="Jazz">
<option>Guardia</option>
<option>Enrique</option>
<option>Lesbiana</option>
</optgroup>
</select>
</form>
</body>
</html>

270
Posible solución del ejercicio CU00722B del curso: HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de formulario - aprenderaprogramar.com</title>
</head>
<body>
<h1>Solicitud de alta como usuario</h1>
<form method="get" action="https://www.aprenderaprogramar.com">
Nombre: <input type="text" name="nombre" value="Nombre"/>
<br /><br />
Apellido: <input type="text" name="apellido" value="Apellido"/>
<br /><br />
Email: <input type="text" name="email" value="Email"/>
<br /><br />
Contraseña: <input type="password" name="contraseña" value="123456" />
<br /><br />
Observaciones: <textarea  name="observaciones" rows="2" cols="40">...Observaciones...</textarea>
<br /><br />
<input type="submit" value="Enviar"/>
</form>
</body>
</html>

271
Mi solución del ejercicio CU00720B del curso HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de formulario - aprenderaprogramar.com</title>
<head>
<body>
<h1>Inscripción al Congreso de Medicina Santiago 2048</h1>
<form>
<caption>Inscripción al Congreso para médicos especialistas</caption>
<p>
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombre">
<br/></br>
<label for="apellido">Apellido:</label>
<input type="text" name="apellido" id="apellido">
<br/><br/>
<label for="especialidad">Especialidad:</label>
<input type="text" name="especialidad" id="especialidad">
<br/><br/>
Año de obtención de la especialidad:
<br/></br/>
<input type="radio" name="any" id="2005" value="2005">
<label for="2005">2005</label>
<br/><br/>
<input type="radio" name="any" id="2006" value="2006">
<label for="2006">2006</label>
<br/><br/>
<input type="submit" value="Enviar">
<input type="reset" value="Resetear">
</p>
</form>
<form>
<caption>Inscripción al congreso para médicos generalistas</caption>
<p>
<label for="nombre1">Nombre:</label>
<input type="text" name="nombre1" id="nombre1">
<br/><br/>
<label for="apellido1">Apellido:</label>
<input type="text" name="apellido1" id="apellido1">
<br/><br/>
<label for="centro">Centro médico donde ejerce</label>
<input type="text" name="centro" id="centro">
<br/><br/>
Año de obtención del título:
<br/><br/>
<label for="2010">2010</label>
<input type="radio" name="obtencion" value="2010">
<br/><br/>
<label for="2011">2011</label>
<input type="radio" name="obtencion" value="2011">
<br/><br/>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>

272
Aquí adjunto el código de mi solución del ejercicio CU00718B del curso de HTML.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de listas - aprenderaprogramar.com</title>
</head>
<body>
<ol>
<li>Doctores</li>
<ul>
<li>Juana Pérez</li>
<li>Alberto Márquez</li>
<li>Raúl MOreno</li>
</ul>
<hr style="height: 10px; width: 50%; background-color: blue;"/>
<li>Ayudantes</li>
<ul>
<li>Noelia Suárez</li>
<li>Abel Rebollo</li>
</ul>
<hr style="height: 10px; width: 50%; background-color: blue;"/>
<li>Auxiliares</li>
<ul>
<li>Silvia Estévez</li>
<li>Angela González</li>
<li>Cuarthemoc Adanez</li>
</ul>
<hr style="height: 10px; width: 50%; background-color: blue;"/>
</ol>
</body>
</html>

273
Aprender a programar desde cero / HTML Ejercicio CU00718B
« en: 12 de Enero 2016, 14:19 »
Aquí cuelgo mi solución del ejercicio. No sé por qué las lineas de <hr /> me aparecen en el medio del documento y no pegados a la izquierda. Será tema de margin?

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo de listas - aprenderaprogramar.com</title>
</head>
<body>
<ol>
<li>Doctores</li>
<ul>
<li>Juana Pérez</li>
<li>Alberto Márquez</li>
<li>Raúl MOreno</li>
</ul>
<hr style="height: 10px; width: 50%; background-color: blue;"/>
<li>Ayudantes</li>
<ul>
<li>Noelia Suárez</li>
<li>Abel Rebollo</li>
</ul>
<hr style="height: 10px; width: 50%; background-color: blue;"/>
<li>Auxiliares</li>
<ul>
<li>Silvia Estévez</li>
<li>Angela González</li>
<li>Cuarthemoc Adanez</li>
</ul>
<hr style="height: 10px; width: 50%; background-color: blue;"/>
</ol>
</body>
</html>

274
Buenas tardes a todos.

Aquí muestro mi solución al Ejercicio CU00717B curso HTML desde cero:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de marcadores - aprenderaprogramar.com</title>
</head>
<body>
<a id="Inicio"><h1>Animales de Africa</h1></a>
<hgroup>
<h2>Leones</h2>
<p>Primer párrafo</p>
<p>Segundo párrafo</p>
<p>Tercer párrafo</p>
<a id ="Leones" href="http://es.wikipedia.org/wiki/Panthera_leo" title="Pulsa aquí para saber más sobre leones"target="_blank"></a>
<h2>Tigres</h2>
<p>Primer párrafo</p>
<p>Segundo párrafo</p>
<p>Tercer párrafo</p>
<a id="Tigres" href="http://es.wikipedia.org/wiki/Panthera_tigres" target="_blank"><img src="tigre.jpg" title="Pulsa aquí para saber más sobre tigres" width="200px"></a>
</hgroup>
<a href="#Inicio">Ir a inicio</a> <a href="#Leones">Ir a leones</a> <a href="#Tigres">Ir a tigres</a>
</body>
</html>

Creo que he cumplido con todos los requisitos del ejercicio.

Qué buena idea de compartir todos los ejercicios que hacemos en los cursos.

Saludos


275
Mi solución para el ejercicio CU00714B del curso de HTML:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de imágenes - aprenderaprogramar.com</title>
</head>
<body>
<img src="http://www.stefjotrans.com/images/S__6971408.jpg" alt="Logotipo APR2" width="20%">
<img src="https://www.aprenderaprogramar.com/templates/apr02062010/images/logo.png" alt="Logotipo APR2"
width="50%">
<img src="https://www.aprenderaprogramar.com/templates/apr02062010/images/logo.png" alt="Logotipo APR2" width="200px">
<img src="https://www.aprenderaprogramar.com/templates/apr02062010/images/logo.png" alt="Logotipo APR2" width="200px" border="5">
</body>
</html>

276
Buenas a todo el equipo de aprenderaprogramar.com y a todos los usuarios.

Estáis haciendo un gran trabajo. Felicidades.

Quería hacer un comentario sobre la entrega CU00732B.

Después de copiar y guardar el código:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>CSS - aprenderaprogramar.com</title>
<style type="text/css">
.color_verd {
color:green;
}
.color_amarillo {
color:yellow;
}
</style>
</head>
<body>
<p>Este texto va de color verde.</p>
<p>Este texto va de color amarillo.</p>
</body>
</html>

No aparecen los dos párrafos en colores, verde y amarillo, tal y como se menciona en el tutorial. No se si se trata de un error o soy yo el que se ha equivocado.

Gracias antemano.

Atentamente,

Dimitar

Páginas: 1 ... 9 10 11 12 13 [14]

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