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.


Mensajes - Chuckyldo

Páginas: [1] 2
1
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / ¿Qué lenguaje se usa para programar en Android y desarrollar apps (aplicaciones?
« en: 02 de Mayo 2017, 02:57 »
Hola amigos, el otro día estaba pensando que me gustaría desarrollar apps para android, pero no con esos programas donde uno solo edita, quiero programarlas YO completamente, mi pregunta es: ¿En qué lenguaje(s) puedo programar apps para android?.

Tengo otra pregunta. Más o menos en Febrero empecé a aprender HTML porque quiero desarrollar páginas web y en Marzo empecé a aprender CSS, el tema es que yo calculo que más o menos el 15 de Mayo ya estaré listo con esos 2 "lenguajes". Más adelante quiero trabajar como freelance, pero mi pregunta es, ¿Si aprendo PHP o Javascript, con lo que ya tengo aprendido me basta para trabajar como freelance? o los desarrollos actuales demandan más cosas?.

Bueno amigos, eso sería todo, muchas gracias.  :)

2
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Cómo programar aprendizaje de programación combinar HTML, CSS, JavaScript, PHP..
« en: 17 de Abril 2017, 04:31 »
Hola, actualmente estoy en el curso básico de CSS de aprenderaprogramar. Ya hice el de html en Febrero y a finales de Abril según yo, ya tendré dominado más o menos html y CSS. Después me gustaría hacer el curso de PHP, luego el de MySQL y finalmente el de JavaScript, mi duda es, en algún momento todo esto se puede mezclar o luego sabiendo PHP y javascript, css y html ya no me servirán? Además quisiera saber si esta página tiene cursos intermedios, en todos lados veo en abundancia "CURSOS BÁSICOS DE PROGRAMACIÓN", pero cuando uno termina el básico, ¿qué pasa? me gustaría saber si aquí hay cursos intermedios de programación web. Muchas Gracias.  :)

3
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de cascada y herencia en CSS y HMTL qué significa important CU01017D
« en: 15 de Abril 2017, 03:07 »
Hola amigos, acabo de hacer el ejercicio del curso básico de CSS CU01017D y me hacen preguntas respecto a un código.

El código html es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="estilos.css">
</head>

<body>
  <div class="magicTitle" style="border:1px solid blue; color: blue;">
    Aprendiendo a programar
  </div>


</body>
</html>

El código  CSS es este:

Código: [Seleccionar]
.magicTitle {
margin:0px;
width:20px;
height:30px;
color:green !important;
border-style: hidden !important;
}

Las preguntas son las siguientes:

Citar
a) ¿Se mostrará un borde para el div? ¿Por qué?

b) ¿Con qué color se mostrará el texto, con color verde o con color azul? ¿Por qué?

c) ¿Se respetarán los valores de width y height definidos en el archivo CSS externo o quedarán anulados? ¿Por qué?

Mis respectivas respuestas son éstas:

a)No se mostrará un borde para el div porque al atributo "border-style" se le dió un valor "hidden" lo que provoca que este "oculto".

b)El texto se colocará con color verde porque se le colocó "!important" y esto anula la declaración en línea que tenía el div en el archivo html.

c)Se respetarán porque no hay otras declaraciones de estilos que afecten esos elementos.

4
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de herencia en CSS y HTML establecer tamaño de fuente en % CU01013D
« en: 13 de Abril 2017, 02:21 »
Hola amigos, acabo de hacer un ejercicio que está relacionado con la herencia en CSS. Ejercicio CU01013D del manual básico de programador web usando Notepad++ como editor. Me gustaría que me dijeran si está bueno o malo, las instrucciones eran las siguientes:

Citar
EJERCICIO

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.

b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>.

c) Usando CSS establece como color de texto el verde y tamaño de fuente el 110% respecto de lo normal para los elementos h3 que se encuentren dentro de un elemento cuyo valor class sea <<secundario>>.

d) Usando CSS establece como color de fondo el amarillo (yellow) para los elementos span que se encuentren dentro de elementos h3 que se encuentren dentro de elementos cuyo atributo class sea <<secundario>>.

e) Establece como tipo de fuente para todo el documento HTML el tipo Arial.

