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:

  1. Crea un fitxer index.html amb el codi HTML de la teva web.
  2. Desa’l a la carpeta del projecte, per exemple: C:\xampp\htdocs\mevaweb.
  3. Accedeix a http://localhost/mevaweb al navegador per veure la web.

2. Pàgina en PHP:

Exemple detallat per començar amb PHP:

  1. Crea un fitxer PHP:
    • A C:\xampp\htdocs\, crea una carpeta com mevapagina.
    • Dins d'aquesta carpeta, crea un fitxer index.php.
  2. Codi exemple per index.php:
  3. <?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>";
    ?>
  4. Accedeix a la pàgina:
    • Obre el navegador i ves a http://localhost/mevapagina.

3. WordPress:

  1. Descarrega WordPress:
    • Baixa’l de wordpress.org.
    • Extreu els arxius a C:\xampp\htdocs\wordpress.
  2. Crea una base de dades:
    • Accedeix a http://localhost/phpmyadmin.
    • Crea una base de dades nova, per exemple: wordpress.
  3. 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.
  4. Ja pots accedir al panell de control a http://localhost/wordpress/wp-admin.

4. Laravel:

  1. Instal·la Composer:
  2. Crea un projecte Laravel:
    • Obre el terminal i executa:
    • cd C:\xampp\htdocs
      composer create-project --prefer-dist laravel/laravel mevalaravel
  3. Executa Laravel:
    • Entra al projecte:
    • cd C:\xampp\htdocs\mevalaravel
      php artisan serve
    • Accedeix a http://localhost:8000 al navegador.

5. CodeIgniter:

  1. Descarrega CodeIgniter:
    • Baixa’l de codeigniter.com.
    • Extreu els arxius a C:\xampp\htdocs\codeigniter.
  2. Configura CodeIgniter:
    • Edita el fitxer app/Config/App.php i estableix:
    • public $baseURL = 'http://localhost/codeigniter/';
  3. 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! 😊