+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Membre habitué

    Homme Profil pro
    Enseignant Chercheur
    Inscrit en
    décembre 2017
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant Chercheur

    Informations forums :
    Inscription : décembre 2017
    Messages : 1
    Points : 162
    Points
    162

    Par défaut Apprendre la programmation Web - HTML, CSS à travers des TD

    Chers membres du club,

    J'ai le plaisir de vous présenter ce tutoriel  :


    Via ce tutoriel, vous allez comprendre, entre autres, comment sont écrites les pages Web basiques, aussi appelées pages statiques (Web 1.0).
    Bonne lecture

    Retrouvez les meilleurs cours et tutoriels pour apprendre le développement Web.

  2. #2
    Membre à l'essai
    Homme Profil pro
    Retraité
    Inscrit en
    avril 2016
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : avril 2016
    Messages : 13
    Points : 16
    Points
    16

    Par défaut Apprentissage HTML/CSS

    Intéressant simple et bien fait.

    Je connaissais déjà un peu, mais c'est une excellente révision que je vais approfondir.

    Merci

    Gérard;

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Retraité
    Inscrit en
    octobre 2016
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : octobre 2016
    Messages : 6
    Points : 8
    Points
    8

    Par défaut Logiciel à utiliser pour éditer

    Bonjour,
    J'ai commencé ce tutoriel fort bien fait, mais je butte sur le choix d'un éditeur de texte. Je suis sous W10 et par défaut on utilise Bloc-notes. Défaut : il ne fait pas la mise en page telle que vous la présentez, avec les retours à ligne, les décalages de balises, les couleurs...
    Quel logiciel recommandez-vous pour éditer ? Notepad++ ?
    Cordialement

  4. #4
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    10 792
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 10 792
    Points : 21 663
    Points
    21 663

    Par défaut

    Excellent tuto, qu'on va pouvoir conseiller aux débutants (et aux autres) !


    Quelques points... :

    Je ne vois pas (ou peu) de LIENS vers d'autres tutos de DVP ?? (ou AU MINIMUM, des liens vers les COURS, FAQ,... concernés)
    Exemples :

    Il me semble qu'on a encore d'autres bons tutos sur DVP, non ?

    PAR CONTRE, que viens faire un lien ...w3schools.com..... ???? (dans II-D-3. Fontes)
    Autant mettre des liens vers des références fiables : W3C - Familles de polices,....

    [EDIT] Plus gênant encore : les liens morts...
    ex. dans III. TD2 - HTML , tous les liens des balises sont morts ( https ://webplatform.github.io/docs/wiki/html/elements/XXXXX)
    Il aurait été préférable de faire des liens pérennes, vers W3C ou MDN, par exemple.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  5. #5
    Membre à l'essai
    Homme Profil pro
    Retraité
    Inscrit en
    avril 2016
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : avril 2016
    Messages : 13
    Points : 16
    Points
    16

    Par défaut

    Citation Envoyé par ChristianM39190 Voir le message
    Quel logiciel recommandez-vous pour éditer ? Notepad++ ?
    Utilise NOTEPAD++.
    C'est très bien pour tous les langages: coloration syntaxique, complétion du texte...
    C'est plus rapîde et bien mieux que le note pad de W!

    Gérard

  6. #6
    Futur Membre du Club
    Homme Profil pro
    Retraité
    Inscrit en
    octobre 2016
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : octobre 2016
    Messages : 6
    Points : 8
    Points
    8

    Par défaut

    Merci

  7. #7
    Futur Membre du Club
    Homme Profil pro
    Retraité
    Inscrit en
    octobre 2016
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : octobre 2016
    Messages : 6
    Points : 8
    Points
    8

    Par défaut problème avec le paragraphe I-D-5-d

    Je pense qu'il manque quelque chose dans ce paragraphe. Sur le didacticiel il n'y a rien de mis en forme "citation" et je ne comprends pas comment faire.
    Sinon, tutoriel très bien fait et très efficace jusqu'à présent !

  8. #8
    Membre à l'essai
    Homme Profil pro
    Retraité
    Inscrit en
    avril 2016
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : avril 2016
    Messages : 13
    Points : 16
    Points
    16

    Par défaut

    Citation Envoyé par ChristianM39190 Voir le message
    il n'y a rien de mis en forme "citation"
    Ben si!! c'est la parole divine de JC V Damm C'est pas une "citation" au sens "HTM"

  9. #9
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    10 792
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 10 792
    Points : 21 663
    Points
    21 663

    Par défaut

    Bonjour,

    Citation Envoyé par ChristianM39190 Voir le message
    ...Sur le didacticiel il n'y a rien de mis en forme "citation"...
    J'espère que tu as compris qu'il s'agit de "TD", alias "Travaux Dirigés". Autrement dit : des exercices !

    Dans ce chapitre I. TD1 Partie 1 - HTML se trouve le fichier index.txt qui sert de base de travail.

    Quant à savoir quelles balises utiliser pour une "citation", le jeu consiste aussi à faire une recherche personnelle !
    Les indices sont : commençant par <b...........> et par <c...>.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  10. #10
    Futur Membre du Club
    Homme Profil pro
    Retraité
    Inscrit en
    octobre 2016
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Jura (Franche Comté)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : octobre 2016
    Messages : 6
    Points : 8
    Points
    8

    Par défaut

    Alors pourquoi est-il écrit : "Allez voir le code source de notre citation à l'aide des outils de développement. Quelles sont les deux nouvelles balises utilisées ?
    La première balise (qui commence par un b) entoure la citation complète tandis que la deuxième (qui commence par un c) contient uniquement la référence (l'auteur, le livre…)."
    ?

  11. #11
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    10 792
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 10 792
    Points : 21 663
    Points
    21 663

    Par défaut

    Pas faux...

    Citation Envoyé par jreaux62 Voir le message
    Pas trouvé ? "CSS balise citation"
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  12. #12
    Membre à l'essai
    Homme Profil pro
    Retraité
    Inscrit en
    avril 2016
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : avril 2016
    Messages : 13
    Points : 16
    Points
    16

    Par défaut

    Ben sur le site de W3C ou WC3 school, on trouve tout et encore plus, donc le lien vers les balise <cite> et <blockquote>.

    Ca y est, j'ai vendu la mèche...

    J'ai fini la 1° partie du tuto et c'est super.

Discussions similaires

  1. [html/css]coloration des options dans un select
    Par the_edge dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/05/2005, 16h19
  2. [eclipse 3.0.1]plugins pour dvlp web HTML / CSS / PHP
    Par partyboy dans le forum Eclipse Java
    Réponses: 1
    Dernier message: 26/10/2004, 12h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo