¿Quieres aprender a crear un sitio web básico? Esto se puede hacer simplemente usando HTML, pero la mejor solución en estos días es confiar en PHP. Si bien necesitará algunos conocimientos de HTML para comenzar, PHP se ha convertido en la opción perfecta para crear sitios web, tanto estáticos como dinámicos. Verificar ¿Qué es el Generador de Sitios Web Persistentes de Hugo y cómo funciona?
Para aprender a usar PHP, la mejor manera de comenzar es intentar crear un sitio web PHP simple.
¿Por qué elegir PHP para el desarrollo de sitios web?
Ha habido muchas opciones diferentes disponibles para el desarrollo web a lo largo de los años. Todo comenzó con HTML simple, luego HTML con CSS en línea o una referencia de archivo CSS. Cuando aparecieron los sitios web dinámicos, había dos opciones principales: ASP (luego ASP.NET) y PHP.
Según números (como W3Techs استطلاع Encuesta), el desarrollo web PHP es más popular, con alrededor del 82 por ciento de los sitios web que utilizan PHP como lenguaje de programación del lado del servidor. Compare eso con menos del 16 por ciento que se ejecuta en ASP.NET (Active Server Pages).
Parece muy poco probable que el marco ASP.NET alguna vez exista después de la fecha de interrupción oficial en 2022 en cualquier capacidad oficial, al menos no como tecnología web. PHP (un acrónimo iterativo de PHP Hypertext Preprocessor) ha demostrado tener más éxito, principalmente debido a la facilidad de integración con Linux.
Dado que los sistemas operativos Linux de código abierto se ejecutan en la mayoría de los servidores web, esto no debería sorprender. Verificar Las mejores maneras fáciles de obtener experiencia en SQL antes de su primer trabajo.
Lo que necesitará para crear un sitio web PHP
Antes de comenzar, asegúrese de tener instalado un editor de texto sin formato o un entorno de desarrollo listo para PHP. Puede comenzar con la programación PHP usando una herramienta simple como el Bloc de notas de Windows. Los ejemplos de este tutorial se escribieron con Notepad++.
También debe tener un servidor web PHP para cargar sus archivos. Puede ser un servidor remoto o una computadora local con un entorno LAMP (Linux, Apache, MySQL, PHP) o WAMP (Windows, Apache, MySQL, PHP) instalado. Si está utilizando Windows, siga Esta guía de instalación de WAMP para comenzar.
Finalmente, necesitará un programa FTP para cargar sus archivos a su servidor web. Verificar Las mejores alternativas XAMPP para alojar su sitio web localmente.
Comprender la sintaxis para programar una página web simple usando código PHP
La sintaxis básica de PHP utiliza un conjunto de signos matemáticos menor que y mayor, y cada función termina con un punto y coma, de la siguiente manera:
; ?> En términos de páginas web, casi todos los usos de PHP se basan en el eco. Lo que le indica al navegador que muestre el texto y el contenido entre comillas. por ejemplo:
<؟ php print (“Hello World”)؟>
Tenga en cuenta que HTML también se incluye entre comillas. Por lo general, la salida de este código se verá así:
Cómo crear un sitio web con PHP: obtener la estructura correcta
Independientemente del código en el que escriba su sitio web, deberá conocer la arquitectura del sitio web antes de continuar. Este tutorial le mostrará cómo crear una sola página a partir de archivos PHP reutilizables. Se pueden usar para crear páginas adicionales o puede elegir un método diferente.
Sea cual sea la forma que espera del desarrollo de sitios web, tómese el tiempo para anotar un plan rápido en una hoja de papel. Luego puede consultarlo, tal vez para verificar el contenido deseado o para ver a qué página desea vincular.
Nuestro sitio PHP básico tendrá una página de inicio, que incluye información biográfica y algunas imágenes.
Para el sitio web PHP simple de este ejemplo, se creará una sola página PHP con contenido de tres páginas HTML. El archivo index.php que cree se puede editar modificando las palabras y las imágenes de los archivos HTML originales.
Los ejemplos de código que se muestran a continuación son capturas de pantalla. Encontrará el código original en repositorio GitHub , que puede ser descargado de forma gratuita por cualquier persona.
Siga leyendo para aprender cómo crear un sitio web PHP paso a paso. Verificar Cómo crear un sitio web profesional sin ningún esfuerzo.
Crear un sitio web PHP: Encabezado
Para crear un sitio web usando PHP, deberá crear tres páginas web. Que se basa en la estructura básica de encabezado, cuerpo y pie de página.
Como puede imaginar, el encabezado incluye información de la dirección. Sin embargo, también se incluye información del navegador, como el estándar HTML utilizado, junto con las referencias de CSS.
Comience creando un archivo llamado encabezado.html Luego agregue la información de encabezado necesaria.
En este ejemplo, se proporcionó un archivo CSS básico, al que verá referenciado en su directorio /css/. Se llamará a este archivo cuando la página se cargue en su navegador y se aplicará la fuente y el diseño necesarios.
Colocar contenido en una página web PHP
Cada página web consta de una sección de contenido conocida como "Cuerpo". Esta es la parte de la página que estás leyendo; lo que estás leyendo ahora es el texto de esa página.
Crea un archivo llamado cuerpo.html Agregue la información que desea incluir en la página. He incluido detalles biográficos de la página del autor, pero puedes agregar lo que quieras.
Código simple para el pie de página
Puede crear la sección de pie de página de la página web siguiendo. Crear un archivo como pie de página.html Y añade algo de contenido. Esto podría ser información de derechos de autor, o tal vez algún enlace útil para cualquier persona que visite su página.
Podría ser algo como:
Con el código agregado, guarde el archivo.
Armando un sitio PHP simple
Con tres archivos HTML separados en /html/ , puede usar PHP echo para agruparlos en una sola página.
Crea un nuevo archivo PHP llamado index.php Con las siguientes tres líneas en él:
<?php echo file_get_contents(“html/header.html”); ?> <?php echo file_get_contents(“html/body.html”); ?> <?php echo file_get_contents(“html/footer.html”); ?>
Tienes que guardarlo, subirlo a tu servidor, luego navegar a index.php. Debería ver la página web completa en su navegador. Tenga en cuenta que el archivo PHP real que abrió en su navegador tiene solo tres líneas.
Finalmente, puede agregar un poco de PHP con la última línea. Incluya un aviso de derechos de autor con un año siempre actualizado:
<p>Copyright © CM Cawley <?php echo date(“Y”); ?></p>
Esto aparecerá en el archivo index.php después del pie de página. Observe cómo la declaración de fecha de eco ("Y") muestra el año actual en cuatro dígitos. Puede cambiar cómo se muestra consultando este menú de opciones de W3Schools. Por ejemplo, la "y" minúscula mostrará el año en un formato de dos dígitos, en lugar de cuatro.
Usa CSS para posicionarlo y darle estilo, como lo harías con cualquier otro elemento. Encuentre el CSS para este proyecto en el repositorio de GitHub, junto con el código de otro sitio PHP simple. Verificar Cómo usar Google Chrome para depurar CSS.
Bien hecho: acabas de crear tu primer sitio PHP desde cero. Ahora es el momento de ver más ejemplos de sitios PHP para mejorar sus habilidades.
¿Es PHP la mejor opción para el desarrollo de sitios web?
Ahora que sabe cómo crear un sitio web PHP, debe saber que esta no es la única forma de desarrollar sitios web. Ya existen varios marcos para experiencias web dinámicas basadas en bases de datos, y hay JavaScript y tecnologías relacionadas, como Adobe Dreamweaver.
Sin embargo, si está buscando comenzar con el desarrollo web PHP, es inteligente apreciar los conceptos básicos. Si comprende los componentes básicos de un sitio web de HTML, CSS y PHP, está bien encaminado hacia el éxito. Ahora puedes ver Cómo crear su propio servidor proxy en línea en minutos.
