L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012.

Dimension: px
Commencer à balayer dès la page:

Download "L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012."

Transcription

1 L objectif de ce tutoriel est de créer un site web statique avec Visual Studio. Le site sera composé d une page HTML, une feuille de style CSS et d un fichier Javascript. Etape 1 Lancer Visual Studio L objectif de cette étape est de se familiariser avec la création de site web sous VS Lancer VS Choisir Fichier -> Nouveau -> Site Web 3. Choisir le modèle «site web ASP.NET vide» 4. Choisir l emplacement du site (répertoire) 5. Cliquez sur OK Etape 2 Création d une page web L objectif de cette étape est de créer des pages HTML avec Visual Studio et d y ajouter des balises HTML. 1. Cliquez sur le menu «Fichier Nouveau Fichier» 2. Dans les modèles, choisissez «Page HTML» 3. Dans le nom entrez «index.html» 4. Cliquez sur OK 1 Copyright, Mostefai Mohammed Amine, 2013

2 5. Dans l éditeur, tapez le code suivant entre <body> et </body> <p>bienvenue à la <span id="mot">formation</span> ASP.NET et de développement web</p> 6. En utilisant la barre d outils, glissez un «div» juste après la balise fermante </p> 7. Dans la fenêtre de propriétés, entrez «mot» dans la zone «ID» <div id="footer"></div> Etape 3 : Modification de la page en mode «Conception» L objectif de cette étape est d apprendre à modifier les pages HTML en utilisant le designer de Visual Studio. 1. Basculez en mode conception de «Index.html» en appuyant sur le bouton «Conception» de l éditeur 2 Copyright, Mostefai Mohammed Amine, 2013

3 2. Ajoutez les mots suivants : «et de développement web» à la fin du paragraphe Etape 4 Création de fichiers CSS et Javascript L objectif de cette étape est de créer et d éditer des fichiers CSS et JavaScript en utilisant Visual Studio. body { 1. Cliquez sur Fichier Nouveau Fichier 2. Dans les modèles, choisissez feuille de style 3. Dans la zone nom, entrez «Site.css» 4. Cliquez sur le bouton OK 5. Entrez le code suivant dans le fichier CSS : span#mot { color : red; div#footer { margin 5; min-height : 40px; background-color : green; 6. Enregistrez le fichier 7. Par un glisser-déposer, faites glisser le fichier CSS à partir de l explorateur de solutions sur le fichier HTML et remarquez comment le style a été appliqué sur la page 3 Copyright, Mostefai Mohammed Amine, 2013

4 8. Cliquez sur Fichier Nouveau Fichier 9. Dans le modèle, choissez «Javascript» 10. Dans la zone nom, entrez «MyScript.JS» 11. Dans l éditeur tapez le code suivant : function sayhello(me) { alert('hello ' + me); 12. Ouvrez le fichier «Index.html» en mode source 13. Faites un glisser déposer du fichier «MyScript.js» vers «index.html» (entre les balises HEAD» 14. Modifiez le code HTML comme suit : <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="site.css" rel="stylesheet" type="text/css" /> <script src="myscript.js"></script> </head> <body> <p> Bienvenue à la <span id="mot" onclick="sayhello( Votre nom);">formation</span> ASP.NET et de développement web </p> <div id="footer"></div> </body> </html> 15. Cliquez sur le bouton «Exécuter» 4 Copyright, Mostefai Mohammed Amine, 2013

5 Etape 4 : Débogage L objecif de cette étape est d utiliser les fonctions de débogage de Visual Studio afin de créer un point d arrêt sur un script JavaScript et d évaluer une variable dans une fonction JavaScript. 1. Fermez la fenêtre du site 2. Ouvrez MyScript.js 3. Insérez un point d arrêt sur l instruction «alert» en double-cliquant sur la barre latérale 4. Exécutez le site en appuyant sur «F5» 5. Appuyez sur le texte «formation» 6. Remarquez VS qui se met en mode «debogage» et renvoie sur le fichier «MyScript.js» 5 Copyright, Mostefai Mohammed Amine, 2013

6 7. Faites passer la sourir sur la variable «me» 8. Vérifiez que cette variable correspond à la valeur passée lors de l appel 9. Appuyez sur F5 pour continuer l exécution 10. Fermez la fenêtre du site 6 Copyright, Mostefai Mohammed Amine, 2013

Documentation utilisateur de la plate-forme administrateur

Documentation utilisateur de la plate-forme administrateur Documentation utilisateur de la plate-forme administrateur Introduction... 2 1. Accès à la plate-forme... 2 2. Création d une barre de navigation... 3 3. Créer un nouveau menu... 4 Créer le nom d un nouveau

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Analyse avec MS-Excel

Analyse avec MS-Excel Analyse avec MS-Excel Gesrisk version 4.03 Exploiter le résultat d une requête dans MS Excel Le logiciel États/requêtes permet de créer une requête personnalisée dont le résultat est renvoyé sous forme

Plus en détail

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015) Conception de Sites Web Dynamiques : TD 2 HTML5 statique, feuille de style CSS, Mise en page, Framework Bootstrap http://www.labri.fr/perso/preuter/cswd2015

Plus en détail

Guide d utilisation. Pour GestiO Saisie Rapide version 1.01.05

Guide d utilisation. Pour GestiO Saisie Rapide version 1.01.05 Guide d utilisation Pour GestiO Saisie Rapide version 1.01.05 Partie 1 : Installation Procédure pour la première installation du logiciel ❶ ❷ ❸ Téléchargement du fichier o Vous devez vous connecter au

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Travaux pratiques 7.3.3b Création de zones de recherche directe principales et secondaires

Travaux pratiques 7.3.3b Création de zones de recherche directe principales et secondaires Travaux pratiques 7.3.3b Création de zones de recherche directe principales et secondaires Objectifs Créer des zones de recherche directe principales et secondaires sur les serveurs DNS Windows Contexte

Plus en détail

Je voudrais recadrer une image, afin qu elle présente un rapport de proportions de 89 127 mm, puis imprimer cette image sur du papier 89 127 mm.

Je voudrais recadrer une image, afin qu elle présente un rapport de proportions de 89 127 mm, puis imprimer cette image sur du papier 89 127 mm. Définition de la taille de l'image et impression Demande Je voudrais recadrer une image, afin qu elle présente un rapport de proportions de 89 127 mm, puis imprimer cette image sur du papier 89 127 mm.

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Préambule. Mettre en français les menus de Open Office

Préambule. Mettre en français les menus de Open Office Préambule Le netbook fourni aux élèves de seconde par la région Guadeloupe est le DELL mini inspiron 1018, le système d exploitation est Linux, la distribution est «Ubuntu 10.04 netbook édition». Le but

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

Prise en main rapide

Prise en main rapide Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un

Plus en détail

Maîtriser son clavier et apprivoiser sa souris

Maîtriser son clavier et apprivoiser sa souris Maîtriser son clavier et sa souris - 13 janvier 2014 p 1 Maîtriser son clavier et apprivoiser sa souris Le but de ce petit tutoriel est de vous aider à mieux connaître votre clavier, à insérer tous les

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Naviguer sur internet, Manipuler les scanners et imprimantes

Naviguer sur internet, Manipuler les scanners et imprimantes Sponsors Tel : 055226812 http://uniprof.gear.host Facebook : uniprof Nom du cours : Naviguer sur internet, Manipuler les scanners et imprimantes C est avec le logiciel Que je gère mon commerce et les stocks

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS

GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS Ajout du code de suivi Google Analytics Page 1 / 7 I. Création du compte sur Google Analytics 1. Connectez-vous à www.google.fr 2. Entrez «Google Analytics» dans la barre de recherche. 3. Cliquez sur le

Plus en détail

PGCTI Certificat. Conversion DOS à Windows. Configuration initiale

PGCTI Certificat. Conversion DOS à Windows. Configuration initiale Certificat Conversion DOS à Windows Configuration initiale Table des matières Conversion DOS à Windows...3 Étape 1 Vérification à faire dans votre logiciel DOS...3 Étape 2 Trouver l emplacement de vos

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Découverte de l EDI Visual Studio 2005 mai 2008

Découverte de l EDI Visual Studio 2005 mai 2008 (Environnement : Microsoft Windows) 1- EDI Visual Studio 2005 VB.net EDI, Environnement de Développement Intégré Anglais : IDE, Integrated Development Environment Programme regroupant : Un éditeur de texte

Plus en détail

Javascript. Gérald Collaud Centre NTE, Université de Fribourg

Javascript. Gérald Collaud Centre NTE, Université de Fribourg Javascript Gérald Collaud Centre NTE, Université de Fribourg Formation continue, septembre-octobre 2000 Programme! Survol - Contexte! Avantages et inconvénients! Concepts principaux! Quelques exemples!

Plus en détail

Vectorisation des images

Vectorisation des images Vectorisation des images Bienvenue dans CorelDRAW, programme de dessin vectoriel et de conception graphique complet destiné aux professionnels de l image. Dans ce didacticiel, vous apprendrez à vectoriser

Plus en détail

OPEN OFFICE - WRITER 2

OPEN OFFICE - WRITER 2 Le publipostage OpenOffice reconnaît des sources de données d origines diverses : carnet d adresses de messageries, logiciels de gestion de base de données, tableurs Pour afficher les sources de données

Plus en détail

Activités HTML avec Ace HTML

Activités HTML avec Ace HTML Activités HTML avec Ace HTML act-html-ace Activités HTML avec Ace HTML Code: act-html-ace Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html-ace/act-html-ace.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html-ace.pdf

Plus en détail

BIEN IMPRIMER DEPUIS INTERNET et autres alternatives

BIEN IMPRIMER DEPUIS INTERNET et autres alternatives BIEN IMPRIMER DEPUIS INTERNET et autres alternatives Imprimer une page web peut s avérer indispensable pour garder une trace ou posséder un support papier. Malheureusement, selon la conception du site,

Plus en détail

Conception d une application Windows Store

Conception d une application Windows Store 1 Conception d une application Windows Store Sommaire Structure d une application Windows Store Création d une première application Windows Store Composants d une application Windows Store Conception d

Plus en détail

Développement de composants WebPart avancés pour SharePoint 2010 avec Visual Studio 2010

Développement de composants WebPart avancés pour SharePoint 2010 avec Visual Studio 2010 Développement de composants WebPart avancés pour SharePoint 2010 avec Visual Studio 2010 Atelier pratique Manuel de l atelier SPCHOL301 SPCHOL301 Composants WebPart avancés VB Ce document est fourni en

Plus en détail

Automatisation des tâches avec les macros Visual Basic

Automatisation des tâches avec les macros Visual Basic Automatisation des tâches avec les macros Visual Basic Si vous ne connaissez pas les macros, ne vous laissez pas impressionner par le terme. Une macro est tout simplement un ensemble mémorisé de frappes

Plus en détail

Tutorial C++ DOTNET pour une application windows.

Tutorial C++ DOTNET pour une application windows. Tutorial C++ DOTNET pour une application windows. Ouverture de Visual Studio 2003 : Cliquez sur démarrer/tous les programmes/microsoft Visual Studio.NET 2003/Microsoft Visual Studio.NET 2003. La fenêtre

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. 1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

NCR-420-35 Hiver 2011

NCR-420-35 Hiver 2011 NCR-420-35 Hiver 2011 Enregistrer un fichier Mettre à jour un fichier Créer un nouveau fichier Ouvrir un fichier Imprimer un fichier Afficher les propriétés d un dossier/fichier Création de raccourcis

Plus en détail

Securexam Consignes pour l EFU Les 2, 3 et 4 juin 2015

Securexam Consignes pour l EFU Les 2, 3 et 4 juin 2015 Securexam Consignes pour l EFU Les 2, 3 et 4 juin 2015 ATTENTION : Consignes aux candidats qui doivent encrypter leur clé USB : Une fois votre ordinateur démarré, avant de lancer Securexam (CA), procédez

Plus en détail

LE TABLEUR EXCEL. Création d'un tableau TRAVAIL À FAIRE

LE TABLEUR EXCEL. Création d'un tableau TRAVAIL À FAIRE Fiche pratique 1 LE TABLEUR EXCEL Création d'un tableau TRAVAIL À FAIRE Première partie ANNEXE 1 ANNEXE 2 Saisir le tableau de l'annexe 1. ATTENTION : Ne pas saisir les numéros de lignes et de colonnes

Plus en détail

Le Système d Exploitation Windows 8

Le Système d Exploitation Windows 8 Le Système d Exploitation Windows 8 La page d accueil... 1 Une Visite dans les angles de l écran.... 3 Le Menu Rechercher.... 4 Pour sortir d une page et revenir sur une autre.... 5 Depuis un site Internet....

Plus en détail

12.2.4 TP : Personnalisation des paramètres de mémoire virtuelle

12.2.4 TP : Personnalisation des paramètres de mémoire virtuelle 12.2.4 TP : Personnalisation des paramètres de mémoire virtuelle Introduction Imprimez et exécutez ce TP. Au cours de ce TP, vous apprendrez à personnaliser les paramètres de mémoire virtuelle. Vous personnaliserez

Plus en détail

Procédure de configuration d'une connexion PPTP vers Télécom Paris sous MacOS X

Procédure de configuration d'une connexion PPTP vers Télécom Paris sous MacOS X Procédure de configuration d'une connexion PPTP vers Télécom Paris sous MacOS X lundi 20 septembre 2004 Version 1 SIAV Service Informatique et AudioVisuel SOMMAIRE 1 HISTORIQUE DES EVOLUTIONS DU DOCUMENT...

Plus en détail

Bluetooth Installation guide UTILISER LE MODULE BLUETOOTH

Bluetooth Installation guide UTILISER LE MODULE BLUETOOTH UTILISER LE MODULE BLUETOOTH 1 Installation du logiciel : Le package d installation du logiciel du module Bluetooth est situé sur le CD Bluetooth. Si vous insérez le module Bluetooth dans l ordinateur

Plus en détail

COMMENT RESTAURER DES EMAILS OUTLOOK AVEC SECURITOO BACKUP

COMMENT RESTAURER DES EMAILS OUTLOOK AVEC SECURITOO BACKUP COMMENT RESTAURER DES EMAILS OUTLOOK AVEC SECURITOO BACKUP Cette fiche pratique vous guide pour restaurer vos emails Outlook avec Securitoo Backup. Restaurer vos emails Outlook. Etape 1 : Double-cliquez

Plus en détail

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

Plus en détail

-Tous les Programmes Accessoires - Explorateur Windows

-Tous les Programmes Accessoires - Explorateur Windows L Explorateur L Explorateur : L explorateur Windows constitue un aperçu global de votre environnement informatique (l ordinateur et son contenu ), ainsi que les ordinateurs du réseau. Vous retrouverez

Plus en détail

Introduction à Expression Web

Introduction à Expression Web Introduction à Expression Web Microsoft Expression Web est la dernière application de gestion et d édition Web de Microsoft. Cet outil de conception professionnel permet de créer des sites modernes de

Plus en détail

IDOT: TP2. Partie 1: La base de données

IDOT: TP2. Partie 1: La base de données IDOT: TP2 Partie 1: La base de données Dans cette partie, nous allons vous expliquer comment importer la base de données sur votre machine et de quoi elle est composée. - Télécharger le script SQL disponible

Plus en détail

DataSet et XML DataSet... 380 XML... 386 Check-list... 399

DataSet et XML DataSet... 380 XML... 386 Check-list... 399 Chapitre 10 DataSet et XML DataSet... 380 XML... 386 Check-list... 399 10 DataSet et XML Ce chapitre présente d autres mécanismes pour manipuler des données structurées et hiérarchiques. DataSet, par exemple,

Plus en détail

CONCEPTION DE PAGES WEB AVEC ADOBE DREAMWEAVER CS4

CONCEPTION DE PAGES WEB AVEC ADOBE DREAMWEAVER CS4 1 CONCEPTION DE PAGES WEB AVEC ADOBE DREAMWEAVER CS4 TABLE DES MATIÈRES Introduction... 3 Résultats... 3 Partie I : Notions de base sur la création d un site Web dans Dreamweaver... 4 Leçon 1 : Définition

Plus en détail

Questions-Réponses 1.48

Questions-Réponses 1.48 Questions-Réponses 1.48 Copyright 2001-2014 Thomas et Mathieu DUBAËLE http://www.atlence.com Tutoriel de mise en route Tutoriel de Questions-Réponses 1.48 Auteurs : Thomas et Mathieu DUBAËLE - Révision

Plus en détail

Introduction ASP.NET

Introduction ASP.NET 1 Sommaire Introduction... 1 1 Framework... 2 1.1 Général (.NET)... 2 1.2 ASP.NET... 2 2 Prérequis... 2 3 Présentation des bases d un projet ASP.NET... 3 3.1 Création d un projet... 3 3.2 Site Web : Les

Plus en détail

Comment bien utiliser le Compte-rendu de visite en formulaire Pdf en 3 étapes

Comment bien utiliser le Compte-rendu de visite en formulaire Pdf en 3 étapes Comment bien utiliser le Compte-rendu de visite en formulaire Pdf en 3 étapes Étapes : I - Téléchargement du fichier. II - Téléchargement et installation du logiciel permettant d utiliser le fichier. III

Plus en détail

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage 26 février 2013 p 1 Aller plus loin avec le tableur : réaliser un suivi du budget du ménage Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office

Plus en détail

L Assistant graphique

L Assistant graphique Activité 2 : Les graphiques avec Excel Un graphique transforme les données en images. Il est un élément visuel qui facilite la compréhension de données statistiques. Cette activité permet d apprendre comment

Plus en détail

Importation et exportation de contenu

Importation et exportation de contenu Importation et exportation de contenu Bienvenue dans Corel DESIGNER, programme de dessin vectoriel complet destiné à la création de graphiques techniques. Dans ce didacticiel, vous allez importer un fichier

Plus en détail

Création d une connexion VPN dans Windows XP pour accéder au réseau local de l UQO. Document préparé par le Service des technologies de l information

Création d une connexion VPN dans Windows XP pour accéder au réseau local de l UQO. Document préparé par le Service des technologies de l information ..... Création d une connexion VPN dans Windows XP pour accéder au réseau local de l UQO.............. Document préparé par le Service des technologies de l information Université du Québec en Outaouais

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

EXTENSION WORDPRESS. Contact Form 7. Proposé par : Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Renseignements sur l inscription et l installation de Securexam

Renseignements sur l inscription et l installation de Securexam Renseignements sur l inscription et l installation de Securexam Vos droits d utilisation doivent être réglés au niveau administrateur pour que vous puissiez installer le logiciel. Au niveau utilisateur,

Plus en détail

Mémento mise à jour d un site all-in-web

Mémento mise à jour d un site all-in-web Mémento mise à jour d un site all-in-web Ce document a pour but de rappeler les principales manipulations pour mettre à jour un site web sous all-in-web. Sommaire 1 La CSS : la mise en forme du site...

Plus en détail

Conception de sites web. Feuille de styles CSS

Conception de sites web. Feuille de styles CSS Conception de sites web Feuille de styles CSS M i s e e n p a g e : s o l u t i o n «v i e i l l e é c o l e» Mise en page par et par Long Vite illisible Peu souple Difficile à modifier

Plus en détail

Installer et exploiter le serveur web local IIS sur un système d exploitation Windows XP 1/3 1 ère étape

Installer et exploiter le serveur web local IIS sur un système d exploitation Windows XP 1/3 1 ère étape Modifier cet article (283) Recalculer cette page * Les Médecins Maîtres-Toile Accueil Nouvelles Technologies Installer et exploiter le serveur web local IIS sur un système d exploitation Windows XP 1/3

Plus en détail

Travail de laboratoire 1 Introduction à Windows XP

Travail de laboratoire 1 Introduction à Windows XP INF1025-20 Session Été 2009 Travail de laboratoire 1 Introduction à Windows XP A. PARTIE 1 1. Démarrer Windows et visualiser le bureau. a. Allumez l ordinateur, sélectionnez votre nom d utilisateur et,

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

Plus en détail

Une fois l installation d OE faite, lancez-le. Vous tomberez sur ce premier visuel qui vous permettra de choisir de créer votre premier site web.

Une fois l installation d OE faite, lancez-le. Vous tomberez sur ce premier visuel qui vous permettra de choisir de créer votre premier site web. Le logiciel openelement est un éditeur de nouvelle génération qui vous aidera à créer un site internet quels que soient vos besoins (sites particuliers, sites vitrines, sites associatifs, sites d entreprise,

Plus en détail

Concepts de base de Word

Concepts de base de Word Concepts de base de Word Word est une application performante de traitement de texte et de mise en page. Pour en tirer le meilleur parti, il faut d abord en comprendre les concepts de base. Ce didacticiel

Plus en détail

Affichage d'une table de base de données

Affichage d'une table de base de données Affichage d'une table de base de données par Philippe Vialatte (Traduction) (ma page DVP) (Blog) Date de publication : 22 Avril 2009 Dernière mise à jour : Traduction...3 Introduction...3 Créer les classes

Plus en détail

ASP. Etape par étape. 1ère partie : Introduction à asp.net. (Révision : 2 du 05/11/2004 13 pages) Avertissement :

ASP. Etape par étape. 1ère partie : Introduction à asp.net. (Révision : 2 du 05/11/2004 13 pages) Avertissement : ASP Etape par étape 1ère partie : Introduction à asp.net (Révision : 2 du 05/11/2004 13 pages) Avertissement : Ce document peut comporter des erreurs. Cependant, tout a été mis en œuvre afin de ne pas

Plus en détail

Tutoriel d utilisation du Back-Office du site de la ligue

Tutoriel d utilisation du Back-Office du site de la ligue Tutoriel d utilisation du Back-Office du site de la ligue Sommaire 1) Accès au back office 2) Espace de gestion 3) Menu «Administration» 4) Menu «Publications» 5) Menu «Widgets» 6) Menu «Newsletters» 7)

