Prsentation PowerPoint - PowerPoint PPT Presentation

1 / 27
About This Presentation
Title:

Prsentation PowerPoint

Description:

HTML (HyperText Markup Language) est un format permettant de d finir les ... 'page' qu'on observe avec un logiciel d'exploration du WEB : un Browser (Netscape ... – PowerPoint PPT presentation

Number of Views:26
Avg rating:3.0/5.0
Slides: 28
Provided by: Cou57
Category:

less

Transcript and Presenter's Notes

Title: Prsentation PowerPoint


1
Le langage HTML Sur léthique et les TIC Travail
de session
2
À faire
  • Schéma
  • Informations
  • Le langage HTML
  • Éthique et TIC
  • Lecture de la semaine
  • Guide des questions

3
Le schéma
Regard critique sur les TIC
Développement de compétences techniques
- Quelle est votre position vis-à-vis le contenu
dInternet ?
Internet FrontPage
Applications pédagogiques avec les TIC
- Comment présenter Internet à nos jeunes ?
4
À ne pas oublier
  • Progression des travaux de session
  • Analyses de site
  • Retour sur la lecture

5
Le langage HTML
  • Définition
  • Pourquoi connaître ce langage
  • Quest-ce que ça permet
  • Mais encore
  • Comment on y accède
  • À quoi ça ressemble ?

6
Définition
HTML (HyperText Markup Language) est un format
permettant de définir les éléments variés d'une
"page" qu'on observe avec un logiciel
d'exploration du WEB un Browser (Netscape ou
Explorer). Cest un langage simple et facile à
maîtriser fonctionnant avec des balises
(instructions) placées entre des crochets (ltgt).
7
Pourquoi connaître ce langage ?
Il nous permet de faire des modifications que le
logiciel FrontPage ne permet pas. Il nous permet
de  prendre  des éléments qui nous plaisent sur
des pages trouvées sur Internet. Il nous permet
de vérifier rapidement le nom des liens, des
images, des sons intégrés à notre page. Nous
avons lair brillant et branché !
8
Quest-ce que ça permet ?
  • Permet de définir
  • du texte.
  • la mise en forme et en page du texte.
  • la place et la taille d'images.
  • le positionnement d'animations et de sons.
  • la place dans une page de tout autre élément
    statique ou dynamique géré par le Browser
    (Explorer).
  • des liens hypertextes vers d'autres pages.

9
Quest-ce que ça permet ? Suite
Les pages WEB sont toujours définies dans ce
langage, ainsi votre navigateur traduit le code
source HTML, va chercher les éléments externes
(images, sons, etc.) et reconstitue une page
complète qu'il vous présente dans une fenêtre sur
votre écran.
10
Mais encore
HTML est donc la langue parlée dans les coulisses
du WEB pour décrire ce que vous y voyez. HTML a
été conçu par des scientifiques loin de toute
considération commerciale, pour échanger des
informations par-delà les limites des différents
ordinateurs, des réseaux, etc.
11
Mais encore plus encore
  • HTML ne définit que le texte, et établit un lien
    vers tous les autres éléments de la page les
    images, animations, sons etc. ne sont pas inclues
    mais leur "adresse" URL " est indiquée
  • HTML est conçu pour mettre en relation des
    informations nombreuses et éparses. La notion de
    réseau est donc centrale.
  • Les suffixes .htm ou .html définissent le format
    HTML, le format des fichiers lus par les
    navigateurs comme Explorer.

12
Comment on y accède
Dans FrontPage, cliquer sur longlet en bas, à
gauche de la page
13
Comment on y accède
Sur Explorer, utiliser le 2ième bouton de la
souris sur nimporte quelle page Web et choisir
 Afficher la source  Une nouvelle fenêtre
apparaît, contenant les codes HTML de la page
consultée
14
À quoi ça ressemble ?
  • Cliquer sur ce lien pour ouvrir une page Web
  • Cliquer ensuite sur la page avec le 2ième bouton
    de la souris
  • Afficher la source de la page