El código html que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html><head><title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">
<link rel="stylesheet" href="estilos.css"
</head>
<body>
<div class="principal"><h1>Novedades</h1><p>Aquí presentamos las novedades del sitio.</p></div>
<div class="secundario"><h3>Lanzamos el producto <span>X-FASHION</span></h3>
<p>Este producto permite estirar la piel 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="secundario"><h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto <span>T-MOTION</span></p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>
Y el código CSS es este:

Código: [Seleccionar]
body {
  font-family: arial;
}

.principal h1 {
  color:red;
  font-size: 150%;
}

.secundario h3 {
  color:green;
  font-size: 110%;
}

.secundario h3 span {
  background-color: yellow;
}
Bueno amigos, espero que me ayuden y desde ya muchas gracias.  :)

5
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de selector de clases CSS y HTML uso class establecer color CU01012D
« en: 07 de Abril 2017, 04:50 »
Hola amigos, acabo de hacer el ejercicio CU01012D del curso básico de programación web con CSS de aplicación de clases como selectores en CSS y lo que me pedían era esto:

Citar
EJERCICIO

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos class para cada una de ellas con valores <<principal>> para la primera, y <<secundario>> para la segunda y la tercera.

b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 150% respecto de lo normal para los elementos cuyo valor class sea <<principal>>.

c) Usando CSS establece como color de texto el verde para los elementos y tamaño de fuente el 110% respecto de lo normal para los elementos cuyo valor class sea <<secundario>>.

d) Usando CSS establece como color de fondo para los párrafos dentro de elementos cuyo atributo class sea <<secundario>> el amarillo (yellow).

El código html que yo escribí es el siguiente:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head><title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilo de ejemplo.css">
</head>
<body>
<div class="principal"><h1>Novedades</h1><p>Aquí presentamos las novedades del sitio.</p></div>
<div class="secundario">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel 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="secundario">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>
Y el CSS que escribí es este:

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

Bueno amigos, muchas gracias y espero que me ayuden.  :)

6
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Aplicar selectores id con CSS en código HTML ejemplo aplicar colores CU01011D
« en: 06 de Abril 2017, 03:15 »
Hola amigos, acabo de hacer un ejercicio de CSS básico, me enseñaron cómo se usa el selector por id, me pareció muy bueno y el ejercicio era el siguiente:

Citar
EJERCICIO

Analiza el siguiente código HTML. En él encontrarás tres etiquetas div. Haz lo siguiente:

a) Establece atributos id para cada una de ellas con valores <<novedades>> para la primera, <<xFashion>> para la segunda y <<tMotion>> para la tercera.

b) Usando CSS establece como color de texto el rojo (red) para los elementos h1 que se encuentren dentro del elemento con id <<novedades>>.

c) Usando CSS establece como color de texto el verde para los elementos h3 que se encuentren dentro de los elementos con id <<xFashion>> y <<tMotion>>.

d) Usando CSS establece como color de fondo para el elemento con id <<novedades>> el amarillo (yellow).

El cógido html que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<link rel="stylesheet" type="text/css" href="estilo de ejemplo.css">
<meta charset="utf-8">
</head>
<body>
<div id="novedades">
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
</div>
<div id="xFashion">
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel 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="xMotion">
<h3>Mejoramos el producto T-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</div>
</body>
</html>

Y el código de mi archivo de CSS es este:

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

Bueno amigos, perdón por extenderme, pero los códigos son cada vez más grandes, espero me ayuden y mi digan si estoy bien o mal, en el caso de estar mal, por favor corríjanme. Muchas gracias  :)

7
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio aplicación interna estilos CSS HTML mostrar etiquetas h1 rojo CU01010D
« en: 26 de Marzo 2017, 06:31 »
Hola amigos, acabo de hacer el ejercicio CU01010D del curso CSS de aprenderaprogramar y me gustaría que me dijeran cómo está. Las instrucciones son estas:

Citar
Modifica el código HTML mostrado a continuación para cumplir con estos requisitos mediante la aplicación de estilos internos:

a) Todas las etiquetas h1 deben mostrar su texto en color rojo.

b) Todas las etiquetas h3 deben mostrar su texto en color verde.

c) Todos los párrafos deben mostrar su texto en color brown (marrón).

El código que me entregan para modificar es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
</head>
<body>
<p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel 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-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>
Y el código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<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;}
</style>
</head>
<body>
<p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1>Novedades</h1>
<p>Aquí presentamos las novedades del sitio.</p>
<h3>Lanzamos el producto X-FASHION</h3>
<p>Este producto permite estirar la piel 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-MOTION</h3>
<p>Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>
Bueno amigos, espero que me ayuden y gracias de antemano  :).

8
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Diferencia de declaraciones de estilos CSS qué es interno y qué externo CU01010D
« en: 19 de Marzo 2017, 19:32 »
Hola amigos, estoy siguiendo el curso básico de CSS de aprenderaprogramar y tengo una duda. ¿Cuál es la diferencia entre la declaración de estilos interna y externa, entiendo perfectamente la que es en línea, pero quisiera saber si alguien me puede ayudar explicándomelo mejor cuál es la diferencia y los efectos en el html. Desde ya muchas gracias.

9
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Aplicar estilos básicos a CSS style color img src ejercicio CU01009D
« en: 19 de Marzo 2017, 00:32 »
Hola amigos, he estado siguiendo el curso de CSS desde cero y acabo de hacer un ejercicio, ojalá me digan si está bien o mal. Las instrucciones son estas:

Citar
Modifica el código HTML anterior para cumplir con estos requisitos mediante la aplicación de estilos en línea:

a) La etiqueta h1 debe mostrar su texto en color rojo.

b) La etiqueta h3 con el texto relativo a X-FASHION debe mostrar su texto en color verde.

c) La etiqueta h3 con el texto relativo a X-MOTION debe mostrar su texto en color azul.

d) Todos los párrafos deben mostrar su texto en color brown (marrón).

Lo que yo hice es esto:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<meta charset="utf-8">
</head>
<body>
<p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
<h1 style= "color : red;">Novedades</h1>
<p style= "color : brown;">Aquí presentamos las novedades del sitio.</p>
<h3 style= "color : green;">Lanzamos el producto X-FASHION</h3>
<p style= "color : brown;">Este producto permite estirar la piel 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 style= "color : blue;">Mejoramos el producto T-MOTION</h3>
<p style= "color : brown;">Hemos lanzado una nueva versión del producto T-MOTION</p>
<p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
</body>
</html>
Bueno amigos, espero que esté bien y desde ya muchas gracias.

10
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Creación de un portal web básico html. (CU00727B)
« en: 23 de Febrero 2017, 01:18 »
Ok, ya entendí, muchas gracias por ayudarme.

11
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Subir web a servidor html cómo subir los archivos a remoto y verlos CU00730B
« en: 22 de Febrero 2017, 07:49 »
Hola amigos, acabo de hacer el ejercicio CU00730B del curso básico de programador web con HTML y no sé cómo está, lo que me pedían es esto:

Citar
EJERCICIO

Crea tres archivos HTML con diferente contenido y guárdalos con tres nombres de archivo distintos, por ejemplo webpage1.html, webpage2.html y webpage3.html. Establece links entre cada una de las páginas webs para que se pueda pasar de una a otra, por ejemplo desde webpage1.html hemos de poder pasar con un link a webpage2.html y webpage3.html, etc.. A continuación sube los tres documentos HTML al servidor y comprueba que puedan visualizarse y navegar mediante los links entre una página y otra.

El link de mi página es este: http://chingaderaminecrafteana.890m.com/ lamentablemente no se ve como debería, aparece una cosa de "Index of/", debería aparecer simplemente la página 1, que es la pricipal, espero que me ayuden, tal vez es un archivo en el hosting que provoca eso, yo uso hostinger, no pude usar bytehost o algo así que lo indicaban en este curso porque nunca me enviaron el correo para verificar la cuenta. Muchas gracias. Para evaluar mi ejercicio por favor háganlo desde la página 1.  8)

12
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Creación de un portal web básico html. (CU00727B)
« en: 22 de Febrero 2017, 07:06 »
Entonces si quiero un salto de línea hago esto: <br> <br/>?

Y el a es así: <a> ........ <a/>?

Muchas gracias por responderme y tratar de ayudarme de todas maneras.