Plus en détail

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page

Plus en détail

La Clé informatique. Formation Excel XP Aide-mémoire

La Clé informatique. Formation Excel XP Aide-mémoire La Clé informatique Formation Excel XP Aide-mémoire Septembre 2005 Table des matières Qu est-ce que le logiciel Microsoft Excel?... 3 Classeur... 4 Cellule... 5 Barre d outil dans Excel...6 Fonctions habituelles

Plus en détail

SynomegaBackup. Solution de sauvegarde externalisée de vos données. Manuel d utilisation

SynomegaBackup. Solution de sauvegarde externalisée de vos données. Manuel d utilisation SynomegaBackup Solution de sauvegarde externalisée de vos données (simplifié) Introduction Votre sauvegarde externalisée nécessite l installation préalable de l outil «Connected Backup». Nous traitons

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Introduction. OneNote - Webinaire Page 1

Introduction. OneNote - Webinaire Page 1 Introduction OneNote - Webinaire Page 1 OneNote - Webinaire Page 2 OneNote - Webinaire Page 3 OneNote - Webinaire Page 4 Survol rapide de OneNote En quoi les pages OneNote sont-elles différentes? Vous

Plus en détail

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows TP 1 : HTML 4 EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows : Bloc-notes ou bien EDIT en mode MS-DOS suivant votre ordinateur. Les utilisateurs

Plus en détail

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel PAGE L écran du logiciel d Open Office Draw Nom du document : Nom d enregistrement Barre de mise forme: Ligne, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de

Plus en détail

Installation de FRAMIGEST 1.3 et supe rieure.

Installation de FRAMIGEST 1.3 et supe rieure. Installation de FRAMIGEST 1.3 et supe rieure. Installation avec Serveur WINDOWS XP : utilisez le manuel spécifique à Windows XP Avant de commencer, vérifiez que la session Windows sous laquelle vous vous

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

Administration de votre site web

Administration de votre site web Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article...

Plus en détail

Utilisation et Support de l extranet des écoles Eduvs

Utilisation et Support de l extranet des écoles Eduvs Utilisation et Support de l extranet des écoles Eduvs Comment se connecter à l extranet Résolution des problèmes d affichage des dossiers personnels sur windows xp Résolution des problèmes d affichage

Plus en détail

Création d un Site WEB

Création d un Site WEB RAPPORT DE STAGE DE L INFORMATIQUE POUR L INGÉNIEUR Création d un Site WEB Réalisé par : Badie SAADA Med Amine BAATOUT Surveillé par : Mme Syrine CHARFI Mme Sonia ALOUANE 25 septembre 2013 Table des matières

Plus en détail

Carrefour de l information. Université de Sherbrooke. Création de sites Web à l aide de. Dreamweaver CS3. Par :