15
À quoi ça ressemble ?
4. Le langage HTML ressemble à cela
Quelques balises ltH4gt Style du texte lta
HREF"liens.html" TARGET"principal"gt Lien
hypertexte ltbgt Caractère gras ltcentergt
justification au centre ltTitlegt Titre de la page
16
À quoi ça ressemble ?
Chaque balise est situé entre des crochets (ltgt)
et vient habituellement en pair. La première
indique le début de la zone affectée et la
seconde, la fin de cette zone. Pour les
distinguer, la seconde balise est précédée de la
barre oblique (/) Par exemple ltH4gtltCENTERgtlta
HREF"ast101.html" TARGET"principal"gtPage
d'accueillt/agtlt/CENTERgtlt/H4gt
Ressources pour balises
17
Un exemple dutilisation de laffichage HTML
Lajout dun compteur
  • On se rend sur le site 132compteur.com
  • On suit les instructions
  • On copie le code donné
  • On le colle à lendroit désiré sur la page en
    HTML
  • On clique sur Aperçu pour un aperçu

18
Des informations pour tous ?
  • À l'origine, Internet a été conçu pour résister
    aux coupures de transmission, aussi la censure
    est-elle difficile.
  • Cest la plus grande source dinformations.
  • Couvre des millions de sujets différents.
  • Accessible en tout temps.
  • Pas de contrôle complet sur les accès.
  • Pas de contrôle complet sur les informations
    quon y trouve.

19
Quoi et qui croire ?
Trouver les intrus
La manipulation de nos sens
20
Linimaginable sur le Web
Exploration des sites que vous avez trouvés
Pro anorexie http//www.bouliana.com/site/danger
_web.htm Vente darmes http//www.gunbroker.com
/ http//www.buysellguns.com/index.php Fabricati
on de produits dangereux http//www.lunerouge.or
g/spip/rubrique.php3?id_rubrique9 http//web.text
files.com/destruction/anarchy2.txt Groupes
radicaux http//www.skrewdriver.net/index.html P
iratage http//www.warezenergy.com/ Curs
solides http//www.rotten.com/
21
Linimaginable sur le Web, suite
  • Des questions
  • Est-ce que votre perception dInternet change en
    prenant connaissance de ces sites ?
  • Est-ce quon peut apprendre de ces contenus ?
  • Devrait-on bannir ce genre de site ? Si cest le
    cas, comment le faire sans brimer les droits
    dexpression ?
  • Comment peut-on amener nos jeunes à réagir
     intelligemment  devant ces sites ? Devrait-on
    les empêcher dutiliser Internet sans
    surveillance ?
  • Dautres questions ?

22
Des renseignements comment ?
  • La pub et la vie privée
  • Exemple de site sur léducation aux médias
  • Le chien de garde de la vie privée
  • Pourquoi avez-vous besoin de ces renseignements ?
  • À quelles fins les utiliserez-vous ?
  • Les louerez-vous ou les vendrez-vous à quelquun ?

Media-awareness
23
la cyberdépendance
  • Quest-ce que la cyberdépendance ?
  • Un petit quiz ou un autre
  • À chercher sur le Web (noter sur Word ou sur
    papier)
  • Personnes à risque
  • Facteurs la favorisant
  • Symptômes
  • Prévention
  • Retour en groupe avec les infos

PPT - 2003
24
Fraudes sur le Web
  • Exemples de fraudes sur Internet
  • Prévention
  • Garder des traces papiers de vos transactions
  • Utiliser une carte de crédit (assurance)
  • Poser des questions avant dacheter
  • Acheter sur des sites fiables (grandes
    compagnies, sites réputés)
  • Autre référence

Ebay
25
Et nous là-dedans
Ce qui est encore entre nos mains
  • Superviser la navigation des enfants Internet
    nest pas une gardienne Cest comme laisser un
    enfant seul dans une grande ville
  • Accompagner lenfant dans son exploration du Web
    lamener à distinguer les sites pour son âge
  • Ne pas révéler dinformations personnelles
  • Ne pas répondre aux messages agressifs ou de
    sollicitation informer un adulte si on reçoit de
    tels messages
  • Établir des règles dutilisation avec ladulte

26
Lecture de la semaine
  • Inforoute, attention zone scolaire
  • Texte remis en classe
  • Objectifs
  • Relever le rôle de lécole et des enseignants
    pour favoriser une utilisation appropriée
    dInternet.
  • Noter les  CyberRègles  pour les jeunes du
    primaire et du secondaire.

27
Des questions ?
Quest-ce que le langage HTML Quels symboles
utilise-t-on quand on écrit en langage
HTML Comment prévenir la cyberdépendance chez nos
enfants ? Que peut-on suggérer à un élève afin
quil évite de divulguer des informations
personnelles sur Internet ? Quand peut-on donner
des informations personnelles sur Internet ? Quel
est le rôle des enfants quant à la navigation sur
Internet ?
Write a Comment
User Comments (0)
About PowerShow.com