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 - Sosender

Páginas: [1]
1
Aprender a programar desde cero / Re:Ejercicios resueltos CSS cómo descomponer una web en modelo cajas CU01008B# CSS
« en: 19 de Junio 2020, 20:53 »
muchas gracias por tu respuesta. Tendré en cuenta tus observaciones para posteriores temas.
Un saludo

2
Aprender a programar desde cero / Ejercicios resueltos CSS Tema selectores id ejemplos con código HTML CU01011D
« en: 19 de Junio 2020, 08:56 »
Hola, adjunto códigos propuesta de solución para el ejercicio CU01011D del programa formativo en desarrollo web de aprenderaprogramar

Enunciado:

Citar
Analizar código html. En el se encuentran tres etiquetas div.hacer 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 para los elementos h1 que se encuentran dentro del elemento con id "novedades".

c) usando css establece como color de texto el verde para los elementos h3 que se encuentran dentro de los elementos con id "xFashion" y "tMotion".

d) usando css establece como color de fondo para el elemento con id "novedades" el amarrillo.


Código propuesto:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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="estilosejerciciocu01011d.css">
</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="tMotion">
<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 css:

Código: [Seleccionar]
/*Comentario en CSS estilos aprenderaprogramar.com
ejemplo aplicación reseñado cuaderno CU01011D-CSS*/

#novedades{background-color:yellow;}
#novedades h1{color:red;}
#xFashion h3 {color:green;}
#tMotion h3{color:green;}

3
Comunidad / Re:Presentación
« en: 17 de Junio 2020, 12:37 »
Bienvenido por estos lares. Yo tampoco soy ningún jovencito, pero nunca es tarde para empezar ha adquirir conocimientos. Soy bastante nuevo en este foro, y en el tema de la programación o lenguajes , pero en lo que te pueda ayudar, aquí estaré.

un saludo

4
Aprender a programar desde cero / Ejercicios resueltos CSS y HTML Formas aplicar css: interno y externo CU01010D#
« en: 17 de Junio 2020, 12:32 »
Hola buenos días, adjunto solución para los ejercicios de la entrega CU01010D del tutorial de programación web partiendo de cero de aprenderaprogramar

Ejercicio 1: Modificar html mediante la aplicación de estilos internos css:

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 debén mostrar su texto en color marrón.

Ejercicio 2 lo mismo pero mediante aplicación de css externo.


Ejercicio 1 (css interno)

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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>

Ejercicio 2 aplicación css externo

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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="estiloejercicio2cu01010b.css">

</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>

Archivo css

Código: [Seleccionar]
/*estilos css ejercicio2 CU01010D-aprenderaprogramar.com*/

h1{color:red;}
h3{color:green;}
p{color:brown;}

5
Aprender a programar desde cero / Ejercicios resueltos CSS Y HTML cuaderno tipos básicos estilos ejemplo CU01009B#
« en: 15 de Junio 2020, 13:19 »
Hola, buenos días, adjunto ejercicio del CU01009B tipos básicos de estilos css:estilos por defecto y css em línea. Sobreescrituras de estilos.

Citar
Ejercicio: modificar código html para cumplir los siguientes requisitos mediante la aplicación de estilos en linea:
a) La etiqueta h1 debe mostrar su texto en color rojo.
b) la etiqueta h3 con el texto relativo X-FASHION debe mostrar su texto en color verde.
c) La etiqueta h3 con el texto relativo a T-MOTION debe mostrar su texto en color azul.
d) Todos los párrafos deben mostrar su texto en color marrón.


Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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" style="color:brown; text-decoration:none;" 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>

6
Aprender a programar desde cero / Ejercicios resueltos CSS cómo descomponer una web en modelo cajas div CU01008B#
« en: 13 de Junio 2020, 13:29 »
Buenos días. Visto el ejercicio del cuaderno tutorial de programación web con CSS de aprenderaprogramar CU01008B CSS, en mi opinión, en la estructura de la página web mediante la etiqueta html, no observo un elemento cabecera propio <header> ni un pie <footer>, tan solo observo un elemento cuerpo <body>.

Dicho esto, adjunto la etiqueta html del ejercicio, como código y los dos esquemas solicitados en el ejercicio:

  1.- Esquema de llaves.

  2.- Esquema de cajas


Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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>
Esquema llaves


Esquema cajas



7
Aprender a programar desde cero / Ejercicios resueltos HTML subir web internet explorador archivos cPanel CU00730B
« en: 08 de Junio 2020, 20:40 »
Hola buenas, he realizado el ejercicio del cuaderno CU00730B del curso de programación web con HTML de aprenderaprogramar (subir nuestra web al servidor html mediante el explorador de archivos de cpanel).

He comprobado si funcionan las páginas y todas se ven correctas excepto la webpage3.html que hay una foto(avatar) que no se visualiza. probado en Chrome y en Edge.

Adjunto la url para poder ver las paginas:
acsebas.byethost32.com/webpage1.html y así la dos y la tres.

Adjunto el archivo de webpage3.

Código: [Seleccionar]
<!DOCCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8"/>
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
<div id="page">
<div id="header" style="width:980px; text-align:center;
                          margin:auto;">
<img src="images/nevis868.jpg" width="435px" height="194.519px">
<a href="https://www.youtube.com/watch?v=kiqrBajsTg8"
                             target="_blank" title="video interior nevis"><img
src="images/planonevis868.jpg" width="435px" height="166.924px"
                          alt="plano division interior nevis868"/></a>
       <h1 style="font-size:56px;">Autocaravanas McLouis</h1>