Carrefour de l information. Université de Sherbrooke. Création de sites Web à l aide de. Dreamweaver CS3. Par : Carrefour de l information Université de Sherbrooke Création de sites Web à l aide de Dreamweaver CS3 Par : Josée Martin Édition revue et augmentée par Marc-André Dulude Édition revue et augmentée par

Plus en détail

PARAMETRER UN COMPTE DE MESSAGERIE AVEC UN NOM DE DOMAINE

PARAMETRER UN COMPTE DE MESSAGERIE AVEC UN NOM DE DOMAINE PARAMETRER UN COMPTE DE MESSAGERIE AVEC UN NOM DE DOMAINE Ce document vous indique comment utiliser votre nom de domaine dans votre compte de messagerie, à travers les logiciels les plus courants. Les

Plus en détail

FICHE PRATIQUE N 14 CREER UN QUESTIONNAIRE E SUR

FICHE PRATIQUE N 14 CREER UN QUESTIONNAIRE E SUR Google propose à travers son service Google Drive (service de stockage et de partage de fichiers en ligne) un outil pratique permettant la création de formulaire : questionnaire de satisfaction, formulaire

Plus en détail

19) Google Sites - Ajouter un diaporama Picasa

19) Google Sites - Ajouter un diaporama Picasa 19) Google Sites - Ajouter un diaporama Picasa Dans ce chapitre nous allons voir comment insérer un diaporama Picasa dans un Google Sites. Sélectionnez les menus plus > et encore plus... Dans la page des

