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

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

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

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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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

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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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 :

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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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

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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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 )

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

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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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.)

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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)

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC Wordpress  Site Wordpress pour les étudiants  Plusieurs sites ont été créés  Un site sera utilisé par groupe de deux étudiants  Adresse du site : XX doit être remplacé par l’identifiant du groupe  Adresse du site administration : Login et mot de passe requis !

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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

SITE WEB Bloc 1 - UE 5 - Technologies de l’information et de la communication - TIC 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