CSS/PHP dreamweawer

Tu ne dois pas joindre tes 4 pages existantes, tu dois les recréer, sinon tu vas réincorporer toute la structure html à l'intérieur de index.php qui possède déjà la sienne. Il faut les refaire sans head, sans body. Je regarderai ça ce soir.


Je suis désolé mais je ne vois pas d'autres moyen pour faire des pages sans frames. Je me rends compte que je t'ai peut-être mis la pression avec ces histoires de standards et d'accessibilité, j'ai peut-être poussé un peu loin. :(
 
Non, l'intention est juste.
Quant à refaire les choses autant les faire en respectant les règles actuelles.

Et comme Titou dit vouloir apprendre, eh bien, tant mieux.

Peut être qu'avec un peu de temps, de lecture, les choses seront plus claires ?
 
Bonjour,
Effectivement le but est de savoir faire.
POur résumer je dois :
- Créer obligatoirement la page index en .php et non en htm
- recréer toutes mes pages sans head/body etc....en page php
(je pense que c'est la que je bloque dans la mesure ou dans l'exemple du tuto la personne fait des liens de la page index.php vers des pages htm et non php)
C'est bien ça ?
Pour visualiser le php j'ai charge et instal ton fichier d'hier.
Ca doit fonctionner tout seul theoriquement ;-)
Merci
 
titou34 a dit:
Bonjour,
Effectivement le but est de savoir faire.
POur résumer je dois :
- Créer obligatoirement la page index en .php et non en htm
- recréer toutes mes pages sans head/body etc....en page php
(je pense que c'est la que je bloque dans la mesure ou dans l'exemple du tuto la personne fait des liens de la page index.php vers des pages htm et non php)
C'est bien ça ?
Pour visualiser le php j'ai charge et instal ton fichier d'hier.
Ca doit fonctionner tout seul theoriquement ;-)
Merci
Cliquez pour agrandir...

C'est vrai que par rapport au tuto j'ai changé les fichiers .htm par des fichiers .php mais il n'y a pas de problèmes : tu peux très bien avoir des fichiers .php sans code php mais avec juste du code html. Dreamweaver sait d'ailleurs les afficher. Si tu ouvres une des pages annexes dans DW, tu devrais avoir la prévisualisation...
 
Etant amateur il se peut que la question que je vais poser soit bête mais je me lance :
Dans la mesure ou on peut insérer des calques, pourquoi ne peut on pas inserer un calque sur la zone où doivent s'afficher les pages web et de faire des lien vers l'intérieur de ce calque.
C'est pour moi un raisonnement simple et logique qui peut etre n'est pas possible techniquement.
En fait j'ai essayé de faire la chose mais je ne parviens pas à le faire.
Suis-je dans l'erreur totale, l'utopie ou pas ?
J'avoue être un peu démotivé avec le php, je ne parviens à rien faire (j'ai pourtant lu beaucoup de choses et essayé de faire des manips...) mais bon....
Merci
 
Ce que dreamweaver appelle calques, ce sont en fait les éléments DIV dans le code html. Si tu regardes dans le code de index.php, il y a un div avec un ID (identifiant) "frame" et en plein dedans la fonction php qui prend le contenu des fichiers annexes et l'insère à cet endroit. Si php fonctionnait chez toi, tu pourrais voir le code final de la page en cours. Il faudra se pencher sur ce problème de php qui ne marche pas chez toi, ce n'est pas normal.

Ce que tu peux faire, crée dans dans dreamweaver un fichier php vide avec le code suivant :

Bloc de code: 
<?php
phpinfo();
?>
Sauve-le avec le nom info.php et copie dans le dossier site de ton dossier "maison". Ensuite tape dans ton navigateur l'adresse suivante (à adapter bien sûr) :

Bloc de code: 
http://localhost/~tonnomuser/info.php
Et dis-moi s'il se passe quelque chose...
 
c'est bon ca fonctionne !!!
le dossier titou34 fonctionne en local.
Reste à savoir comment faire pour concerver mes pages html.
Tu m'as dit que je pouvais concerver mes pages html (pas besoin de les transformer en pages php) c'est ca ?
Comment faire pour enlever le head, body etc des pages existantes, je vais perdre toute la mise en page ?
Merci encore
 
J'ai remplacé le code de tes pages php par celui de mes pages htm sans les styles, head etc... et ca fonctionne !
Super !
Bon manitenant 2 questions :
- j'ai perdu tout la mise en page (couleurs des liens avant et après visite)
- et surtout comment dois-je faire car ces pages contiennent des liens vers d'autres pages htm ? (et la en test local c'est erreur!)
Je suppose devoir créer toutes mes pages en htm sans les head etc...mais le code pour les lien. J'ai fait ca en html mais là ?
Merci
 
titou34 a dit:
J'ai remplac&#233; le code de tes pages php par celui de mes pages htm sans les styles, head etc... et ca fonctionne !
Super !
Bon manitenant 2 questions :
- j'ai perdu tout la mise en page (couleurs des liens avant et apr&#232;s visite)
Cliquez pour agrandir...

Je regarderai &#231;a ce soir, l&#224; je vais &#234;tre un peu occup&#233;&#8230; ;)