Plus en détail

1. Téléchargement et installation

1. Téléchargement et installation Tutoriel C-MAP C-MAP est un logiciel libre et gratuit qui permet de créer facilement ses propres cartes de concept. Il s'est développé au sein du Florida Institute for Human & Machine Cognition avec à

Plus en détail

Présentation de l environnement de développement SharePoint

Présentation de l environnement de développement SharePoint Présentation de l environnement de développement SharePoint Atelier pratique Manuel de l atelier SPCHOL303 Utilisation du modèle objet client et de REST à partir d une application.net C# Ce document est

Plus en détail

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source JOOMLA Introduction Joomla est un système de gestion de contenu CMS open source Il permet la conception rapide de sites Web avec une présentation soignée et une navigation très simple C est l outil idéal

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» Les bases du traitement de texte OpenOffice Writer Démarrer le logiciel : o Menu Démarrer > Tous les programmes > OpenOffice.org

Plus en détail

Initiation HTML 5 / CSS 3. Clément Bourgoin cb@nokto.net v1.0-17/01/2013

Initiation HTML 5 / CSS 3. Clément Bourgoin cb@nokto.net v1.0-17/01/2013 Initiation HTML 5 / CSS 3 Clément Bourgoin cb@nokto.net v1.0-17/01/2013 1. Les langages du web Pour créer un site web, on utilise au moins deux langages : le HTML et le CSS. Il en existe d'autres mais

