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:

  • la meva primera web a localhost

    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...

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! 😊

6 posts relacionats

  • Author
    Joan Puig

    windows clonar desde github i configurar projecte local amb github desktop

    GitHub és una plataforma per gestionar, compartir i col·laborar en projectes de programació. Perm... READ MORE
  • Author
    Joan Puig

    gitignore

    Es un archivo de texto simple donde defines patrones de archivos y carpetas que Git debe ignorar.... READ MORE
  • Author
    Joan Puig

    que es localhost?

    localhost és un terme utilitzat en informàtica que es refereix a l'ordinador o dispositiu on s'est... READ MORE
  • Author
    Joan Puig

    hosts windows

    C:\Windows\System32\drivers\etc\hosts... READ MORE
  • Author
    Joan Puig

    permisos en linux ubuntu server

    refieres a una futura versión o a la 22.04), es común enfrentarse a problemas de permisos al traba... READ MORE
  • Author
    Joan Puig

    allotjar diversos projectes a ubuntu server linux

    Per accedir als teus projectes en funció del nom de la carpeta on es troben dins del directori /var... READ MORE