<!--
    INDEX HTML - VERSION FR
    -----------------------

    FRAPPA STUDIO 2024 © FRANCE - Tous droits réservés
    Ce fichier HTML et son contenu sont protégés par le droit d'auteur.
    Toute reproduction, distribution ou modification non autorisée est interdite
    et pourra faire l'objet de poursuites conformément au Code de la propriété intellectuelle.

    Auteur : Julien Frappa EI
    Créé pour le site officiel du Frappa Studio.

    Last Edition: 25 NOV 2024

    Last login: Thu Nov 28 12:07:24 on console


    Démarrer un serveur Python
    ***************************
        Python est souvent déjà installé par défaut sur macOS. Voici les étapes précises :

        1.Ouvrir le Terminal et naviguer jusqu’au dossier contenant le fichier HTML à servir :

        cd /Users/julienfrappa/Documents/data/dev_current/FSWebsite/Local/FSWebsite/FSWebsite/root_test

        2.Démarrer un serveur avec Python
            Utilise cette commande si tu as Python 3 (par défaut sur macOS) :
            python3 -m http.server
            Cela démarre un serveur sur le port 8000 par défaut.

        3.Accéder au site
            Ouvrir le navigateur et visite :
            http://localhost:8000
            Option : Utiliser un autre port
                Si 8000 est occupé :
                python3 -m http.server 8080


    Pour couper le serveur Python:
    ******************************
        Option 1 : Quitter depuis le terminal
            Vérifie quel terminal exécute le serveur : Si le serveur tourne toujours dans une fenêtre de terminal, tu dois y revenir.
            Force une interruption propre avec une commande spécifique : Utilise la combinaison Control + Z dans la fenêtre du terminal. Cela suspendra le processus.
            Une fois le processus suspendu, termine-le proprement avec :
            kill %1

        Option 2 : Localiser et tuer le processus Python
            Trouver le processus actif : Lancer cette commande dans un nouveau terminal pour identifier le serveur Python actif :
            lsof -i :8000
            Cela affiche une ligne contenant le PID (process ID) du processus Python. Exemple de sortie :

                COMMAND   PID USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
                Python3 12345 user   3u  IPv4 0xabc1234567890123      0t0  TCP localhost:8000 (LISTEN)

            Ici, le PID est 12345.
            Tuer le processus en question : Utilise la commande suivante pour arrêter le serveur :
            kill 12345


    *******************************
    *******************************

    Règles pour nommer tes fichiers :

    pour le SEO et le grand public, les tirets (-) sont plus lisibles et interprétés correctement par Google comme des séparateurs.

Exemple :

amundi_europe_ad → Vu comme un seul mot par Google.
amundi-europe-ad → Vu comme trois mots distincts.


Structure du nom :

[Client/Marque] - Toujours en premier (ex. : amundi).
[Projet/Produit] - Spécifie la campagne ou le produit (ex. : europe_renaissance).
[Mot-clé principal] - Décrit le contenu (ex. : reveil, clock, pub_ad).
[Mot-clé stratégique] (optionnel) - Mots comme "creative", "concept", "branding", si pertinent pour ta cible.
Format ou différenciation - Si besoin (ex. : v1, print, social).
Impératifs :

Court et précis : 4 à 6 segments maximum (longueur <70 caractères).
SEO multilingue : Mots-clés en français ET anglais si ciblage international.
Pas de caractères spéciaux : Pas d’accents, espaces, ou majuscules.
Descriptif, pas générique : Pas de "image1.jpg", mais pas inutilement long.
Souplesses :

Omission de détails non pertinents (ex. : "branding" si c'est une pub).
Priorité à la clarté si un mot-clé semble trop redondant.
Tutoriel : Comment nommer une image en 5 étapes :
Identifie le client ou la marque : Qui est concerné ? (ex. : amundi).
Décris le projet ou produit : De quoi s’agit-il ? (ex. : europe_renaissance).
Analyse l’image : Quel élément clé ? (ex. : reveil_clock).
Ajoute un mot stratégique : Creative, ad, pub, si c’est pertinent.
Vérifie la clarté et la longueur : Ajuste si trop long (>70 caractères).
Exemple :
Image d’une affiche Amundi pour Europe Renaissance, avec un réveil.
Nom final : amundi_europe_renaissance_pub_ad_reveil_clock.jpg


20 mots-clés universels (français et anglais) :
logo
design
web
ad
pub
art
UX
print
media
film
style
typo
concept
visual
clip
image
project
brand
idea
spot

Liste de 25 mots-clés très courts en français :
idée
concept
créa
vision
design
pub
ad
art
logo
web
film
visuel
print
com
idée
spot
clip
typo
UX
design
campagne
projet
image
marque
style


Liste de 25 mots-clés très courts en anglais :
idea
concept
creative
vision
design
ad
logo
web
idea
brand
print
film
visual
art
UX
spot
clip
font
type
design
campaign
media
image
concept
style


-->


<!DOCTYPE HTML>
<html lang="en">
<head>
    <!-- Compatibilité et canonique -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="canonical" href="https://www.frappastudio.com">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/Images/Logotypes/favicon.png">

    <!-- Vueport responsive -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

    <!-- Styles et scripts -->
    <link rel="stylesheet" href="Scripts/CSSGlobal.css">
    <script src="Scripts/JSGlobal.js" defer></script>

    <!-- Polices -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Goudy+Bookletter+1911&display=swap" rel="stylesheet">

    <!-- SEO -->
    <title>Frappa Studio | Studio de Création [ Design, Communication, Digital & Art ]</title>
    <meta name="description" content="Frappa Studio est un studio de création spécialisé en design, communication, digital et art. Découvrez nos projets créatifs et innovants.">

    <!-- Redirection JS -->
    <script>const langue = navigator.language || navigator.userLanguage || '';
        const url = langue.startsWith('fr') ? 'fr/index.html' : 'fr/index.html';
        location.replace(url);</script>

    <!-- Alternative sans JS -->
    <noscript>
        <meta http-equiv="refresh" content="0; url=fr/index.html">
    </noscript>
</head>

<body>
    <p class="projectHeadSummary" style="text-align:left; margin:50px; width:40vw; max-width:60vw; font-family: 'Goudy Bookletter 1911', serif;">
        <br><br><br><br>
        <img style="width:120px;" src="/Images/Logotypes/FrappaStudioHD.gif" alt="Logo animé de Frappa Studio, studio de création en design et communication">

        <br><br>

        <b>Welcome to the Frappa Studio</b><br><br><br>
        Si vous n'êtes pas redirigés automatiquement, suivez ce <a href="http://www.frappastudio.com/fr/index.html">lien vers la version française du site internet du Frappa Studio</a>.
        If you are not redirected automatically, follow this <a href="http://www.frappastudio.com/fr/index.html">link to the French version of the Frappa Studio Website (Coming Soon!)</a>.<br><br>
    </p>
</body>
</html>