Plus en détail

Migration paramètres de compte et dossiers d'outlook express d'une session Windows à une autre session nouvellement créée

Migration paramètres de compte et dossiers d'outlook express d'une session Windows à une autre session nouvellement créée Migration paramètres de compte et dossiers d'outlook express d'une session Windows à une autre session nouvellement créée Tout d'abord exportez votre carnet d'adresse : - allez dans le menu Outils, puis

Plus en détail

Samsung Auto Backup Guide de démarrage rapide

Samsung Auto Backup Guide de démarrage rapide Samsung Auto Backup Guide de démarrage rapide Ce document est conçu sous la forme d un guide de démarrage rapide. Pour des informations plus détaillées, veuillez-vous reporter au manuel de l utilisateur

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

INF1473 - Entreposage et prospection de Données. Utilisation de SSIS SQL Server 2005

INF1473 - Entreposage et prospection de Données. Utilisation de SSIS SQL Server 2005 Utilisation de SSIS SQL Server 2005 A la fin de cet atelier, l étudiant sera en mesure de : Comprendre le processus de prétraitement de données (intégration, transformation, sélection et réduction) à l

Plus en détail

Bienvenue sur l aide Bibexport Fonctionnalités CREDIT : Visualisation et état du compte, réception des paiements, relevé de facturation et

