TDs

TD n°1 : HTML et CSS – balises de mises en forme

Objectifs du TD 1ère partie 2ème partie 3ème partie Objectifs du TD L’objectif du TD n°1 est d’aborder les balises HTML de mise en forme du texte les plus utilisées : Titres de niveau différents Matérialiser un paragraphe Retour à la ligne Gras, italique Puces Ajouter une citation Ajouter une image au sein d’un texte, un lien vers un pdf ...

Lire la suite...

TD n°2 : HTML et CSS – balises de structures

Objectifs du TD préparation 1ème partie 2ème partie Objectifs du TD Créer une structure de page à l’aide de la balise HTML div et de ses attributs id et class  (identifiant et classe de style) préparation Créer un dossier TD2 Télécharger le fichier compressé appelé td1-départ ci-dessous et et décompresser les différents documents dans le dossier TD2. Le dossier comprend ...

Lire la suite...

TD n°3 : Site complet

Départ Le menu insérer une vidéo Galerie de photos Effet lightbox pied de page favicon Carte Améliorations Départ Départ Télécharger le fichier compressé TD3.rar puis le décompresser. Téléchargement   Le menu Un menu est une liste non numérotée (<ul>) de liens internes (<a>) Partie HTML : Le design du menu coté CSS est lié au 4 propriétés suivantes : Exemple ...

Lire la suite...

TD n°4 : Page d’accueil

Une page d’accueil comporte généralement une partie consacrée aux actualités. Reprendre le TD n°3 et insérer 3 évènements (à prendre sur  le site la loire à vélo) sur votre page d’accueil (index.html) suivant les formats suivants : – Format n°1 : – Format n°2 : – Format n°3 : mixer les 2 formats précédents.

Lire la suite...

TD n°5 : Cartes interactives

Objectifs du TD Etape 2 Etape 3 Etape 4 Liens Objectifs du TD Le but du TD est de reproduire la carte interactive suivante : lien Les 4 étapes : Etape n°1 : création de la page Etape n°2 : Position des points sur la carte Etape n°3 : création des cadres Etape n°4 : Animation de la page (javascript) ...

Lire la suite...

TD n°6 : Initiation au langage php

Initiation au langage php Télécharger les fichiers formulaire.html, resultat.php et functions.php. dans un dossier TD4 le fichier formulaire.html contient un formulaire qui transmet les informations (nom, prenom, date de naissance, sexe) au fichier resultat.php le fichier functions.php contient les fonctions age() et initiales() utilisées dans le fichier résultat.php le fichier resultat.php contient les informations d’affichage des résultats. Ouvrir le fichier ...

Lire la suite...

TD n°7 : Thème wordpress

Architecture d’un thème header.php index.php le menu sidebar pied de page Architecture d’un thème Architecture d’un thème Un thème wordpress (ou template) est constitué de plusieurs fichiers php et css qui vont « piloter » l’affichage du site. Un thème est constitué au minimum des fichiers suivants : fichier style.css : feuille de style du site header.php : contient le code de ...

Lire la suite...