Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 14 de Octubre 2017, 08:59
-
Hola amigos aquí dejo el ejercicio CU00816B del tutorial de programación web con PHP, al principio me costó resolver el segundo ejercicio, pero busque en los hilos del foro, y encontre y entendi algunas cosas que estaba haciendo mal.
Yo por ejemplo queria poner todo el código HTML en un "echo", pero me saltaba un error, a la hora de probar dicho código, entonces dije "voy a poner varios echos en cada etiqueta html que creo", pero tampoco funcionó, y cuando miré esta solución: https://www.aprenderaprogramar.com/foros/index.php?topic=4505.msg18528#msg18528 (https://www.aprenderaprogramar.com/foros/index.php?topic=4505.msg18528#msg18528), al principio no me salía como estaba en ese hilo, pero me di cuenta que a la hora de poner comillas dobles en un echo, y cuando creaba una etiqueta HTML, y si esa etiqueta tenia un atributo debia usar comillas simple, porque si usaba comillas doble en el echo y en el atributo no me mostraba nada a la hora de cargar la página.
Espero me haya explicado bien.
Enunciado:
EJERCICIO 1
Crea el siguiente archivo y súbelo mediante ftp al directorio raíz de tu sitio web. El archivo llevará por nombre curso3.php y en él debe existir la estructura de un documento HTML, aparecer en la parte superior de la página un título h1 con el texto <<Cursos aprenderaprogramar.com>>, seguido de un título h2 con el texto <<Curso php desde cero>>, y a continuación hacer que se muestre usando echo el siguiente texto dentro de un div con color de fondo amarillo: <<Curso php de aprenderaprogramar.com usando la instrucción echo>>. Debajo de este texto debes usar echo para crear un contenedor div con color de gris donde pueda leerse “Este es el pie de página”. Comprueba que el archivo se visualiza al escribir la dirección web correcta que será similar a http://apr2.byethost7.com/curso3.php (en tu caso, tendrás que escribir la dirección web que estés utilizando para el curso). Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?
Código:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio CU00816B</title>
<meta charset="UTF-8" />
<style type="text/css">
body{
text-align: center;
}
#header, #footer{
border: solid 2px;
width: 50%;
background-color: darkgray;
margin: auto;
}
</style>
</head>
<body>
<div id="header">
<h1>Cursos aprenderaprogramar.com.</h1>
<h2>Curso php desde cero.</h2>
</div>
<br/>
<div style="background-color: yellow; width: 50%; margin: auto; border: solid 2px;">
<?php
echo "Curso php de aprenderaprogramar.com usando la instrucción echo";
?>
</div>
<br/>
<?php
echo "<div id='footer'>Este es el pie de página</div>";
?>
</body>
</html>
Dirección: http://jorgeprogramas.byethost18.com/curso3.php (http://jorgeprogramas.byethost18.com/curso3.php)
EJERCICIO 2
Crea un archivo php donde no exista html directamente pero que genere una página web con todo el código html que lleva normalmente (introduce las etiquetas html, head, title, meta charset, body, algunos párrafos de texto y algunas imágenes). Para hacer esto toda la estructura de la página web debe ser insertada a través de instrucciones echo. Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?
Código:
<?php
echo "<html>";
echo "<head>";
echo "<title>Ejercicio 2</title>";
echo "<meta charset='utf-8'/>";
echo "</head>";
echo "<body style='text-align: center;'>";
echo "<p>Mi imágen</p>";
echo "<img src='http://vignette3.wikia.nocookie.net/charlotte-anime/images/5/50/Wiki-background/revision/latest?cb=20170312163235' width='600px' />";
echo "<p>Charllotte</p>";
echo "</body>";
echo "</html>";
?>
Dirección: http://jorgeprogramas.byethost18.com/curso32.php (http://jorgeprogramas.byethost18.com/curso32.php)
Un saludo. :D
-
Hola Jorge,,, los ejercicios son correctos, y lo que has comentado sobre el problema que tuviste está bien explicado (al menos yo lo he entendido bien).
En el ejercicio 1 es interesante hacer un cambio respecto al código que has planteado y hacer una reflexión.
En lugar de:
<div style="background-color: yellow; width: 50%; margin: auto; border: solid 2px;">
<?php
echo "Curso php de aprenderaprogramar.com usando la instrucción echo";
?>
</div>
Poner (la verdad es que no lo he probado, lo que quiero es transmitir una idea)
<?php
echo '<div style="background-color: yellow; width: 50%; margin: auto; border: solid 2px;">';
echo "Curso php de aprenderaprogramar.com usando la instrucción echo";
echo '</div>';
?>
La reflexión a hacer es: ¿qué resultado se obtiene haciendo este cambio? ¿Por qué?
Y para el ejercicio 2, otra cosa interesante sería tratar de insertar todo el código usando una sola instrucción echo y reflexionar sobre qué podría ser mejor, si usar una sola instrucción echo o muchas.
Saludos
-
Saludo a todos,
para mi todo está bien expresado. Pero resulta que como soy nuevo en esto, me quedo atascado en un punto; quiero que me expliquen mejor como insertar imagen en el código, en mi caso estoy trabajando con un servidor local. Porque aquí en mi país el Internet no es facil, a esta razón decidí preparar mi propio Server Local con xammp
Con lo que: como pongo referencia a una imagen que tengo en mi pc?
He visto que habéis utilizado las siguientes entradas:
echo "<body style='text-align: center;'>";
echo "<p>Mi imágen</p>";
echo "<img src='http://vignette3.wikia.nocookie.net/charlotte-anime/images/5/50/Wiki-background/revision/latest?cb=20170312163235' width='600px' />";
echo "<p>Charllotte</p>";
-
En el atributo src, has de poner la ruta donde se encuentre esa imagen.
Por ejemplo:
echo "<img src='c:/imagenes/imagen.jpg' width='600px' />";
Esa sería una ruta "absoluta", también puedes usar rutas "relativas".
Ya depende de cómo tengas organizado tu proyecto.
Por cierto, la etiqueta <img> es HTML básico. Si no estás familiarizado con estas etiquetas básicas, antes de meterte con PHP deberías realizar algún curso de HTML (https://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192)
-
Gracias por la aclaración, ya lo hice y me salio la imagen, solo que no pude ajustar el tamaño deseado.
es cierto lo de las etiquetas HTML, pero prefiero agotar este curso de PHP antes
-
Ahora que me fijo, en el tamaño prueba sin poner px, solo el valor numérico
echo "<img src='c:/imagenes/imagen.jpg' width='600' />";