13
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Formulario html que permita el envío de un archivo de imagen jpg ó png CU00728B
« en: 20 de Febrero 2017, 02:45 »
Hola amigos, he terminado el ejercicio CU00728B del tutorial de programación en HTML en el cuál me pedían esto:

Citar
Modifica el formulario HTML con el que hemos trabajado para incluir un campo fotografía que permita el envío de un archivo de imagen como parte del formulario.

Y bueno, el código que escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
<div id="page">
<div id="header">
Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<!-- contenedor -->
<br />
<br />
<br />
<div id="wrapper">
<!-- menu -->
<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>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<form method="post" action="accion.html" enctype="multipart/form-data">
Nombre: <input type="text" name="nombre" /><br />
Apellidos: <input type="text" name="apellidos" /><br />
Dirección: <input type="text" name="direccion" /><br />
Correo electrónico: <input type="text" name="correo" /><br />
Teléfono: <input type="text" name="telefono" /><br />
Fotografía: <input type="file" name="fotografia" /><br />
</form>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor -->
<br /> <br /> <br />
<div id="footer">
Copyright 2006-2012 aprenderaprogramar.com
</div>
</div>
</body>
</html>
No sé cómo estará, espero que esté bien y ojalá me ayuden. Además me pidieron responder unas preguntas, son estas:

Citar
1) ¿Qué atributo ha de especificarse para el form para poder enviar archivos?
2) ¿Qué valor ha de darse a dicho atributo?
3) ¿Qué método de envío hay que especificar para el form si se envían archivos?

Respuestas:

1) El atributo que debe especificarse en el form es el atributo enctype.
2) El valor que debe darse al atributo enctype para poder enviar archivos es "multipart/form-data", aunque si no lo agregamos, el navegador lo agrega por defecto.
3) Para poder enviar archivos en un formulario hay que usar el método post.

Muchas gracias de antemano.

14
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Creación de un portal web básico html etiquetas que no tienen cierre? CU00727B
« en: 19 de Febrero 2017, 09:41 »
Hola amigos, acabo de terminar el ejercicio CU00727B del tutorial de codificación en HTML y no sé cómo está, espero que bien, lo que me piden es esto:

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

El código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
 <div id="header">
  <img src="http://www.gifs-animados.es/clip-art/de-alimentos-y-bebidas/huevos/gifs-animados-huevos-8138361.jpg" alt="Huevo Frito" width="150px" height="100px"/>
  </br>
  <h1>Huevo</h1>
  <a href="https://es.wikipedia.org/wiki/Huevo_(alimento)"> <img src="http://cronicanoticias.cl/wp-content/uploads/2016/10/beneficios-de-comer-huevos.jpg" width="150px" height="100px" alt="huevo"> </a>
 </div>
 
 <br> </br>
 
 <div id="body">
  Menú
   <hr style="height: 1px; color: black; background-color: black; width: 100%"/>
   <ul>
    <a href="http://www.chilehuevos.cl/sano"/><li type="disc">Historia del huevo</li></a>
</br>
    <a href="http://www.chilehuevos.cl/sano"/><li type="disc">Características del huevo</li></a>
</br>
<a href="http://www.chilehuevos.cl/sano"/><li type="disc">¿Qué es un huevo?</li></a>
</br>
<a href="http://www.chilehuevos.cl/sano"/><li type="disc">¿Huevo cocido o frito?</li></a>
</br>
<a href="http://www.chilehuevos.cl/sano"/><li type="disc">Sobre nosotros</li></a>
   </ul>
   
   <br> </br>
   
   <img src="http://previews.123rf.com/images/ayo88/ayo881502/ayo88150200028/36913431-dibujo-animado-amarillo-huevo-de-Pascua-con-los-ojos-pico-y-piernas-aisladas-sobre-fondo-blanco-Foto-de-archivo.jpg" alt="Huevo Pollo" height="200px" width="150"/>
   
   </br>
   
   <pre>
   Un 30% de su peso aproximadamente está constituido por la yema, un 60% por la clara y un 10%
   por la cáscara. Dos huevos medianos (unos 100 gramos de parte comestible) se consideran
   una ración. Aportan unas 141 kcal, que cubren un 7% de la energía diaria recomendada para
   un adulto, que necesita 2000 kcal.
   
   Los componentes nutricionales estén heterogéneamente repartidos, existiendo importantes
   diferencias entre la clara y la yema. La grasa, el colesterol y algunos micronutrientes se
   encuentran en la yema. La clara, en cambio, está formada principalmente por agua (88%)
   y proteínas (11%), siendo la ovoalbúmina la más importante. El contenido de algunos minerales
   y el de vitaminas hidrosolubles es también comparativamente mayor en la yema.
   </pre>
 </div>
 
 <br> </br>
 
 <div>
  <img src="http://cdn2.dibujos.net/dibujos/pintar/huevo-de-gallina-colorear.jpg" height="40px" width="40px"/> Copyright -300A.C-2017 <a href="http://www.chilehuevos.cl/sano">Contacto</a>
 
 
 </div>
