Ir al contenido principal

Desplegar datos en pantalla con PHP y HTML5



Bienvenido a una nueva entrada de blog. En esta ocasión hablaremos de la salida de datos, usando PHP. Esta entrada tiene el propósito de mostrar la sintaxis básica de PHP con el objetivo que puedas comprender muchas de las entradas que publicaré en el futuro. Ya comprendimos como instalar el paquete para programar nuestras aplicaciones web usando un entorno de pruebas local usando las herramientas que nos proporciona XAMPP.

Por cierto mi blog está enfocado al desarrollo de aplicaciones comerciales usando MySQL. PHP, JavaScript, CSS y HTML. Ya que se trabaja aplicaciones comerciales también tocaremos temas como lo son la administración de empresas, contabilidad, estadísticas, control de inventario y todo lo relacionado con la administración organizaciones comerciales.

Ahora veamos salidas de datos y diferentes formas de desplegar en pantalla. Para comprender esto debemos tener conocimientos básicos de HTML, pues los datos se despliegan en un navegador y, PHP solo trabaja del lado del servidor, convirtiéndose así totalmente invisible para el usuario final. Más adelante veremos estrategias para escribir JavaScript desde lado del servidor y ejecutarlo de manera dinámica. Por ahora desplegaremos algo de HTML y CSS. Por cierto recomendó aprender algo de CSS para.




Primero escribimos las instrucciones para desplegar lago de texto en pantalla.

A continuación ejemplos donde se despliega texto y etiquetas HTML.




Observa cuando abrimos la consola del navegador. PHP no esta hay. Entonces que sucede que las instrucciones PHP envía al navegador elementos HTML para que el navegador los despliegue según los interpreta, los navegadores no interpretan todo igual y es más notable cuando usamos JavaScript y CSS.

Bien, aquí está el paso más interesante. Busque el directorio donde instaló su aplicación XAMPP. y luego vaya a "… / XAMPP / htdocs /". Crea una nueva carpeta y coloca el nombre de tu preferencia. Abra un editor de texto cualquiera crea un fichero llamado index.html se puede llamar como gustes, pero por convención y compatibilidad con servidores reales debe haber al menos un fichero llmaado index.html o {indfex.php} en este acaso usaremos la extensión (.php). en mi caso mi fichero está en /opt/lampp/htdocs/Proyecto/Curso-de-PHP/ Para ejecutarlo debo escribir la caja de direcciones del navegador lo siguiente localhost/Proyecto/Curso-de-PHP/index.php

Nótese que elimino de la URL desde el directorio htdocs hacia atrás reemplazándolo por solo la palabra localhost. Listo ya este preparado para continuar analizando mis entradas de blog relacionadas con PHP. Más adelante también publicaré sobre HTML para que puedas aprender todo sobre este lenguaje de marcado.

Comentarios

Entradas populares de este blog

El entorno de los negocios

Esta es la entrega del temario del curso donde aprenderás: En este curso, aprenderás una variedad de habilidades y conocimientos esenciales para la gestión efectiva de organizaciones. Empezarás comprendiendo el proceso de gestión, lo que te permitirá trabajar una organización flexible, capaz de adaptarse a los cambios del entorno. Aprenderás a producir bienes y servicios de alta calidad, asegurando la satisfacción de los clientes. En cuanto a recursos humanos, te comprenderás la importancia de identificar y retener a los mejores empleados, así como en las estrategias para motivar y satisfacer a los equipos de trabajo. En el ámbito de la comercialización, adquirirás habilidades para construir relaciones sólidas con los clientes a través de un marketing eficaz, así como para fijar precios que satisfagan las necesidades del mercado y p...

Importancia de la asesoría académica

Los servicios de asesoría educativa emergen como una inversión sabia y enormemente beneficiosa. Ofrecen un acompañamiento personalizado que marca la diferencia tanto en el rendimiento académico como en el desarrollo personal de los estudiantes. Ya sea en sesiones individuales o grupales, estas tutorías proporcionan una oportunidad excepcional para alcanzar el máximo potencial. Imagina la vida cotidiana de un estudiante. En ocasiones, ciertas materias pueden parecer inalcanzables, ¿verdad? Es aquí donde la asesoría juega un papel crucial. Los profesionales no solo simplifican conceptos abstractos, sino que también ofrecen ejemplos prácticos que facilitan la comprensión. Este nivel de entendimiento puede marcar la diferencia entre la confusión y el dominio del tema. Visualiza el valor de tener a alguien a tu lado cuando te enfrentas a desafíos académicos importantes, como la preparación de un proyecto crucial o la preparación para un examen vital. Los servicios de asesoría te proporciona...

¿Que es MySql?

