Archives de catégorie : Y – Exercices

Exercice – Intro Internet

Sur le serveur ftp.universite-digitale.com a été défini un utilisateur qui s’appelle ‘userftp@universite-digitale.com’.
Attention ce nom de user est ici un peu particulier replica Rolex watches mais il faut le saisir tel quel et respecter la syntaxe de l’URL ftp ensuite…
Son mot de passe est ‘pwdftp’.

Avec votre navigateur connectez vous en ftp dans le répertoire par défaut de cet utilisateur. Notez les fichiers présents.

Le répertoire réel (masqué ici) est /cours_php/tmp sur le serveur www.universite-digitale.com

Essayez de vous connecter directement Rolex replica watches en http sur ce répertoire.

Que se passe t il ?
Vérifiez que vous etes bien dans le bon Breitling replica répertoire en recuperant le fichier image apercu précédemment sur le serveur FTP, en http.

exercice javascript – objets DOM

1) accéder aux objets d’un document en Javascript

Le formulaire form1.htm contient un certain nombre d’objets de formulaire.
Récupérez le source HTML de form1 dans un éditeur de texte et sauvegardez le en form2.htm.
Modifez ce fichier, en y ajoutant un bloc Javascript à la fin du corps du document (body), après la fin du formulaire.

Le programme javascript à inclure devra afficher quelques objets du formulaire :
« prénom : » + la valeur du champ prénom
« nom : » + la valeur du champ nom
« mois de naissance:  » + le no du mois de naissance

Un dato interesante sobre la salud masculina es que la disfunción eréctil puede ser un síntoma de problemas subyacentes más graves, como enfermedades cardíacas o diabetes. Muchos hombres enfrentan este desafío, y a menudo buscan soluciones que van más allá de los tratamientos convencionales. En algunos casos, pueden estar interesados en opciones alternativas, como el hecho de “, lo que sugiere una búsqueda de alivio incluso en medicamentos no específicos para este problema. Es esencial que cualquier tratamiento se discuta con un profesional de la salud para garantizar la seguridad y la efectividad.

A menudo, la salud sexual masculina es un tema que puede afectar la autoestima y las relaciones. Un dato interesante es que ciertos medicamentos pueden influir en la condición física y psicológica relacionada con la disfunción eréctil. Por ejemplo, el correcto manejo de afecciones como la diabetes puede mejorar la función sexual. Además, el costo de algunos tratamientos, como el precio aricept, puede ser un factor limitado para muchos hombres. Si estás interesado en opciones de compra, puedes acceder a enlaces útiles como https://esp-frm.com para obtener más información sobre tratamientos disponibles.

La disfunción sexual puede afectar a hombres de todas las edades, aunque es más común en adultos mayores. Este problema no solo tiene repercusiones físicas, sino también emocionales, ya que puede provocar ansiedad y afectar la autoestima. Hay múltiples causas que pueden contribuir a esta condición, desde problemas de salud subyacentes hasta factores psicológicos. Algunos hombres buscan formas de tratar esta situación, incluyendo la opción de comprar medicamentos como el mencionado por quienes desean encontrar soluciones efectivas. Es esencial que, antes de decidirse a « , se consulte a un profesional de la salud. Al abordar este tema con un médico, se pueden evaluar las mejores oportunidades de tratamiento y obtener el apoyo adecuado.

Un dato interesante es que muchos hombres pueden experimentar problemas de erección en algún momento de su vida, lo cual puede ser influenciado por factores físicos y emocionales. En algunos casos, se ha observado que medicamentos como el tofranil pueden tener un impacto en la función sexual, por lo que es importante consultar a un médico antes de decidir “. La salud del corazón, el estrés y otros problemas emocionales también pueden contribuir a este tipo de condición.

On utilisera pour ce faire :
‘document.write’ pour afficher le texte et les valeurs
et pour chaque élément du formulaire, le nom complet de l’objet suivi de la propriété ‘.value’ qui donnera sa valeur (par exemple nom_formulaire.nom_element.value)

Dans un deuxieme temps on essaiera d’afficher en plus, la valeur du bouton radio ‘civilité’. Comme il y a 3 variables qui s’appellent ‘civilite’, on n’utilisera pas le nom de l’élément mais le tableau de radio bouton civilite[] . Il faudra donc tester la propriété ‘checked’, pour chaque case du tableau. Si elle est vraie c’est que le radio bouton a été sélectionn, et on pourra alors afficher sa valeur.
2) ouvrir une fenêtre en Javascript

