Home-theater-designers
¿Quiere aprender a crear un sitio web básico? Una vez, es posible que haya comenzado con HTML, pero en estos días la mejor solución es PHP. Si bien necesitará algunos conocimientos de HTML para comenzar, PHP se ha convertido en la opción óptima para crear sitios web, tanto estáticos como dinámicos.
Para aprender PHP, la mejor manera de comenzar es con un sitio web PHP simple.
¿Por qué elegir PHP para el desarrollo de sitios web?
Varias opciones han estado disponibles para el desarrollo web a lo largo de los años. Comenzó con HTML simple, luego HTML con CSS incrustado o una referencia de archivo CSS. Cuando aparecieron los sitios web dinámicos, había dos opciones principales: ASP (más tarde ASP.NET) y PHP.
Según cifras (como esta encuesta de W3Techs ) PHP es mucho más popular, con casi el 82 por ciento de los sitios web que lo utilizan como lenguaje de programación del lado del servidor. Compare esto con poco menos del 16 por ciento usando ASP.NET.
Parece poco probable que ASP.NET exista más allá de su fecha límite oficial en 2022 en cualquier capacidad oficial, al menos no como tecnología web. PHP (un acrónimo recursivo de PHP Hypertext Preprocessor) ha demostrado ser más exitoso, principalmente gracias a una integración más sencilla con Linux.
Como el sistema operativo de código abierto se ejecuta en la mayoría de los servidores web, esto no debería ser una sorpresa.
Qué 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 a codificar PHP con una herramienta tan simple como el Bloc de notas de Windows. Los ejemplos que se encuentran en este tutorial se han escrito en 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á usando Windows, siga esto Guía de instalación de WAMP Para empezar.
Finalmente, necesitará un programa FTP para cargar sus archivos a su servidor web.
Lee mas: Clientes FTP gratuitos para Windows
Comprender la sintaxis para codificar un sitio web simple usando PHP
La sintaxis básica de PHP utiliza un conjunto de corchetes angulares, y cada función termina con un punto y coma, como este:
|_+_|En términos de páginas web, casi todos los usos de PHP se basan en la declaración echo. Esto indica al navegador que muestre el texto y el contenido entre comillas. Por ejemplo:
¿Por qué mi sistema está usando tanto disco?|_+_|
Tenga en cuenta que el HTML también se incluye entre las comillas. El resultado de esto normalmente aparecería como:
Crear un sitio web con PHP: estructura
Independientemente del código con el que esté escribiendo su sitio web, necesitará conocer la estructura del sitio antes de continuar. Este tutorial le mostrará cómo crear una sola página a partir de archivos PHP reutilizables. Estos pueden usarse para crear páginas adicionales, o puede elegir un enfoque diferente.
Independientemente de la forma que prevea que se desarrollará el sitio, tómese el tiempo para anotar un plan rápido en una hoja de papel. Luego puede consultar esto, tal vez para verificar el contenido deseado, o ver a qué página vincularlo.
¿Puedes conectar auriculares bluetooth a xbox?
Nuestro sitio web básico de PHP contará con una página de inicio, que incluye información biográfica y algunas imágenes.
Para este sencillo sitio web PHP, creará una única página PHP poblada por contenido de tres páginas HTML. El archivo index.php que cree se puede editar ajustando 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ás el código original en mi repositorio de GitHub , que es gratis para que cualquiera lo descargue.
Crear un sitio web PHP: el encabezado
Para crear un sitio web usando PHP, necesitará construir tres páginas web. Estos se basan en la estructura básica de encabezado, cuerpo y pie de página.
Como puede imaginar, el encabezado incluye información sobre el título. Sin embargo, también se incluye información para el navegador, como el estándar HTML en uso, junto con referencias CSS.
Comience creando un archivo llamado header.html y luego agregue la información necesaria del encabezado.
Para este ejemplo, proporcionamos un archivo CSS básico, que verá que se hace referencia en su propio directorio / css /. Este archivo se llamará cuando la página se cargue en su navegador y aplique la fuente y el diseño requeridos.
Coloque contenido en el cuerpo de su página web PHP
Cada página web consta de una sección de contenido conocida como 'cuerpo'. Esta es la parte de una página que lees; lo que estás leyendo ahora es el cuerpo de esta página.
Cree un archivo llamado body.html y agregue la información que desea incluir en la página. He incluido detalles biográficos de mi página de autor MakeUseOf, pero puedes agregar lo que quieras.
Un sitio web PHP básico debe incluir un pie de página PHP
La sección de pie de página de la página web es la siguiente. Cree esto como footer.html y agregue algo de contenido. Esto podría ser información de derechos de autor o quizás algunos enlaces útiles para cualquiera que visite su página.
Podría ser algo como esto:
Con el código agregado, guarde el archivo.
Armado de su sitio web PHP simple
Con tres archivos HTML separados en / html / puede usar PHP echo para compilarlos en una sola página.
Cree un nuevo archivo PHP llamado index.php con las siguientes tres líneas:
|_+_|Guarde, cárguelo en su servidor, luego navegue hasta index.php. Debería ver la página web completa en su navegador. Tenga en cuenta que el archivo PHP real que ha abierto en su navegador consta de 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:
|_+_|Esto aparecerá en el archivo index.php que sigue al 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 esto consultando esta lista de opciones de W3Schools. Por ejemplo, una 'y' minúscula mostraría el año en formato de dos dígitos, en lugar de cuatro.
Use CSS para posicionarlo y darle estilo, como lo haría con cualquier otro elemento. Busque el CSS para este proyecto en el repositorio de GitHub, junto con el otro código simple del sitio web PHP.
Bien hecho, acaba de crear su primer sitio web PHP desde cero.
descargar juegos de bingo gratis en mi teléfono
¿Es PHP la mejor opción para codificar sitios web?
Como habrás podido deducir, PHP no es la única forma de desarrollar sitios web. Ya existen muchos marcos para experiencias web dinámicas impulsadas por bases de datos, hay JavaScript y tecnologías relacionadas, y software como Adobe Dreamweaver.
Sin embargo, si está buscando comenzar con el desarrollo web, es inteligente tener una apreciación de los conceptos básicos. Si comprende los bloques de construcción de sitios web de HTML, CSS y PHP, estará en el buen camino hacia el éxito.
Cuota Cuota Pío Correo electrónico Aprenda HTML y CSS con estos tutoriales paso a paso¿Tienes curiosidad por HTML, CSS y JavaScript? Si cree que tiene una habilidad especial para aprender a crear sitios web desde cero, aquí hay algunos excelentes tutoriales paso a paso que vale la pena probar.
Leer siguiente Temas relacionados- Programación
- Desarrollo web
- Programación
- Programación PHP
Editor adjunto de seguridad, Linux, bricolaje, programación y explicación técnica, y productor de podcasts realmente útil, con amplia experiencia en soporte de escritorio y software. Colaborador de la revista Linux Format, Christian es un manipulador de Raspberry Pi, amante de Lego y fanático de los juegos retro.
Más de Christian CawleySuscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse