Autor Tema: PHP. Tipos de variables, declaración, asignación y intrución echo HTML CU00816B  (Leído 1616 veces)

Jorge,,,

  • Principiante
  • **
  • Mensajes: 78
    • Ver Perfil
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, 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:
Citar
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:
Código: [Seleccionar]
<!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

Citar
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:
Código: [Seleccionar]
<?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

Un saludo. :D
« Última modificación: 15 de Diciembre 2017, 21:21 por Alex Rodríguez »
¡Me encanta aprender!

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2049
    • Ver Perfil
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:

Código: [Seleccionar]
                    <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)

Código: [Seleccionar]

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

Nsielia

  • Sin experiencia
  • *
  • Mensajes: 4
  • Aprendiendo con todos y para todos
    • Ver Perfil
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>";

Kabuto

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 574
    • Ver Perfil
En el atributo src, has de poner la ruta donde se encuentre esa imagen.

Por ejemplo:

Citar
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
NO respondo dudas por mensaje privado
Publicando vuestras dudas en el foro público conseguimos:
- Que más gente aporte respuestas mejores o complementarias.
- Que otras personas puedan aprender de vuestras dudas.

Mejor en PÚBLICO que en privado. Gracias

Nsielia

  • Sin experiencia
  • *
  • Mensajes: 4
  • Aprendiendo con todos y para todos
    • Ver Perfil
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


Kabuto

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 574
    • Ver Perfil
Ahora que me fijo, en el tamaño prueba sin poner px, solo el valor numérico

Citar
echo "<img src='c:/imagenes/imagen.jpg' width='600' />";
NO respondo dudas por mensaje privado
Publicando vuestras dudas en el foro público conseguimos:
- Que más gente aporte respuestas mejores o complementarias.
- Que otras personas puedan aprender de vuestras dudas.

Mejor en PÚBLICO que en privado. Gracias

 

Esto es un laboratorio de ideas...
Aprender a programar

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