titou34 a dit:
- et surtout comment dois-je faire car ces pages contiennent des liens vers d'autres pages htm ? (et la en test local c'est erreur!)
Je suppose devoir cr&#233;er toutes mes pages en htm sans les head etc...mais le code pour les lien. J'ai fait ca en html mais l&#224; ?
Merci
Cliquez pour agrandir...

Si tu d&#233;sire faire des liens vers des pages suppl&#233;mentaires (qui n'apparaisse pas dans le menu gauche donc), il faut les ajouter dans le code php &#224; la suite des autres. Admettons que tu aies besoins d'un page Description suppl&#233;mentaire dont le contenu se trouverait dans le fichier annexe descriptionsup.php. Tu ajouterais les infos comme suit dans index.php (en gras) :
Bloc de code: 
<?php 
/*Titres des pages*/
$pages=array(
    'accueil'=>'Accueil',
    'descriptif'=>'Descriptif',
    'presse'=>'Presse',
    'video'=>'Vid&#233;o'[B],
    'descriptionsup'=>'Description suppl&#233;mentaire'[/B]
);
?>

<?php 
$pages=array(
    'accueil'=>'accueil',
    'descriptif'=>'descriptif',
    'presse'=>'presse',
    'video'=>'video'[B],
    'descriptionsup'=>'descriptionsup'[/B]
);
if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
    include $pages[$_GET['page']].'.php';
else
    include 'accueil.php';
?>
Ne pas oublier la virgule apr&#232;s 'video'. Pour le lien, tu devras faire :

Bloc de code: 
index.php?page=descriptionsup
C'est tout. Pour chaque nouvelles pages, il faut de nouveau faire la manipulation en ajoutant les infos dans le code php. :)

P.S. : dans la liste des titres, dans l'exemple, la page d'accueil s'appelle Accueil ce qui n'est pas une tr&#232;s bonne id&#233;e, il vaut mieux un titre plus explicite comme Pierre Rivi&#232;re ou Le site personnel de Pierre Rivi&#232;re.
 
J'en profite pour poster une correction dans le code. En effet, il y avait un bug au niveau du titre de page qui se retrouvait vide dans certains cas. :)

Bloc de code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <style type="text/css">
        <!--
        body {
        margin: 0;
        padding:0;
        position: absolute;
        width: 100%;
        height: 100%;
        font-family: verdana, arial, sans-serif;
        }
        .haut {
        width: auto;
        height: 126px;
            background-color: #06C;
        color: #fff;
        padding: 10px;
        }
        .haut h1{
        font-size: 2em;
        }
        .haut h1 a{
        color: #fff;
        text-decoration: none;
        }
        .conteneur {
        height: 338px;
        width: 100%;
        }
        #menu {
        position: absolute;
        left: 0;
        width: 180px;
        height: 338px;
        background-image: url(gauche.gif);
        }
        #frame {
        margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */

        width: auto;
        height: 338px;
        overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
        font-size: 14px;
        }
        .bas {
        width: auto;
        height: 30px;
        background-color: #06C;
        color: #fff;
        font-size: 12px;
        padding: 10px;
        }
        -->
        </style>
        <?php 
        /*Titres des pages*/
        $pages=array(
           'accueil'=>'Accueil',
           'descriptif'=>'Descriptif',
           'presse'=>'Presse',
           'video'=>'Vidéo'
        );
        ?>    
        <title>[B]<?php 
        if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
           echo $pages[$_GET['page']];
        else
           echo $pages['accueil']; 
        ?>[/B]</title>
</head>
<body>
    <div class="haut">
        <h1><a href="index.php">Mon site .com</a></h1>
    </div>
    <div id="conteneur">
        <div id="menu">
            <ul>
                <li><a href="index.php?page=accueil">Accueil du site</a></li>
                <li><a href="index.php?page=descriptif">Descriptif</a></li>
                <li><a href="index.php?page=presse">Presse</a></li>
                <li><a href="index.php?page=video">Vidéo</a></li>
            </ul>
        </div>
        <div id="frame">
            <?php 
            $pages=array(
               'accueil'=>'accueil',
               'descriptif'=>'descriptif',
               'presse'=>'presse',
               'video'=>'video'
            );
            if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
               include $pages[$_GET['page']].'.php';
            else
               include 'accueil.php';
            ?>    
        </div>
    </div>
    <div class="bas">Cette partie basse reste fixe</div>
</body>
</html>
 
Merci gloup gloup,
J'ai assez d'infos pour le moment, j'ai compris comment faire pour avoir cette mise en page. Je vais essayer de bidouiller maintenant.
Ne perds pas de temps, merci encore pour ton aide.
Bonnes fetes.
 

Sujets similaires

Morebany
[HTML5]jouer/stopper/rejouer... sa webcam
Réponses
1
Affichages
2K
Développement web
Morebany
Morebany
balance
code CSS
Réponses
1
Affichages
4K
Développement web
momo-fr
momo-fr
benG
Mail : signature HTML
Réponses
1
Affichages
2K
Web et e-mail
julienboost
J
phcm64100
Signature HTML pour mail
Réponses
2
Affichages
1K
Web et e-mail
phcm64100
phcm64100
A
Thunderbird et Mac OS 10.12.6
Réponses
0
Affichages
1K
Web et e-mail
Argyre
A
Haut Bas