ASTUCES INFORMATIQUE: mars 2015

dimanche 8 mars 2015

COURS COMPLET SUR LE HTML (Part 4)

Mamamiaaaaahhhh Salut les amis et bienvenu dans ce cours N°4 d'initiation à la programmation en HTML. Aujourd'hui nous allons apprendre à concevoir les boutons d'option et les cases à cochées. pour un site, un blog ou autres plate formes . Le principe est vraiment simple et sa syntaxe n'exige que concentration et application. C'est parti!!!

LES CASES A COCHÉES

Alors partant du principe que lorsqu'un utilisateur se trouve devant une machine le plus souvent entrain de visualiser des pages Web, au moment soit d'un enregistrement, des préférences ou même des hobbies qui lui sont demandés il est amené à opérer un choix sur une multitude qu'offre le concepteur de la page Web. Dans ce tutoriel, nous apprendre comment un développeur web / programmeur apprenti(e) peut concevoir ces boutons d'option les plus souvent offert par plusieurs plateformes peut concevoir. Nous allons toujours du principe que ça reste dans le jargon des formulaire donc dois impérativement utilisé la balise "FORM".

COMMENÇONS DONC!!! <form>
<input type="checkbox">S'inscrire<p>

<input type="checkbox">S'informer <p>

<input type="checkbox">Télécharger

</form>

RÉSULTAT OBTENU A L’ÉCRAN

mercredi 4 mars 2015

COURS COMPLET HTML

Cliquez ici pour télécharger ce PDF en HTML!

CREATION D'UN FORMULAIRE (part 3)

Mamamiaaaaahhhh Salut les amis et bienvenu dans ce cours N°3 d'initiation à la programmation en HTML. Aujourd'hui nous allons apprendre à concevoir un formulaire d’enregistrement complet. pour un site, un blog ou autres plate formes . Le principe est vraiment simple et sa syntaxe n'exige que concentration et application. C'est parti!!!

CRÉATION DE FORMULAIRE

<form> Balise d'ouverture d'un formulaire

<label for="name"> Nom:</label>

<input type="text" name="nom" id="name" required="required"><p/>

<label for="prenom"> Prenom:</label>

<input type="text" name="prenom" id="prenom" required="required"><p/>

<label for="name"> E-mail:</label>

<input type="email" name="email" id="email" required="required"><p/>

<label for="password"> Mot de passe:</label>

<input type="password" name="Mot de passe" id="mot de passe" required="required"><p/>

<label for="Password"> Confirmer votre mot de passe:</label>

<input type="password" name="password_confirm" id="password confirm" required="required"><br/>

<label for="Message"> Message:</label>

<input type="text" name="Message" id="Message" required="required" rows="5"><br/>

<input type="submit" name="Envoyer" value="Envoyer">

</form> Balise de fermeture d'un formulaire

NB: Le mot clé "Required" utilisé ci-dessous force l'utilisateur à remplir les champs comme c'est le cas dans certaines inscriptions sur des réseaux sociaux, des forums et même des blog. Alors rien de bien compliquer pour la création d'un formulaire. (Cet attribut est facultatif).

ILLUSTRATION

Après exécution de ce code source, on obtiendra à l'écran ce résultat .

STRUCTURE BASIQUE DU LANGUAGE HTML (Part 2)

Mamamiahhh salut les amis et Bienvenu dans ce tutoriel N° 2 consacré à l'étude du langage HTML. Aujourd'hui nous nous appesantirons sur la structure fondamentale du langage proprement dit! J’espère de tout cœur que vous avez parcourut le fichier PDF et l'avez lu attentivement. C’est parti!!!

Télécharger le Bootstrap de Twitter pour Embellir votre page HTML

STRUCTURE SQUELETTIQUE DE NOTRE LANGAGE HTML

<html>

<head> </head>

<title> </title>

<body> </body>

</html>

DÉMONSTRATION

<!doctype=html>

<html> = Balise principale d'ouverture

<head>

<meta charset ="utf-8">

<meta content="Apprentissage du html" Author="William kosso">

</head>

<title>Ma première page html</tile>

<body>

........

</body>

</html> = Balise de Fermeture