</div>
<div id="wrapper">
<div id="body"><!--Aquí código de cuerpo-->
<hr size="1px" color="red"/>
<p style="text-align:left;font-size:22px;color:black;"><b>Menú:</b> </p>
<img src="images/interior2.jpg" align="right" width="500px"
                         height="307.05px">
<ol>
<ul>
<li style="font-size:22px;"> <a
                                href="https://www.mclouis.com/Es-es/" 
title="mclouis tu compañero de emociones" target="_blank"
style="text-decoration:none; color:black;">Mclouis, tu compañero
                                 de emociones</a>
</li>
<li style="font-size:22px;">  <a href="https://www.mclouis.com/ES-es/catalogo/modello/128670/Nevis-822"
style="text-decoration:none; color:black;" title="Nevis-822" target="_blank;">Nevis-822</a>
</li>
<li style="font-size:22px;"> <a href="https://www.mclouis.com/Es-es/catalogo/modello/128470/Nevis-322"
style="text-decoration:none; color:black;" title="nevis-322" Target="_blank;">Nevis-322</a>
</li>
<li style="font-size:22px;"> <a href="https://www.mclouis.com/ES-es/catalogo/modello/128560/Mc4-822"
style="text-decoration:none; color:black;" title="Mc4-822" target="_blak;">Mc4-822</a>
</li>
<li style="font-size:22px;"> <a href="https://www.mclouis.com/ES-es/catalogo/modello/128316/glamys-322"
style="text-decoration:none; color:black;" title="glamys-322" Target="_blank;">Glamys-322</a>
</li>
</ul>
</ol>
<p style="text-align:justify;font-size:24px;color:black;"> Mclouis, una joven marca de referencia de autocaravanas,
nacida en 1999,convertida en una de las más importantes de la industria en Italia y Europa.
</p>
<p style="text-align:justify; font-size:24px; color:black;">Funcionalidad y diseño, tecnología y
versatilidad, rendimiento y fiabilidad son los elementos distintivos de esta fórmnula ganadora
que ha evolucioando con el tiempo. Hoy en día los modelos de Mclouis son puntos de referencia para todos
aquellos que buscan una autocaravana segura, en la que sentirse cómodo, tratando de ser además de un
vehículo de recreo en movimiento, un<b>"segundo hogar".</b></p>
</div>
<br /><br />
<div id="footer" style="text-align:center; margin:auto;"><!--Aquí código del pie-->
<a href="webpage1.html" style="text-decoration:none; font-size:22px; color:blue;"
title="mi primera página subida" target="_blank;">Webpage1</a><br />
<a href="webpage2.html" style="text-decoration:none;font-size:22px; color:blue;"
title="mi segunda pagina subida" target="_blank;">Webpage2</a> <br /> <br /> <br />
<img src="images/avatar.png" width="150px" height="150px"> <br /> <br />
<b style="font-size:22px;">Copyright 2006-2038 aprenderaprogramar.com</b> <br /> <br /> 
<a style="text-decoration:none; font-size:22px; color: red;" href="https://www.aprenderaprogramar.com"
title="pagina aprender a programar.com" target="_blank;">Aprenderaprogramar</a>
</div>
</body>
</html>

8
Aprender a programar desde cero / Re:Tema Ejemplo formulario HTML (METHOD, ACTION). Crear portal web básico CU00728B
« en: 05 de Junio 2020, 17:59 »
muchas gracias por las observaciones. Tomo buena nota de ellas. Poco a poco iré cogiéndole el ritmo.
No he empezado el curso por el cuaderno 28, lo empece desde cero, pero hasta ayer no había aprendido a subir al foro los ejercicios.
Lo dicho gracias por todo y aquí me tenéis para lo que pueda ayudar

9
Aprender a programar desde cero / Tema Ejemplo formulario HTML (METHOD, ACTION). Crear portal web básico CU00728B
« en: 04 de Junio 2020, 19:29 »
Buenas adjunto mi respuesta al ejercicio correspondiente al CU00728B del tutorial básico HTML desde cero.

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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><!--fín del menú-->
<!--cuerpo-->
<div id="cuerpo">
<form method="get" action="http://aprenderaprogramar.com">
Nombre: <input type="text" name="nombre"/><br />
Apellidos: <input type="text" name="apellidos"/><br />
Dirección: <input type="text" name="dirección"/><br />
Correo electrónico: <input type="text" name="correo"/><br />
Teléfono: <input type="text" name="telefono"/><br />
Fofografía: <input type="image" name="imagen" src="images/enviar.jpg"alt="añadir imagen" width="250px"
height="75px"/><br />
</form>
</div>
</div>
<!--fin del contenedor-->
<br /> <br /> <br />
<div id="footer"><b>Copyright 2006-2072 aprenderaprogramar.com</b></div>
</div>
</body>
</html>


Qué atributo ha de especificarse para el form para poder enviar archivos?
Enctype

Que valor a darse a dicho atributo?
multipar/form-data

Qué método de envio hay que especificar para el form si se envian archivos?
post

10
Comunidad / Presentación
« en: 04 de Junio 2020, 19:07 »
Hola buenas tardes a toda la comunidad, me llamo Sebastian Orias Sender, resido en España, en una ciudad bonita (Benidorm), provincia de Alicante, y me fascina el mundo de la informatica en general, y en especial el de la programación.
Tengo 63 años, pero siempre he creido que cualquier edad es bunea para aprender cosas nuevas, así que aquí estoy intentando hacer mis pinitos y aprender todo lo que pueda, y por supuesto, de paso ayudar dentro de mis posibilidades y conocimientos a todos aquellos que pueda.
Un saludo

Páginas: [1]

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