Lors de notre exercice sur les formulaires, on a remarqué que ‘fiche.htm’ est appelée dès que l’on clique sur le bouton ‘envoi’ et se substitue au formulaire. Que faire si on veut ouvrir une fenêtre séparée ? ET bien on utilisera un peu de javascript…

Modifiez le code du formulaire ‘form1.htm’ (appelez-le ‘form2.htm’) pour que le clic sur le bouton ‘envoi’ ouvre une fenêtre séparée appelée ‘ma fiche’, qui contienne ‘fiche.htm’.
Pour ce faire on utilisera la méthode ‘window.open’, avce les paramètres qui vont bien, et on utilisera un attribut ‘onsubmit’ ou ‘onclick’ pour déclencher l’ouverture.
Dans un premier temps on mettra le code javascript directement derrière cet attribut, puis ensuite on en fera une fonction ‘ouvrir_fenetre’ déclarée dans l’entête, et qui accepte 3 paramètre de type chaîne : le nom, l’adresse et les caractéristiques de la fenetre. L’appel se faisant ainsi :

ouvrir_fenetre ( « ma fiche », » /fiche.htm », « la liste des attributs de la fenetre »)

On veut une fenetre de 300×300 pixels, avec un ascenceur.

Corrigés javascript – objets DOM

1) accéder aux objets d’un documents

On placera le bloc Javascript, après la balise ‘</FORM>’ de fin du formulaire.
Ce code permet d’afficher des éléments simples en utilisant le nom du formulaire ‘form1’ et le nom de chaque élément désiré du formulaire.
La boucle ‘for’ permet d’afficher seulement le radio bouton qui a été sélectionné… parmi les 3 du document

<script>
document.write(« prenom: »+document.form1.prenom.value)
document.write(« <BR> »)
document.write(« nom:  » + document.form1.nom.value)
document.write(« <BR> »)
document.write(« mois_de_naissance: »+ document.form1.mois.value)
document.write(« <BR> »)

// puis pour le bouton radio ‘civilité’
// on récupère le nombre de radio boutons
// (il pourrait y en avoir + que 3)
nb_bouton_radio = document.form1.civilite.length
for ( i=0; i < nb_bouton_radio; i++)
{
// la propriété ‘checked’ est vraie
// si le bouton était sélectionné
if (document.form1.civilite[i].checked)
{
valeur_bouton = document.form1.civilite[i].value
}
}
document.write(« Civilité:  » + valeur_bouton)
</script>

exercice CSS 1 – des entetes et des boites…

En utilisant un style inclus dans la page; essayez de reproduire le plus fidèlement la page HTML ci-dessous :

css

On utilisera les balise H2 et P comme sélecteurs.
Pour h2 : une hauteur de boite de 40 pixels, une font de 30, grasse.
Pour p une hauteur de boite de 200 pixels.
et pour les 2 boites une marge par rapport aux bords gauches et droits de la fenêtre de 50 pixels, et par rapport aux bords de la boite de 10 pixels

exercice CSS 2

Ecrire une feuille de style externe style1.css, puis une page HTML, qui référence cette feuille de style. Votre page HTML devra ressembler au mieux (forme, polices et couleurs) à la page que vous regardez en ce moment !