¿Que es MySql? MySQL es un sistema de administración de bases de datos que le permite administrar bases de datos relacionales. Es un software de código abierto respaldado por Oracle. Significa que puede usar MySQL sin pagar un centavo. Además, si lo desea, puede cambiar su código fuente para adaptarlo a sus necesidades. La forma oficial de pronunciar MySQL es My Ess Que Ell, no My Sequel. Sin embargo, puedes pronunciarlo como quieras, ¿a quién le importa? Ahora explicaremos que es la especificación SQL SQL 'sequel' Structured Query Language es un lenguaje específico de dominio usado en programación y diseñado para administrar datos almacenados en un sistema de administración de bases de datos relacionales (RDBMS), o para el procesamiento de flujos en...

Aplicación web para un banco en línea

  En esta entrada publico una vista previa de lo que es la aplicación que actualmente trabajo con estudiantes de análisis y desarrollo de aplicaciones web. Donde se trabaja actualmente con una aplicación que simula todas las actividades bancarias. La misma se desplegará en un servidor para a paso desde un principio hasta el final. Desde la interfaz la elaboración de la base de datos, maqueado diseño y reacciones dinámicas de la aplicación con JavaScript.          

Elemento de formulario atributo {action}

En esta ocasión hablaré del atributo {action}, que en resumen solo contiene la URL que procesará los datos contenidos en el formulario. Puede ser muchos lenguajes los que procesen el formulario, sin embargo, tomaremos como ejemplo un script de PHP. Dicho esto podemos decir que el atributo {action} es propio del elemento {form} de HTML y es usado para enviar todo el contenido dentro del formulario. Aunque debes tener en cuneta de que solo los elementos {input} con atributo {type} y {neme} son enviados. Existe una buena cantidad de input type de lo que hablaremos más adelante. Por lo que te adelanto que estos son los elementos que vemos para la entrada de texto números y controles dentro de páginas web. Son elementos capaces de recoger datos a rais de entrada por el usuario por también ficheros de imágenes y mucho más. ...

Vista previa de imágenes con JavaScript

Aquí un video mostrando el funcionamiento de esta funcionalidad. Mas adelante las instrucciones con imágenes y documentación para que puedas realizar el proyecto.  En otra publicación haré este mismo ejercicio solo que acortando la instrucciones y aplicando técnicas para que nus4etras instrucciones sean genéricas y fáciles de adaptar a otros proyectos.    Estoy para servirle, espero te se a de provecho esta información.  En esta entrada de Blog se explicará por medio de ejemplo una pequeña funcionalidad que tiene la capacidad de mostrar una vista previa de imágenes y mantener el control para incorporar, modificar y/o la eliminación de las imágenes que el usuario enviara posteriormente al servidor web. Comenzamos Para este ejercicio elementos HTML y JavaScript para que sea el navegador web el encargado de realizar todas las operaciones necesarias hasta que el usuario este seguro de que imáge...

¿Qué es el análisis de negocios?

¿Qué es el análisis de negocios? El Análisis de Negocio es el conjunto de tareas y técnicas utilizadas con el fin de entender la estructura, política y operaciones de una organización, para así recomendar soluciones que permitan a la misma alcanzar sus metas. Por lo que debemos considerar el estudio del tema, ya que de ello depende en su mayoría la toma de decisiones sobre los procedimientos, necesidades e implementación en la que incurre la empresa u organización. Además, las acciones que se deben considerar para alcanzar esas metas y objetivos. Para ello se debe tener en mente la implementación de una buena estrategia de recurso humano. Por lo general, las empresas que implementan análisis dentro de las mismas, son numerosas en cuanto al personal y el trabajo en equipo es muy importante a la hora de trabajar los objetivos definidos, análisis y reestructuración...

Introducción HTML

Esta entrada no está completada HTML es el Lenguaje de marcado estándar para crear páginas web. ¿Qué es HTML? HTML significa Idioma de Markup de Hyper Text HTML es el idioma de marcado estándar para crear páginas web HTML describe la estructura de una página web HTML consiste en una serie de elementos. Los elementos HTML le indican al navegador cómo mostrar el contenido Los elementos HTML etiqueta las piezas de contenido, como "Esto es un encabezado", "Este es un párrafo", "Este es un enlace", etc. ...

Instalación del paquete XAMPP

Bienvenido a una nueva entrada de blog donde aprenderás a instalar XAMPP lo cual trae incluido MariaDB. Puede que en la internet encuentres una gran cantidad de herramientas para trabajar con MariaDB. Sin embargo en mi blog intentaré usar las herramientas más sencillas e intuitivas para que logres crear aplicaciones web potentes. Por aquello de que serán comentarios negativos a cerca de las herramientas que usamos aquí. Permítame mencionar un refrán que se dice mucho en mi país "No es la flecha es el indio" ¡Comencemos! Para instalar XAMPP en Linux solo debes descargar el instalador e ir ar directorio donde los descargaste y abrir una terminal en ese mismo directorio. Entonces ejecutar los siguientes comandos Busca la versión de tu sistema operativo aquí https://www.apachefriends.org/es/download.html ...