Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier 2015-2016 T. SOUMAGNE.

Présentation au sujet: "Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier 2015-2016 T. SOUMAGNE."— Transcription de la présentation:

1 Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier 2015-2016 T. SOUMAGNE

2 CONTENU DE L’ACTIVITE 1. PRESENTATION ASSISTEE PAR ORDINATEUR 2. FICHIER IMAGE, GESTION ET RETOUCHE PHOTO 3. CREATION ET GESTION D’UN SITE WEB 4. OUTILS INTERNET DIVERS Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20162

3 3. CREATION ET GESTION D’UN SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20163

4 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20164 Qu’est-ce qu’un site web ?  Ensemble de pages web accessible à une adresse http://… (exemple : http://www.lesoir.be)  Langage HTML o Texte o Balises : ….... o Attributs :.... Balise ouverte Balise fermée Attribut dans une balise

5 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20165 Qu’est-ce qu’un site web ?  Hébergées sur un serveur  Explorateur Internet o Lecteur de pages o Interprète le langage html

6 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20166 Comment créer une page web ?  Que fait un explorateur Web ?  Il affiche le contenu d’une page… Hello ! BROWSER INTERNET Hello !

7 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20167 Quelques notions  Nom de domaine :  Il est unique  Minimum deux parties :.  Exemple : google.com  Doit être enregistré chez un fournisseur  Adresse IP :  Numéro d’identification unique d’un appareil connecté à Internet  4 groupes de nombres entre 1 et 255 séparés par des points  Exemple : 183.23.23.18

8 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20168 Comment consulter un site web ?  Explorateur Internet contacte un serveur Serveur de nom (DNS) IP : 82.234.3.54 IP adresse : 64.23.145.13 1. Connexion à Internet 2. IP de www.hech.be ?www.hech.be 3. IP de www.hech.be est 82.234.3.54www.hech.be 4. Page internet www.hech.be ? 5. Retourne la page html www.hech.be

9 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-20169 Comment créer une page web ?  Plusieurs programmes : o Un éditeur de texte o Bloc note o UltraEdit o Notepad++ o Un programme WYSIWYG (What You See is What You Get ) o KompoZer o Microsoft Visual Studio o Adobe Dreamweaver

10 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201610 Comment créer une page web ?  Ma première page web (bonjour.html) Titre Bonjour le monde !

11 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201611 Comment créer une page web ?  Les principales balises  : document html  : en tête  : corps du document  : titre niveau 1  : titre niveau 2  … -> jusque niveau 6  : paragraphe  : liste à puce  : liste numérotée  élément d’une liste (utilisé dans et )

12 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201612 Comment créer une page web ?  Les principales balises   : texte en gras  : exposant  : indice  : un tableau  : ligne  : colonne

13 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201613 Comment créer une page web ?  Les principales balises  : centrer le texte  : changer la police  : ajout d’une image

14 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201614 Wordpress  Qu’est-ce que WordPress ?  Site internet  Open source  Ecrit en PHP (générateur de code html)  Permet de créer des sites de Blogging et des CMS (content mangement system)  Un des CMS les plus connus et utilisés  Fonctionne avec des plugins et des thèmes http://wordpress.org/

15 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201615 Wordpress  Qui utilise WordPress ?  Des dizaines de milliers d’utilisateurs : les plus grandes sociétés, les personnes célèbres, les particuliers, … Coca-cola.fr Gv.comStarwars.com/news Kylie.com

16 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201616 Wordpress  Quels sont les avantages de WordPress ?  C’est gratuit !  Très facile à utiliser  Contrôle de l’information de son propre site  Beaucoup de plugins disponibles (fonctionnalités)  Contient un système de recherche sur le site lui-même  Beaucoup d’information sur Internet (guide, formations, etc.)

17 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201617 Wordpress  Comment installer WordPress ? Propre serveur Non disponible depuis Internet Requiert des compétences en informatique Gratuit Location espace web avec Wordpress déployé Disponible partout sur Internet Requiert peu de compétences Payant (exemple : 5 EUR/mois) Requiert l’achat d’un nom de domaine Dans le cadre de cours, nous utiliserons une version hébergée sur un serveur payant (aucun frais pour les étudiants)

18 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201618 Wordpress  Site Wordpress pour les étudiants  Plusieurs sites ont été créés  Un site sera utilisé par groupe de deux étudiants  Adresse du site : http://www.mycursus.be/studentXXhttp://www.mycursus.be/studentXX XX doit être remplacé par l’identifiant du groupe  Adresse du site administration : http://www.mycursus.be/studentXX/wp-admin/ http://www.mycursus.be/studentXX/wp-admin/ Login et mot de passe requis !

19 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201619 Wordpress  Différences entre Pages et Articles Articles Relatif au temps (date de publication) Utilisé pour des nouvelles Auteur Catérogies, Tags Trier par ordre chronologique inverse de publication Pages Ne dépend pas d’une date Information statique (qui ne change pas) Pas de notion d’auteur Pas de catégories, pas de tags Peut utilser Modèles Pages parentes Peut être utilisé dans des menus -> BLOG OU SITE D’INFORMATION -> PAGES DE DESCRIPTION

20 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201620 Wix  Qu’est-ce que WIX?  Site internet  Payant (gratuit avec publicité)  Permet de créer des sites internet  Très facile à utiliser  Fonctionne avec des thèmes http://www.wix.com

21 SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 2015-201621 Wix  Comment utiliser Wix ?  Utiliser le site internet  Ouvrir un compte  Pas besoin d’installation  Créer un site, choisir un thème et le configurer  Si besoin, acheter un domaine et le publier http://www.wix.com