la meva primera web a localhost
Aquí tens un resum pas a pas per instal·lar i configurar cada tecnologia a Windows 11 amb XAMPP ja instal·lat:
1. Pàgina web HTML:
- Crea un fitxer index.html amb el codi HTML de la teva web.
- Desa’l a la carpeta del projecte, per exemple: C:\xampp\htdocs\mevaweb.
- Accedeix a http://localhost/mevaweb al navegador per veure la web.
2. Pàgina en PHP:
Exemple detallat per començar amb PHP:
- Crea un fitxer PHP:
- A C:\xampp\htdocs\, crea una carpeta com mevapagina.
- Dins d'aquesta carpeta, crea un fitxer index.php.
- Codi exemple per index.php:
<?php // Mostrar un missatge simple echo "Benvingut a la meva pàgina en PHP!"; // Variables i operacions $nom = "Joan"; $edat = 68; echo "<p>El meu nom és $nom i tinc $edat anys.</p>"; // Data actual echo "<p>Avui és " . date('d-m-Y') . ".</p>"; ?>
- Accedeix a la pàgina:
- Obre el navegador i ves a http://localhost/mevapagina.
3. WordPress:
- Descarrega WordPress:
- Baixa’l de wordpress.org.
- Extreu els arxius a C:\xampp\htdocs\wordpress.
- Crea una base de dades:
- Accedeix a http://localhost/phpmyadmin.
- Crea una base de dades nova, per exemple: wordpress.
- Configura WordPress:
- Ves a http://localhost/wordpress.
- Segueix l’assistent d’instal·lació i introdueix:
- Nom de la base de dades: wordpress
- Usuari: root
- Contrasenya: deixa’l buit.
- Ja pots accedir al panell de control a http://localhost/wordpress/wp-admin.
4. Laravel:
- Instal·la Composer:
- Baixa Composer des de getcomposer.org i instal·la'l.
- Crea un projecte Laravel:
- Obre el terminal i executa:
cd C:\xampp\htdocs composer create-project --prefer-dist laravel/laravel mevalaravel
- Executa Laravel:
- Entra al projecte:
cd C:\xampp\htdocs\mevalaravel php artisan serve
- Accedeix a http://localhost:8000 al navegador.
5. CodeIgniter:
- Descarrega CodeIgniter:
- Baixa’l de codeigniter.com.
- Extreu els arxius a C:\xampp\htdocs\codeigniter.
- Configura CodeIgniter:
- Edita el fitxer app/Config/App.php i estableix:
public $baseURL = 'http://localhost/codeigniter/';
- Accedeix a l’aplicació:
- Ves a http://localhost/codeigniter.
Resum del procés:
- HTML: Fitxers directes a htdocs.
- PHP: Escriu codi PHP dins de index.php.
- WordPress: Baixa, extreu i configura una base de dades.
- Laravel: Utilitza Composer per crear el projecte.
- CodeIgniter: Baixa i configura baseURL.
Amb aquestes passes, tindràs totes les tecnologies funcionant a XAMPP. Si tens dubtes, aquí estaré per ajudar-te! 😊
- Categoria: web_development
- URL: http://localhost/
- YouTube: https://www.youtube.com/watch?v=K-qXW9ymeYQ
- Etiquetes: servidor, localhost, php, codeigniter, css
- Data de creació: 09/12/2024
- Última actualització: 18/12/2024