</body>
</html>
Algunos links los puse más de una vez porque creo que para el ejercicio es más importante el saber insertar uno, bueno amigos espero que me ayuden y gracias de antemano.  :)

15
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de programación página hmtl replicar el aspecto imagen dada CU00726B
« en: 19 de Febrero 2017, 02:56 »
Hola amigos, acabo de hacer el ejercicio más difícil hasta el momento (según yo) del curso básico de html, ejercicio CU00726B, me demoré como una hora y algo. Bueno la página debería verse así:



Lo que debería incluir es esto:

Citar
Los elementos a incluir son: un título h1, un título h2. Menú, separador hr, lista de elementos que son links, párrafos de texto que contienen algunos links. Imágenes. Un formulario. Imagen y texto de pie.

La página debe organizarse en capas según esta estructura: capa de cabecera (contiene títulos h1 y h2). Capa de cuerpo (contiene menú, párrafos y formulario). Capa de pie (contiene imagen y copyright).

Y el código que yo hice es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo etiqueta span - aprenderaprogramar.com</title>
</head>
<body>
 <div>
  <h1>Portal web aprenderaprogramar.com</h1>
  <h2>Didáctica y divulgación de la programación</h2>
 </div>
 
 <div>
  Menú
  <hr style="height: 1px; color: black; background-color: black; width: 100%"/>
 
  <ul>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&layout=blog&id=87&Itemid=26"><li type="disc">Inicio</li></a>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&layout=blog&id=87&Itemid=26"><li type="disc">Libros de programación</li></a>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86"><li type="disc">Cursos de programación</li></a>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&layout=blog&id=90&Itemid=48"><li type="disc">Humor informático</li></a>
  </ul>
 
  <pre>
  Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.
 
  Hay que tener claro que <a href="https://www.aprenderaprogramar.com">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 días podemos estar haciendo
  nuestros primeros programas.
 
  Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">nuestros cursos</a> entre los varios disponibes. Cuando haya que utilizar un editor de
  textos recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras
  alternativas como Crimson Editor.
  </pre>
 
  <img src="http://www.rlrouse.com/infoblog/photos/notepadd++-logo.jpg" alt="logonotepad++" width="120px" height="80px">
  <img src="data:image/jpeg;base64,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" alt="logocrimsoneditor" width="180px" height="80px">
  <br> </br>
  Si quieres contactar con nosotros envíanos este formulario relleno:
  <br> </br>
 
  <form>
   Nombre: <input name="nombre" type="text">
   </br>
   Apellidos: <input name="apellidos" type="text">
   </br>
   Dirección: <input name="direccion" type="text">
   </br>
   Correo electrónico: <input name="correo" type="text">
   </br>
   Mensaje: <textarea name="mensaje" rows="3" cols="30"> </textarea>
  </form>
 
  </br>
 
  <button type="submit">Enviar</button> <button type="reset">Cancelar</button>
 
 </div>
 
 <br> </br>
 
 <div>
  <img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="logodepagina" width="160px" height="75px"> Copyright 2006-2038 aprenderaprogramar.com
 
 
 </div>
 
 
</body>
</html>
Agradecería que me dijeran si estoy bien o mal y si estoy mal, que me corrigieran. Muchas gracias

16
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de formulario con selector de archivos html desde pc usuario CU00725B
« en: 18 de Febrero 2017, 09:31 »
Hola amigos, acabo de hacer el ejercicio CU00725B del manual de programación web para principiantes y quisiera saber cómo está. Las instrucciones son estas:

Citar
EJERCICIO

Crea una página web que contenga un formulario que cumpla estas condiciones.

Como título antes del formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Jara y Sedal>>. Debe contener:

a) Nombre

b) Apellidos

c) Dirección

d) Fotografía (aquí se debe dar opción a elegir un archivo de imagen que será la fotografía)

e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.

 

Ten en cuenta que para el envío de archivos tienes que establecer correctamente los atributos del formulario: method y enctype.

El código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<h1>Inscripción al concurso Jara y Sedal</h1>
 
 <form method="post" action="accion.php" enctype="multipart/form-data">
 
  Nombre: <input name="nombre" type="text"/>
  <br> </br>
  Apellidos: <input name="apellidos" type="text"/>
  <br> </br>
  Dirección: <input name="direccion" type="text"/>
  <br> </br>
  Fotografía: <input name="foto" type="file" />
  <br> </br>
  <button name="boton" type="submit">!!!Me apunto!!!</button> <button name="boton2" type="reset">Cancelar</button>
 
 </form>
</body>
</html>
Espero que me ayuden y muchas gracias  ;).

17
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de formulario html con botones de envío y reset ejemplo CU00724B
« en: 18 de Febrero 2017, 08:31 »
Hola amigos, acabo de hacer el ejercicio CU00724B del curso básico de programación web con HTML y quisiera saber cómo está. Las instrucciones son estas:

Citar
EJERCICIO

Crea una página web que contenga dos formularios que cumplan estas condiciones.

Como título antes del primer formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Saber y Ganar>>. Debe contener:

a) Nombre

b) Apellidos

c) email

d) Teléfono

e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.

 

Como título antes del segundo formulario debe figurar con etiquetas h1 el texto “Petición de información”. Debe contener:

a) Nombre

b) País

c) email

d) Consulta que se quiere realizar (debe ser un textarea que permita escribir múltiples líneas).

e) Un botón para enviar de tipo imagen y un botón para restablecer de tipo button que muestre dentro del botón lo siguiente: <<Pulse aquí para cancelar>>, un salto de línea, y el texto <<Esto borrará los datos>>.

El código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
 <h1>Inscripción al concurso Saber y Ganar.</h1>
<form>

 Nombre: <input name="nombre" type="text"/>
 <br> </br>
 Apellidos: <input name="apellidos" type="text"/>
 <br> </br>
 Email: <input name="email" type="text"/>
 <br> </br>
 Teléfono: <input name="telefono" type="text"/>
 <br> </br>
 <button type="submit">!!!Me apunto!!!</button> <button type="reset">Cancelar</button>
 <br> </br>

</form>

 <h1>Petición de información.</h1>
<form>

 Nombre: <input name="nombreform2" type="text"/>
 <br> </br>
 País: <input name="pais" type="text"/>
 <br> </br>
 Email: <input name="emailform2" type="text"/>
 <br> </br>
 Consulta que se quiere realizar: <textarea name="consulta" rows="2" cols="30"> </textarea>
 <br> </br>
 <input name="boton" type="image" src="https://lh3.ggpht.com/WR17hpnz5te7wytr2FaFDrVpRbq0nun0YFQqnQ2_vHh9mBGRiAOeR_j9EWe6av19ww=w300"> <button type="reset">Pulse aquí para cancelar </br> Esto borrará los datos</button>



</form>
</body>
</html>
Bueno amigos espero que me ayuden, desde ya muchas gracias  :)

18
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Ejercicio de listas desordenadas html (CU00718B)
« en: 18 de Febrero 2017, 04:34 »
Lo volví a hacer, me quedó esto, yo creo que ahora sí debería estar bien:

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

 <hr style="height:10px; color: blue; background-color: blue; width=50%" />
 
 <li><h3>Auxiliares</h3></li>
<ul>
 <li>Silvia Estévez</li>
 <li>Cuarthemoc Adanez</li>
</ul>
 
</ol>
</body>
</html>
Muchas gracias por su ayuda

19
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Ejercicio de formulario de música html. (CU00723B)
« en: 18 de Febrero 2017, 04:27 »
Muchas gracias, tienes razón, leeré mejor las instrucciones, si no me equivoco el código correcto sería este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<h1>Preferencias musicales.</h1>