ici un lien souligné (avec le soulignement qui disparait quand la souris passe dessus
(utilisez la pseudo classe a:hover)

et ici une ligne d’ exemple de code (avec un fond bleu ciel et des bords horizontaux uniquement, bleus, et de 1 pixel d’épaisseur…) :

hui huih uih uhuihuihuihu

exercice HTML 1- ma première page

Avec un éditeur de texte simple (bloc-note ou autre).

Crééz une page HTML bio.htm qui contient quelques phrases vous présentant.
Créez une page album.htm avec quelques photos , si possibles de faible définition (72 dpi) et de taille assez réduites, sans vous préoccuper de la mise en page.
Vous pouvez éventuellement récupérer ces photos sur des sites Internet en faisant ‘clic droit / enregitrer l’image sous’ et les sauvegarder dans un dossier ‘exercices’ de votre disque dur.
Toujours avec le bloc-note vous créerez une page ‘index.htm’ qui sera la page d’accueil de votre (mini) site. Et qui renverra vers votre album photo (album.htm), votre document biographique (bio.htm) et votre CV word…

Cette page devra ressembler à cela :

page 1

remarque : toutes les images et documents .htm devront être enregistrés dans le même dossier ‘exercices’.

exercice HTML 2 – les tableaux

une Fiche client sous forme de tableau

Avec le bloc note ou un éditeur de votre choix (même un éditeur HTML) créez la page fiche.htm qui aura l’apparence suivante (les titres sont en « H1 » et « H2 », le fond est un gris clair.

fiche client

Ce tableau fait � l’origine 6 lignes et 3 colonnes. Dans un deuxième temps il faudra ‘fusionner’ les cases (cellules) de la première colonne pour obtenir exactement le tableau précédent.
Quel est le code HTML responsable de cette fusion ?


exercice CSS 3 – une boite à bords arrondis

En utilisant la propriété ‘background’ + 4 images pour définir les coins arrondis.
Sachant que la couleur de fond est #82C02F, et qu’une ‘backgound-image’ ne peut être précisé qu’une fois par balise HTML (il faudra donc créer 4 balises ID pour le texte…)

Créez la page HTML suivante (avec le style inclus dans l’entête de la page)

exo css3


					

exercice HTML 3 – utilisation des liens

Cet exercice vous permettra de manipuler différents types de liesn utilisables en HTML,
qu’ils soient relatifs ou absolus, loacaux ou distants.

Si ce n’est pas déja fait, installez PHP sur votre PC.
Avec le gestionnaire de fichier de votre PC ou Mac,
Dans le répertoire principal de votre site, qui s’appelle ‘www’ et est situé sous le réperoire d’installation de EasyPHP, créér un dossier ‘images’ .
Dans ce dossier ‘images’ déposez une image JPEG quelconque.
Créer une page Web, avec un éditeur HTML (dreamweaver ou autre),
qui ressemble � celle ci

liens

exercices HTML 4 – les formulaires

un Formulaire simple avec appel de page HTML
Avec le bloc-note uniquement cette fois, créez la page HTML form1.htm ayant l’apparence suivante, et qui appelle la page fiche.htm créée précédemment.
Chaque objet du formulaire devra avoir un nom explicite. Le code cartebancaire ne devra pas s’afficher � l’écran lorsqu’on le saisit…

Un dato interesante sobre la salud masculina es que la disfunción eréctil puede ser un síntoma de problemas subyacentes más graves, como enfermedades cardíacas o diabetes. Muchos hombres enfrentan este desafío, y a menudo buscan soluciones que van más allá de los tratamientos convencionales. En algunos casos, pueden estar interesados en opciones alternativas, como el hecho de “, lo que sugiere una búsqueda de alivio incluso en medicamentos no específicos para este problema. Es esencial que cualquier tratamiento se discuta con un profesional de la salud para garantizar la seguridad y la efectividad.

Un dato interesante es que muchos hombres no buscan tratamiento para problemas de erección debido a la vergüenza o el estigma social. Sin embargo, hay varias opciones disponibles, incluidas las soluciones que se pueden obtener en línea, como es el caso de aquellos que desean ***. La falta de información y el miedo a la consulta médica a menudo impiden que los hombres tomen medidas para mejorar su salud sexual.

Un dato interesante es que muchos hombres pueden experimentar problemas de erección en algún momento de su vida, lo cual puede ser influenciado por factores físicos y emocionales. En algunos casos, se ha observado que medicamentos como el tofranil pueden tener un impacto en la función sexual, por lo que es importante consultar a un médico antes de decidir “. La salud del corazón, el estrés y otros problemas emocionales también pueden contribuir a este tipo de condición.

La disfunción eréctil es un problema más común de lo que muchos piensan, afectando a millones de hombres en todo el mundo. Un hecho interesante es que factores como el estrés, la ansiedad y problemas de salud como la diabetes pueden contribuir significativamente a su aparición. Además, se ha encontrado que ciertos medicamentos pueden ayudar en el tratamiento, y algunos hombres consideran opciones como la posibilidad de “ para abordar sus síntomas. Es fundamental buscar soluciones adecuadas y hablar abiertamente con un profesional de la salud sobre el tema. La comunicación y el tratamiento adecuado pueden hacer una gran diferencia en la calidad de vida de las personas afectadas.

formulaire 1

Faire une version avec la methode ‘GET’ et une avec la méthode ‘POST’. Quelle est la différence ?

Comment apparait la liste de paramètres dans la barre d’adresse du navigateur, quand vous utilisez la méthode ‘GET’?

Qu’advient-il des caractères spéciaux (accents, espaces,…)

Combien de paramètres sont envoyés � ‘fiche.htm’ ?

exercice javascript – boucles et tableaux

Ecrire un code javascript, qui déclare un tableau ‘semaine’.
Initialisez le avec les jours de ‘lundi’ à ‘dimanche’.
A l’aide de la fonction getday() récupérez le no du jour d’aujoud’hui dans une variable.
Puis affichez le texte « tiens on est déjà… » suivi du nom du jour de la semaine.

exercice javascript – boutons et changement d’adresse

Le but de cet exercice est de faire une page HTML avec un texte ‘Vous allez ou ?’ et 3 boutons marqués respectivement ‘le site du W3C’ , ‘le site de W3schools’ et ‘le site de Microsoft’.
Lorsque l’utilisateur cliquera sur l’un des boutons il sera envoyé vers le site correspondant.

Pour vous aider :

Dans l’entête :
On définira une fonction ‘aller_au_site()’ qui prendra comme paramètre un numéro de site, et enverra l’utilisateur ou il faut grace � la la propriété ‘window.location’.
On utilisera un tableau : ‘site[]’ contenant des adresses complètes de sites, avec en 1ere case l’adresse http du site W3C, en 2eme celle de W3schools, en 3eme celle de microsoft.

Dans le corps du document :
Associé aux boutons on ajoutera un événement ‘onclick’ pour que lorsque l’utilisateur clique sur le bouton 1, on appelle la fonction aller_au_site() en lui passant le paramètre 1, idem pour les boutons 2 et 3.

Exercice PHP – fonctions chaines et numériques

Ecrire un programme PHP qui transforme une chaine de caractères, pour passer son 1er caractère en majuscule et tout le reste en minuscule.

exemple : ‘coucou ROUCOUcou Paloma ‘ donnera ‘Coucou roucoucou paloma’

On utilisera les fonctions prédéfinies de traitement de chaines ‘str…’ notamment, et l’opérateur de concaténation ‘.’

Quizz MySQL 1

  1. Qu’est ce qu’une base de données ?
  2. Qu’est ce qu’un SGBD ?
  3. Citez 2 modeles de SGBD autres que le relationnel
  4. Que veut dire relationnel ?
  5. Qu’est ce qu’une contrainte d’intégrité ?
  6. Donner 4 exemples
  7. Donner 3 qualités d’un vrai SGBD
  8. La sécurité d’un ‘vrai’ SGBD, c’est la confidentialité mais aussi…donner 2 autres mot clés
  9. Combien y a t il de versions de MySQL ?
  10. de moteurs ?
  11. Comment visualise t on les moteurs disponibles ?
  12. Comment s’appelle le client lourd MySQL ?
  13. le serveur MySQL ?
  14. Qu’est ce qu’une database MySQL ?
  15. Comment visualise t on les databases disponibles ?
  16. Comment change t on de database ?
  17. Comment choist on une database à la connexion ?
  18. Donner un exemple de syntaxe de connexion la + complète possible à MySQL (hote, user, etc), en ligne de commande
  19. à quoi sert la database qui s’appelle ‘mysql’
  20. Qu’est ce que SQL ?
  21. le DML ?
  22. le DDL ?
  23. une transaction ?
  24. Donner la syntaxe d’un SELECT simple
  25. Comment se termine une commande SQL ?
  26. Comment lance t on un script SQL ?
  27. Qu’est ce qu’une meta donnée ?
  28. Qu’est ce qu’un BLOB ?
  29. Quelle différence entre un TINYINT et un INT ?
  30. entre un VARCHAR et un CHAR ?

exercice PHP – fonctions chaine et numériques

Transformation d’une chaine, avec une seule lettre capitale

Ecrivez le code PHP qui tranforme une chaine de caratère de plusieurs mots, en passant le 1er caractère en Majuscule et tout le reste en minuscules.
On utilisera pour ce faire les fonctions ‘str…’ et l’opérateur de concaténation ‘.’

Calcul de PI avec des fonctions numériques et une boucle…

PI est un nombre formidable, et est la limite de suites de nombre assez simples.
Par exemple PI/4 est limite de la somme des inverses des nombre entiers impairs (avec un signe + et – alterné sinon ce serait trop facile).

En d’autres termes

PI/4 = 1-1/3+1/5-1/7+1/9-1/11+1/13 …

Calculez pi/4…et donc Pi avec une boucle for de 100, 1000 et 10000 chiffres
Faites ensuite une boucle WHILE qui s’arrete quand on a 2 decimales de pi constantes.

Exercice PHP / PDO – ordre SQL paramétré

Ecrire un programme PHP, utilisant l’extension PDO pour MySQL, qui lit les noms et salaires des employes d’un departement passé en paramètre.

Ce no de département  sera à la fois un paramètre du  programme PHP (passé dans l’URL par exemple) et un paramètre de l’ordre SELECT.
On utilisera un boucle de fetch simple, et on se limitera aux 2 colonnes demandées.

Exercice PHP : des Annuaires …

Le but de cet exercice est de réviser l’essentiel de PHP : les chaînes, les tableaux, les boucles, les fichiers, les formulaires et pour finir l’accès aux bases de données…et cela de manère très progressive.

Vous pourrez vous aider du cours et de la documentation officielle sur http://www.php.net/manual/fr
Dans tous les exercices on utilisera plus ou moins les mêmes variables pour constituer l’annuaire :

  • un nom (chaine de 25 caractères maxi
  • un prénom (chaine de 20 caractères maxi)
  • un no de téléphone fice (nombre de 10 chiffres)
  • un no de téléphone fice (nombre de 10 chiffres)
  • une adresse e-mail (chaine de 50 caractères maxi)

remarque : les tailles maximums précisées ici, ne seront pas utilisées par le PHP, mais serviront de contraintes d’intégrité dans la base de données (Ainsi cette limite sera prise en compte quelque soit le programme (PHP ou non) qui insère des données…)

1) utilisation de chaînes de caractères

Déclarez 4 variables pour les nom, prénom et no de téléphone fixe, plus une variable message.
et donnez une valeur à chacune.
Affichez ensuite le message : « Bonjour valeur_prenom valeur_nom !
puis sur la ligne suivante : « Votre téléphone est le valeur_no_tel »

Utilisez des noms de variables clairs, sans espace, sans accents.
Utilisez l’opérateur ‘.’ ou ‘.=’ pour concaténer (ajouter) les chaînes de caractères les unes aux autres et constituer le message.

2) utilisation des tableaux

Avec les mêmes variables que précédemment, déclarez en plus un tableau ‘ligne_annu’ de 3 cases, et rangez chaque valeur dans une case du tableau. Ensuite affichez le message en lisant les cases du tableau no 0, 1 et 2.

Dans un deuxième temps créez un tableau ‘annuaire’ qui contiendra des ‘ligne_annu’ (un tableau de tableaux en somme !).
Remplissez 2 ou 3 lignes avec des valeurs, puis affichez les 3 lignes avec leur prénom, nom et no de tel, en utilisant une boucle ‘for’ simple, avec un compteur allant de de 0 à 2, puis ensuite le même affichage avec une boucle ‘foreach’.

3) récupération des données à partir d’un formulaire