Bienvenue sur l aide Bibexport Fonctionnalités CREDIT : Visualisation et état du compte, réception des paiements, relevé de facturation et Bienvenue sur l aide Bibexport Fonctionnalités CREDIT : Visualisation et état du, réception des paiements, relevé de et visualisation des. Ces pages vous permettront d obtenir de plus amples informations

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

2015 Securexam Guide d utilisation

2015 Securexam Guide d utilisation 2015 Securexam Guide d utilisation Les désignations «Comptables professionnels agréés du Canada», «CPA Canada» et «CPA» sont des marques de commerce ou de certification des Comptables professionnels agréés

Plus en détail

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE

CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE CREATION D UN QUESTIONNAIRE AVEC QUESTION-REPONSE ETAPE 1 : CREATION DU QUESTIONNAIRE SIMPLE Nous allons concevoir un questionnaire sur les moyens de communications. Pour créer un formulaire, cliquez sur

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

Guide de mise en route

Guide de mise en route Guide de mise en route Table des matières Bienvenue dans Corel VideoStudio Pro X5.......................... 2 Nouveautés et améliorations.................................... 4 L'espace de travail, un espace

Plus en détail

TD n 1 : Architecture 3 tiers

TD n 1 : Architecture 3 tiers 2008 TD n 1 : Architecture 3 tiers Franck.gil@free.fr 27/10/2008 1 TD n 1 : Architecture 3 tiers 1 INTRODUCTION Ce TD, se propose de vous accompagner durant l installation d un environnement de développement

Plus en détail