<br> </br>

<form method="get" action="http://aprenderaprogramar.com/action.php">

 Tipo de música favorita:
 
 <br> </br>
<input name="musica" type="checkbox" />Rock
<br />
<input name="musica" type="checkbox"  />Pop
<br />
<input name="musica" type="checkbox" />Jazz
 <br> </br>

 Selecciona tu edad:
 
 <br></br>
 <input name="edad" type="radio" />12 a 17 años
 <br />
 <input name="edad" type="radio" />18 a 35 años
 <br />
 <input name="edad" type="radio" />36 a 65 años
 <br />
 <input name="edad" type="radio" />Más de 65 años
 <br> </br>
 
 Cantantes o grupos que te gustan:
 
 <br> </br>
 <select name="gruposMusicales" multiple="multiple">
  <optgroup label="Grupos o cantantes de Rock">
    <option>Lechuga rockera</option>
    <option>Pollo rockero</option>
    <option>Los tomates boys</option>
  </optgroup>
  <optgroup label="Grupos o cantantes de Pop">
    <option>Pan pop</option>
    <option>Chubi pop</option>
    <option>Carne pop</option>
  </optgroup>
   <optgroup label="Grupos o cantantes de Jazz">
    <option>Huevo jazz</option>
    <option>Pelusa Jazz</option>
    <option>Pan jazz</option>
  </optgroup>
</select>
 <br> </br>


 


</form>
</body>
</html>

20
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Ejercicio de formulario de música html con checkbox y optgroup ejemplo CU00723B
« en: 17 de Febrero 2017, 09:32 »
Hola amigos, escribo esto debido a que he tenido un problema mientras estaba haciendo el ejercicio CU00723B del manual de programación web. Las instrucciones son las siguientes:

Citar
EJERCICIO

Crea una página web que contenga un formulario que cumpla estas condiciones. Como título principal de la página debe figurar con etiquetas h1 el texto “Preferencias musicales”. Debe contener tres checkbox que permitan elegir tipos de música favoritas entre Rock, Pop y Jazz. Seguidamente mediante radio buttons se debe pedir la edad ofreciendo estas opciones: de 12 a 17 años, de 18 a 35 años, de 36 a 65 años y más de 65. Finalmente, se deben poder elegir “grupos y cantantes que te gustan” permitiéndose la selección múltiple y ofreciendo un optgroup denominado Rock con tres nombres de grupos o cantantes, otro optgroup denominado Pop con tres nombres de grupos o cantantes y otro optgroup denominado Jazz con tres nombres de grupos o cantantes. 

El código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>
</head>
<body>
<h1>Preferencias musicales.</h1>

<br> </br>

<form method="get" action="http://aprenderaprogramar.com/action.php">

 Tipo de música favorita:
 
 <br> </br>
<input name="musica" type="checkbox" />Rock
<br />
<input name="musica" type="checkbox"  />Pop
<br />
<input name="musica" type="checkbox" />Jazz
 <br> </br>

 Selecciona tu edad:
 
 <br></br>
 <input name="edad" type="radio" />12 a 17 años
 <br />
 <input name="edad" type="radio" />18 a 35 años
 <br />
 <input name="edad" type="radio" />36 a 65 años
 <br />
 <input name="edad" type="radio" />Más de 65 años
 <br> </br>
 
 Cantantes o grupos que te gustan:
 
 <br> </br>
 <select name="grupos de rock" multiple="multiple">
<optgroup label="Grupos o cantantes de Rock">
<option>Lechuga rockera</option>
<option>Pollo rockero</option>
<option>Los tomates boys</option>
</optgroup>
 <br> </br>
 
 <br> </br>
 <select name="grupos de pop" multiple="multiple">
<optgroup label="Grupos o cantantes de Pop">
<option>Pan pop</option>
<option>Chubi pop</option>
<option>Carne pop</option>
</optgroup>
 <br> </br>


 


</form>
</body>
</html>
Según lo que yo creo está todo bien, pero el problema está en que el "optgroup" que viene despúes del de los cantantes de rock no sale como debería, ya lo borré y lo volví a hacer, pero nada, por favor ayudenme, se los agradecería mucho y muchas gracias de antemano.

Páginas: [1] 2

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