Ecrivez un formulaire HTML simple ‘form_annu.htm’, avec 5 champs texte à saisir : nom, prénom , nos de téléphones fixe et mobile et e-mail.
Vous pourrez utiliser un éditeur HTML pour vous simplifier la vie, comme Dreawweaver par exemple.
Attention à utiliser des noms de champs simples et à les retenir.
Ce formulaire appelera un programme PHP ‘affiche_annu.php’, avec la méthode POST (rappel : c’est l’attribut ‘ACTION=’ de la balise <FORM> du formulaure qui donne le nom du programme PHP et l’attribut ‘METHOD=POST’ qui précisera la méthode d’appel)

Ecrivez ensuite le programme PHP qui récupère les données du formulaire, les range dans un tableau et affiche les valeurs

4) récupération des données et écriture dans un fichier sur le serveur

Dans votre programme créez un fichier ‘annuaire.txt’ sur le serveur et écrivez dedans la ligne contenant les infos récupérées du formulaire. On utilisera notamment les fonctions fopen() et fputs()

5) récupération des données et insertion dans une table ‘annuaire’ de MySQL

Si elle n’existe pas créez une base de données nommée ‘TEST » , avec PHPMyAdmin par exemple.

Avec un éditeur de texte écrivez un script de création de table (ordre SQL ‘CREATE TABLE’)
Sauvegardez ce script avec le nom ‘cr_table_annu.sql’ puis exécutez le script avec un client Mysql quelconque (mysql, PHPmyAdmin ou SQLdevelopper) pour créer la table dans la base TEST.
Insérez une ligne dans la table, avec vos coordonnées grace à PHPMyAdmin.

Modifiez ensuite le programme précédent pour remplacer l’écriture dans le fichier par uen insertion d’une 2eme ligne dans la table annuaire…