EXERCICE: Brefing de la première leçon

- Ouvrer votre éditeur et saisir une page HTML avec pour titre "Exercice 1"

- Sauvegarder la au nom index et au format .htm / .html

- exécutée la et voyez le résultat

Cliquez ici pour voir le corriger!

dimanche 1 mars 2015

COURS COMPLETS SUR LES BALISES HTML(Part1)

Mamamiahhh salut les amis et bienvenu dans ce tutoriel N°1 consacré à l'apprentissage du langage HTML alors comme promis aujourd'hui on va d’intéressé aux principales Balises du langage. Avant d'entrer en profondeur, je vous dédie ce PDF dont vous prendrez le plus grand soins de le lire avant toute pratique. Alors je vous retrouve dans le tutoriel N°2 pour la pratique. So thanks for watching. don't forget to describe. Have a nice day.

Cliquez ici pour accéder au Fichier

COURS SUR LE HTML (INTRODUCTION)

Mamamiaaahhh, salut les amis et bienvenue dans ce premier tutoriel consacrer à l'initiation au langage de programmation statique le HTML. De son nom Hypert Text Mark Up Language, le HTML est un langage de modélisation des pages web statique! A l'exeption du Javascript qui lui dynamise les pages (les rend interactives), le HTML lui ne les rend que statique. Puisque vous avez choisit la programmation en HTML, il convient pour moi de vous dire que c'est le langage de programmation le plus facile en matière Web. A l'exception également des éditeurs de texte tels que WYSYSY (What you See You Getter), en d'autre terme ce que vous programmer, vous le voyer. Nous utiliserons ici le Bloc Note ou le Notepad++. nous verrons de A à Z comment concevoir une pages HTML de façon modélisée avec des liens nous menant vers d'autres pages. Autrement dit, nous réaliserons un réseau social en HTML d'ici la fin de ce cours en HTML. Alors les amis on se retrouve dans la vidéo prochaines consacrée à la PRÉSENTATION DES DIFFÉRENTES BALISES qu'utilise ce langage. Thanks for watching...

Welcome to you

dimanche 8 mars 2015

mercredi 4 mars 2015

CRÉATION DE FORMULAIRE

<form> Balise d'ouverture d'un formulaire

<label for="name"> Nom:</label>

<input type="text" name="nom" id="name" required="required"><p/>

<label for="prenom"> Prenom:</label>

<input type="text" name="prenom" id="prenom" required="required"><p/>

<label for="name"> E-mail:</label>

<input type="email" name="email" id="email" required="required"><p/>

<label for="password"> Mot de passe:</label>

<input type="password" name="Mot de passe" id="mot de passe" required="required"><p/>

<label for="Password"> Confirmer votre mot de passe:</label>

<input type="password" name="password_confirm" id="password confirm" required="required"><br/>

<label for="Message"> Message:</label>

<input type="text" name="Message" id="Message" required="required" rows="5"><br/>

<input type="submit" name="Envoyer" value="Envoyer">

</form> Balise de fermeture d'un formulaire

NB: Le mot clé "Required" utilisé ci-dessous force l'utilisateur à remplir les champs comme c'est le cas dans certaines inscriptions sur des réseaux sociaux, des forums et même des blog. Alors rien de bien compliquer pour la création d'un formulaire. (Cet attribut est facultatif).

ILLUSTRATION

Après exécution de ce code source, on obtiendra à l'écran ce résultat .

STRUCTURE SQUELETTIQUE DE NOTRE LANGAGE HTML

<html>

<head> </head>

<title> </title>

<body> </body>

</html>

DÉMONSTRATION

<!doctype=html>

<html> = Balise principale d'ouverture

<head>

<meta charset ="utf-8">

<meta content="Apprentissage du html" Author="William kosso">

</head>

<title>Ma première page html</tile>

<body>

........

........

........

</body>

</html> = Balise de Fermeture

EXERCICE: Brefing de la première leçon

- Ouvrer votre éditeur et saisir une page HTML avec pour titre "Exercice 1"

- Sauvegarder la au nom index et au format .htm / .html

- exécutée la et voyez le résultat

dimanche 1 mars 2015