HTTP, HTML

Conception de documents et d'interfaces numériques

HTTP

HyperText Transfer Protocol

Requête

Réponse

Client

Serveur

Envoyer une requête à un serveur

 https :// iutparis-seine.u-paris.fr /

Protocol

Domain

Path

Uniform Resource Locator (URL)

GET /

Document

Navigateur

iutparis-seine.u-paris.fr

Envoyer une requête à un serveur

Contenu d'une requête HTTP

GET / HTTP/1.1
Host: iutparis-seine.u-paris.fr
User-Agent: curl/7.74.0
Accept: */*

Réponse HTTP

HTTP/1.1 200 OK
Date: Thu, 02 Sep 2021 11:10:51 GMT
Server: Apache/2.4.38 (Debian)
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Set-Cookie: PHPSESSID=nqp5o4ipop7v5paig5h65b04r9; path=/
Last-Modified: Thu, 02 Sep 2021 10:54:10 GMT
Content-Type: text/html; charset=UTF-8

[CORPS DE LA REPONSE]

Corps de la réponse

<!DOCTYPE html>
<html lang="fr-FR">
<head>
	<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="pingback" href="https://iutparis-seine.u-paris.fr/xmlrpc.php" />

	<script type="text/javascript">
		document.documentElement.className = 'js';
	</script>

	<script>var et_site_url='https://iutparis-seine.u-paris.fr';var et_post_id='4';function et_core_page_resource_fallback(a,b){"undefined"===typeof b&&(b=a.sheet.cssRules&&0===a.sheet.cssRules.length);b&&(a.onerror=null,a.onload=null,a.href?a.href=et_site_url+"/?et_core_page_resource="+a.id+et_post_id:a.src&&(a.src=et_site_url+"/?et_core_page_resource="+a.id+et_post_id))}
</script><title>IUT de Paris - Rives de Seine | Bienvenue sur le site de l&#039;IUT de Paris - Rives de Seine</title>
<style type="text/css" media="screen">#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover,body #booked-profile-page input[type=submit].button-primary:hover,body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover,body table.booked-calendar input[type=submit].button-primary:hover,body .booked-modal input[type=submit].button-primary:hover,body table.booked-calendar th,body table.booked-calendar thead,body table.booked-calendar thead th,body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,body #booked-profile-page .booked-profile-header,body #booked-profile-page .booked-tabs li.active a,body #booked-profile-page .booked-tabs li.active a:hover,body #booked-profile-page .appt-block .google-cal-button > a:hover,#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{ background:#c4f2d4 !important; }body #booked-profile-page input[type=submit].button-primary:hover,body table.booked-calendar input[type=submit].button-primary:hover,body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover,body .booked-modal input[type=submit].button-primary:hover,body table.booked-calendar th,body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,body #booked-profile-page .booked-profile-header,body #booked-profile-page .appt-block .google-cal-button > a:hover{ border-color:#c4f2d4 !important; }body table.booked-calendar tr.days,body table.booked-calendar tr.days th,body .booked-calendarSwitcher.calendar,body #booked-profile-page .booked-tabs,#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{ background:#039146 !important; }body table.booked-calendar tr.days th,body #booked-profile-page .booked-tabs{ border-color:#039146 !important; }#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a,#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover,body #booked-profile-page input[type=submit].button-primary,body table.booked-calendar input[type=submit].button-primary,body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary,body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary,body .booked-modal input[type=submit].button-primary,body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block,body #booked-profile-page .appt-block .google-cal-button > a,body .booked-modal p.booked-title-bar,body table.booked-calendar td:hover .date span,body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,.booked-ms-modal .booked-book-appt /* Multi-Slot Booking */{ background:#56c477; }body #booked-profile-page input[type=submit].button-primary,body table.booked-calendar input[type=submit].button-primary,body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary,body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary,body .booked-modal input[type=submit].button-primary,body #booked-profile-page .appt-block .google-cal-button > a,body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{ border-color:#56c477; }body .booked-modal .bm-window p i.fa,body .booked-modal .bm-window a,body .booked-appt-list .booked-public-appointment-title,body .booked-modal .bm-window p.appointment-title,.booked-ms-modal.visible:hover .booked-book-appt{ color:#56c477; }.booked-appt-list .timeslot.has-title .booked-public-appointment-title { color:inherit; }</style><link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="IUT de Paris - Rives de Seine &raquo; Flux" href="https://iutparis-seine.u-paris.fr/feed/" />
<link rel="alternate" type="application/rss+xml" title="IUT de Paris - Rives de Seine &raquo; Flux des commentaires" href="https://iutparis-seine.u-paris.fr/comments/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"wpemoji":"https:\/\/iutparis-seine.u-paris.fr\/wp-includes\/js\/wp-emoji.js?ver=5.3.8","twemoji":"https:\/\/iutparis-seine.u-paris.fr\/wp-includes\/js\/twemoji.js?ver=5.3.8"}};
			/**
 * @output wp-includes/js/wp-emoji-loader.js
 */

( function( window, document, settings ) {
	var src, ready, ii, tests;

	// Create a canvas element for testing native browser support of emoji.
	var canvas = document.createElement( 'canvas' );
	var context = canvas.getContext && canvas.getContext( '2d' );

	/**
	 * Checks if two sets of Emoji characters render the same visually.
	 *
	 * @since 4.9.0
	 *
	 * @private
	 *
	 * @param {number[]} set1 Set of Emoji character codes.
	 * @param {number[]} set2 Set of Emoji character codes.
	 *
	 * @return {boolean} True if the two sets render the same.
	 */
	function emojiSetsRenderIdentically( set1, set2 ) {
		var stringFromCharCode = String.fromCharCode;

		// Cleanup from previous test.
		context.clearRect( 0, 0, canvas.width, canvas.height );
		context.fillText( stringFromCharCode.apply( this, set1 ), 0, 0 );
		var rendered1 = canvas.toDataURL();

		// Cleanup from previous test.
		context.clearRect( 0, 0, canvas.width, canvas.height );
		context.fillText( stringFromCharCode.apply( this, set2 ), 0, 0 );
		var rendered2 = canvas.toDataURL();

		return rendered1 === rendered2;
	}

	/**
	 * Detects if the browser supports rendering emoji or flag emoji.
	 *
	 * Flag emoji are a single glyph made of two characters, so some browsers
	 * (notably, Firefox OS X) don't support them.
	 *
	 * @since 4.2.0
	 *
	 * @private
	 *
	 * @param {string} type Whether to test for support of "flag" or "emoji".
	 *
	 * @return {boolean} True if the browser can render emoji, false if it cannot.
	 */
	function browserSupportsEmoji( type ) {
		var isIdentical;

		if ( ! context || ! context.fillText ) {
			return false;
		}

		/*
		 * Chrome on OS X added native emoji rendering in M41. Unfortunately,
		 * it doesn't work when the font is bolder than 500 weight. So, we
		 * check for bold rendering support to avoid invisible emoji in Chrome.
		 */
		context.textBaseline = 'top';
		context.font = '600 32px Arial';

		switch ( type ) {
			case 'flag':
				/*
				 * Test for Transgender flag compatibility. This flag is shortlisted for the Emoji 13 spec,
				 * but has landed in Twemoji early, so we can add support for it, too.
				 *
				 * To test for support, we try to render it, and compare the rendering to how it would look if
				 * the browser doesn't render it correctly (white flag emoji + transgender symbol).
				 */
				isIdentical = emojiSetsRenderIdentically(
					[ 0x1F3F3, 0xFE0F, 0x200D, 0x26A7, 0xFE0F ],
					[ 0x1F3F3, 0xFE0F, 0x200B, 0x26A7, 0xFE0F ]
				);

				if ( isIdentical ) {
					return false;
				}

				/*
				 * Test for UN flag compatibility. This is the least supported of the letter locale flags,
				 * so gives us an easy test for full support.
				 *
				 * To test for support, we try to render it, and compare the rendering to how it would look if
				 * the browser doesn't render it correctly ([U] + [N]).
				 */
				isIdentical = emojiSetsRenderIdentically(
					[ 0xD83C, 0xDDFA, 0xD83C, 0xDDF3 ],
					[ 0xD83C, 0xDDFA, 0x200B, 0xD83C, 0xDDF3 ]
				);

				if ( isIdentical ) {
					return false;
				}

				/*
				 * Test for English flag compatibility. England is a country in the United Kingdom, it
				 * does not have a two letter locale code but rather an five letter sub-division code.
				 *
				 * To test for support, we try to render it, and compare the rendering to how it would look if
				 * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).
				 */
				isIdentical = emojiSetsRenderIdentically(
					[ 0xD83C, 0xDFF4, 0xDB40, 0xDC67, 0xDB40, 0xDC62, 0xDB40, 0xDC65, 0xDB40, 0xDC6E, 0xDB40, 0xDC67, 0xDB40, 0xDC7F ],
					[ 0xD83C, 0xDFF4, 0x200B, 0xDB40, 0xDC67, 0x200B, 0xDB40, 0xDC62, 0x200B, 0xDB40, 0xDC65, 0x200B, 0xDB40, 0xDC6E, 0x200B, 0xDB40, 0xDC67, 0x200B, 0xDB40, 0xDC7F ]
				);

				return ! isIdentical;
			case 'emoji':
				/*
				 * Love is love.
				 *
				 * To test for Emoji 12 support, try to render a new emoji: men holding hands, with different skin
				 * tone modifiers.
				 *
				 * When updating this test for future Emoji releases, ensure that individual emoji that make up the
				 * sequence come from older emoji standards.
				 */
				isIdentical = emojiSetsRenderIdentically(
					[0xD83D, 0xDC68, 0xD83C, 0xDFFE, 0x200D, 0xD83E, 0xDD1D, 0x200D, 0xD83D, 0xDC68, 0xD83C, 0xDFFC],
					[0xD83D, 0xDC68, 0xD83C, 0xDFFE, 0x200B, 0xD83E, 0xDD1D, 0x200B, 0xD83D, 0xDC68, 0xD83C, 0xDFFC]
				);

				return ! isIdentical;
		}

		return false;
	}

	/**
	 * Adds a script to the head of the document.
	 *
	 * @ignore
	 *
	 * @since 4.2.0
	 *
	 * @param {Object} src The url where the script is located.
	 * @return {void}
	 */
	function addScript( src ) {
		var script = document.createElement( 'script' );

		script.src = src;
		script.defer = script.type = 'text/javascript';
		document.getElementsByTagName( 'head' )[0].appendChild( script );
	}

	tests = Array( 'flag', 'emoji' );

	settings.supports = {
		everything: true,
		everythingExceptFlag: true
	};

	/*
	 * Tests the browser support for flag emojis and other emojis, and adjusts the
	 * support settings accordingly.
	 */
	for( ii = 0; ii < tests.length; ii++ ) {
		settings.supports[ tests[ ii ] ] = browserSupportsEmoji( tests[ ii ] );

		settings.supports.everything = settings.supports.everything && settings.supports[ tests[ ii ] ];

		if ( 'flag' !== tests[ ii ] ) {
			settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && settings.supports[ tests[ ii ] ];
		}
	}

	settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && ! settings.supports.flag;

	// Sets DOMReady to false and assigns a ready function to settings.
	settings.DOMReady = false;
	settings.readyCallback = function() {
		settings.DOMReady = true;
	};

	// When the browser can not render everything we need to load a polyfill.
	if ( ! settings.supports.everything ) {
		ready = function() {
			settings.readyCallback();
		};

		/*
		 * Cross-browser version of adding a dom ready event.
		 */
		if ( document.addEventListener ) {
			document.addEventListener( 'DOMContentLoaded', ready, false );
			window.addEventListener( 'load', ready, false );
		} else {
			window.attachEvent( 'onload', ready );
			document.attachEvent( 'onreadystatechange', function() {
				if ( 'complete' === document.readyState ) {
					settings.readyCallback();
				}
			} );
		}

		src = settings.source || {};

		if ( src.concatemoji ) {
			addScript( src.concatemoji );
		} else if ( src.wpemoji && src.twemoji ) {
			addScript( src.twemoji );
			addScript( src.wpemoji );
		}
	}

} )( window, document, window._wpemojiSettings );
		</script>
		<meta content="IUT UP Divi Child v.1.0.0" name="generator"/><style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='wp-block-library-css'  href='https://iutparis-seine.u-paris.fr/wp-includes/css/dist/block-library/style.css?ver=5.3.8' type='text/css' media='all' />
<link rel='stylesheet' id='LocalFontsPluginCSS-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/LocalFontsPlugin/assets/css/LocalFontsPlugin.css?ver=5.3.8' type='text/css' media='all' />
<link rel='stylesheet' id='booked-icons-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/css/icons.css?ver=2.1' type='text/css' media='all' />
<link rel='stylesheet' id='booked-tooltipster-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/js/tooltipster/css/tooltipster.css?ver=3.3.0' type='text/css' media='all' />
<link rel='stylesheet' id='booked-tooltipster-theme-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/js/tooltipster/css/themes/tooltipster-light.css?ver=3.3.0' type='text/css' media='all' />
<link rel='stylesheet' id='booked-animations-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/css/animations.css?ver=2.1' type='text/css' media='all' />
<link rel='stylesheet' id='booked-styles-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/css/styles.css?ver=2.1' type='text/css' media='all' />
<link rel='stylesheet' id='booked-responsive-css'  href='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/css/responsive.css?ver=2.1' type='text/css' media='all' />
<link rel='stylesheet' id='divi-style-css'  href='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/style.dev.css?ver=5.3.8' type='text/css' media='all' />
<link rel='stylesheet' id='iutUP-divi-child-style-css'  href='https://iutparis-seine.u-paris.fr/wp-content/themes/iutUP-divi-child/style.css?ver=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='font-darby-css'  href='https://iutparis-seine.u-paris.fr/wp-content/themes/iutUP-divi-child/font/darby/1812-XWBAJH.css?ver=5.3.8' type='text/css' media='all' />
<link rel='stylesheet' id='et-shortcodes-responsive-css-css'  href='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/epanel/shortcodes/css/shortcodes_responsive.css?ver=3.29.2' type='text/css' media='all' />
<link rel='stylesheet' id='magnific-popup-css'  href='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/styles/magnific_popup.css?ver=3.29.2' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css'  href='https://iutparis-seine.u-paris.fr/wp-includes/css/dashicons.css?ver=5.3.8' type='text/css' media='all' />
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/jquery/jquery-migrate.js?ver=1.4.1'></script>
<link rel='https://api.w.org/' href='https://iutparis-seine.u-paris.fr/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://iutparis-seine.u-paris.fr/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://iutparis-seine.u-paris.fr/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 5.3.8" />
<link rel="canonical" href="https://iutparis-seine.u-paris.fr/" />
<link rel='shortlink' href='https://iutparis-seine.u-paris.fr/' />
<link rel="alternate" type="application/json+oembed" href="https://iutparis-seine.u-paris.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fiutparis-seine.u-paris.fr%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://iutparis-seine.u-paris.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fiutparis-seine.u-paris.fr%2F&#038;format=xml" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><!--<link rel="stylesheet" type="text/css" href="font/darby/1812-XWBAJH.css">-->
<script type="text/javascript">
jQuery(function($){
	// cacher langue quand francais seul
 	if($('.menu-item-503').children('.sub-menu').length == 0) {
        $('.menu-item-503').css('visibility', 'hidden');
    }
});
</script>
<script>
jQuery(function($){
    var maxL = 267;
    $('#page_type_blog article p').each(function (i, div) {

        var text = $(div).text();
        if(text.length > maxL) {

            var coupure = text.substr(0, maxL)
            var espace = coupure.lastIndexOf(" ")
			var extrait = coupure.substr(0, espace)

            $(div).html(extrait).append('...')

        }
    });
})
</script>
<script>
jQuery(function($){
	// partage
	$('.et-boc').prepend($('.sharedaddy'));
	$( 'li.share-print' ).after( "| <li class='partage'>PARTAGER</li><br>" );
	$( '.partage' ).click(function() {
		$('.share-facebook').toggleClass('visible');
		$('.share-twitter').toggleClass('visible');
		$('.share-linkedin').toggleClass('visible');
		$('.share-jetpack-whatsapp').toggleClass('visible');
	});
	
	// mots clés
	if(!$('.et_pb_post .et_post_meta_wrapper p.post-meta a').length){ $('.et_pb_post .et_post_meta_wrapper p.post-meta').css('display', 'none'); }
});
	
</script>
<script type="text/javascript" src="https://u-paris.fr/tarteaucitron/tarteaucitron.js"></script>

<script type="text/javascript">
        tarteaucitron.init({
    	  "privacyUrl": "", /* Privacy policy url */

    	  "hashtag": "#tarteaucitroniutrivedeseine", /* Open the panel with this hashtag */
    	  "cookieName": "tarteaucitroniutrivedeseine", /* Cookie name */

    	  "orientation": "bottom", /* Banner position (top - bottom) */

    	  "showAlertSmall": false, /* Show the small banner on bottom right */
    	  "cookieslist": false, /* Show the cookie list */

          "showIcon": false, /* Show cookie icon to manage cookies */
          "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */

    	  "adblocker": false, /* Show a Warning if an adblocker is detected */

          "DenyAllCta" : true, /* Show the deny all button */
          "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
          "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */

    	  "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */

    	  "removeCredit": true, /* Remove credit link */
    	  "moreInfoLink": true, /* Show more info link */

          "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
          "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */

    	  //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
          "readmoreLink": "", /* Change the default readmore link */
          "mandatory": true, /* Show a message about mandatory cookies */
        });
        </script>


<script type="text/javascript">
        tarteaucitron.user.matomoId = 30;
        tarteaucitron.user.matomoHost = '//livestat.parisdescartes.fr/';
        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
        </script><link rel="icon" href="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2020/10/Universite_Paris_Favicon.png" sizes="32x32" />
<link rel="icon" href="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2020/10/Universite_Paris_Favicon.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2020/10/Universite_Paris_Favicon.png" />
<meta name="msapplication-TileImage" content="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2020/10/Universite_Paris_Favicon.png" />
<link rel="stylesheet" id="et-core-unified-cached-inline-styles" href="https://iutparis-seine.u-paris.fr/wp-content/cache/et/1/3/4/et-core-unified-16306787656966.min.css" onerror="et_core_page_resource_fallback(this, true)" onload="et_core_page_resource_fallback(this)" /></head>
<body class="home page-template-default page page-id-4 page-parent et_button_icon_visible et_pb_button_helper_class et_fixed_nav et_show_nav et_secondary_nav_enabled et_secondary_nav_only_menu et_pb_gutter osx et_pb_gutters3 et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_pb_footer_columns2 et_header_style_left et_pb_pagebuilder_layout et_right_sidebar et_divi_theme et-db">
	<div id="page-container">

					<div id="top-header">
			<div class="container clearfix">

			
				<div id="et-secondary-menu">
				<ul id="et-secondary-nav" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4222"><a href="http://u-paris.fr/bienvenue">Étudiants</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4221"><a href="https://ent.parisdescartes.fr">Personnels</a></li>
</ul>				</div> <!-- #et-secondary-menu -->

			</div> <!-- .container -->
		</div> <!-- #top-header -->
		
	
			<header id="main-header" data-height-onload="60">
			<div class="container clearfix et_menu_container">
							<div class="logo_container">
					<span class="logo_helper"></span>
					<a href="https://iutparis-seine.u-paris.fr/">
						<img src="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2020/12/UniversiteParis_IUTParis-RdS.jpg" alt="IUT de Paris - Rives de Seine" id="logo" data-height-percentage="70" />
					</a>
				</div>
							<div id="et-top-navigation" data-height="60" data-fixed-height="60">
											<nav id="top-menu-nav">
						<ul id="top-menu" class="nav"><li id="menu-item-1366" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1366"><a href="#">L&#8217;Institut</a>
<ul class="sub-menu">
	<li id="menu-item-320" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-320"><a href="https://iutparis-seine.u-paris.fr/notre-projet/">Notre projet</a></li>
	<li id="menu-item-319" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-319"><a href="https://iutparis-seine.u-paris.fr/departements-denseignement/">Départements d’enseignement</a></li>
	<li id="menu-item-318" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-318"><a href="https://iutparis-seine.u-paris.fr/organigramme/">Organigramme</a></li>
	<li id="menu-item-23822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23822"><a href="https://iutparis-seine.u-paris.fr/statuts-et-reglement-interieur/">Statuts et règlement intérieur</a></li>
	<li id="menu-item-430" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-430"><a href="https://iutparis-seine.u-paris.fr/travailler-a-liut/">Travailler à l&#8217;IUT</a></li>
	<li id="menu-item-317" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-317"><a href="https://iutparis-seine.u-paris.fr/acces-et-contact/">Accès et contact</a></li>
</ul>
</li>
<li id="menu-item-91" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-91"><a href="#">Nos formations</a>
<ul class="sub-menu">
	<li id="menu-item-338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-338"><a href="https://iutparis-seine.u-paris.fr/commerce-et-marketing/">Commerce et marketing</a></li>
	<li id="menu-item-337" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-337"><a href="https://iutparis-seine.u-paris.fr/gestion-et-audit/">Gestion et audit</a></li>
	<li id="menu-item-336" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-336"><a href="https://iutparis-seine.u-paris.fr/information-et-communication/">Information et communication</a></li>
	<li id="menu-item-335" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-335"><a href="https://iutparis-seine.u-paris.fr/informatique/">Informatique</a></li>
	<li id="menu-item-334" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-334"><a href="https://iutparis-seine.u-paris.fr/metiers-du-social-socioculturel/">Métiers du social et du socioculturel</a></li>
	<li id="menu-item-333" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-333"><a href="https://iutparis-seine.u-paris.fr/metiers-de-la-data/">Métiers de la Data</a></li>
</ul>
</li>
<li id="menu-item-92" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-92"><a href="#">Entreprises et FTLV</a>
<ul class="sub-menu">
	<li id="menu-item-368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-368"><a href="https://iutparis-seine.u-paris.fr/lapprentissage/">L’apprentissage</a></li>
	<li id="menu-item-367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-367"><a href="https://iutparis-seine.u-paris.fr/la-ftlv/">La FTLV</a></li>
	<li id="menu-item-366" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-366"><a href="https://iutparis-seine.u-paris.fr/projets-et-stages/">Projets et stages</a></li>
	<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-365"><a href="https://iutparis-seine.u-paris.fr/taxe-dapprentissage/">Taxe d’apprentissage</a></li>
	<li id="menu-item-429" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-429"><a href="https://iutparis-seine.u-paris.fr/le-starter/">Le Starter</a></li>
</ul>
</li>
<li id="menu-item-275" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-275"><a href="#">International</a>
<ul class="sub-menu">
	<li id="menu-item-364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-364"><a href="https://iutparis-seine.u-paris.fr/welcome-to-the-iut-de-paris-rds/">Welcome to the IUT</a></li>
	<li id="menu-item-363" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-363"><a href="https://iutparis-seine.u-paris.fr/studying-in-paris/">Studying in Paris</a></li>
	<li id="menu-item-4206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4206"><a href="https://iutparis-seine.u-paris.fr/course-offer/">Course offer</a></li>
	<li id="menu-item-360" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-360"><a href="https://iutparis-seine.u-paris.fr/partir-a-letranger/">Partir à l’étranger</a></li>
</ul>
</li>
<li id="menu-item-143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-143"><a href="#">Vie à l&#8217;IUT</a>
<ul class="sub-menu">
	<li id="menu-item-406" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-406"><a href="https://iutparis-seine.u-paris.fr/plateau-technique/">Plateau Technique</a></li>
	<li id="menu-item-1367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1367"><a href="https://iutparis-seine.u-paris.fr/bibliotheque-de-liut/">Bibliothèque</a></li>
	<li id="menu-item-404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-404"><a href="https://iutparis-seine.u-paris.fr/restauration/">Restauration</a></li>
	<li id="menu-item-1384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1384"><a href="https://iutparis-seine.u-paris.fr/le-jardin-partage/">Le jardin partagé</a></li>
	<li id="menu-item-3092" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3092"><a href="https://iutparis-seine.u-paris.fr/vie-etudiante/">Vie Etudiante à l&#8217;IUT</a></li>
	<li id="menu-item-403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-403"><a href="https://iutparis-seine.u-paris.fr/cesure/">Année de césure</a></li>
	<li id="menu-item-402" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-402"><a href="https://iutparis-seine.u-paris.fr/accessibilite-et-handicap/">Accessibilité et handicap</a></li>
	<li id="menu-item-407" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-407"><a href="https://iutparis-seine.u-paris.fr/service-social/">Service social</a></li>
</ul>
</li>
</ul>						</nav>
					
					
					
										<div id="et_top_search">
						<span id="et_search_icon"></span>
					</div>
					
					<div id="et_mobile_nav_menu">
				<div class="mobile_nav closed">
					<span class="select_page">Sélectionner une page</span>
					<span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
				</div>
			</div>				</div> <!-- #et-top-navigation -->
			</div> <!-- .container -->
			<div class="et_search_outer">
				<div class="container et_search_form_container">
					<form role="search" method="get" class="et-search-form" action="https://iutparis-seine.u-paris.fr/">
					<input type="search" class="et-search-field" placeholder="Rechercher &hellip;" value="" name="s" title="Rechercher:" />			/form>
					<span class="et_close_search_field"></span>
				</div>
			</div>
		</header> <!-- #main-header -->
			<div id="et-main-area">
	
<div id="main-content">


			
				<article id="post-4" class="post-4 page type-page status-publish hentry">

				
					<div class="entry-content">
					<div id="et-boc" class="et-boc">
			
			<div class="et_builder_inner_content et_pb_gutters3">
				<div class="et_pb_section et_pb_section_0 et_section_regular">
				
				
				
				
					<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_post_slider et_pb_post_slider_0 et_pb_slider et_pb_post_slider_image_background et_pb_slider_fullwidth_off">
				
				
				<div class="et_pb_slides">
									<div class="et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark" >
												<div class="et_pb_container clearfix">
					<div class="et_pb_slider_container_inner">
												<div class="et_pb_slide_description">
															<h2 class="et_pb_slide_title"><a href="https://iutparis-seine.u-paris.fr/rentree-2021-2022/">Livret &#8220;Etudier à l&#8217;IUT&#8221; 2021-2022</a></h2>
								<div class="et_pb_slide_content ">
									<div><div id="et-boc" class="et-boc">
			
			<div class="et_builder_inner_content et_pb_gutters3">
				<p>Etudiant.e à l&#8217;IUT de Paris &#8211; Rives de Seine ? Le livret &#8220;Etudier à l&#8217;IUT&#8221; est votre guide de survie !</p>

			</div>
			
		</div></div>								</div>
														<div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://iutparis-seine.u-paris.fr/rentree-2021-2022/">Lire la suite</a></div>						</div> <!-- .et_pb_slide_description -->
											</div>
				</div> <!-- .et_pb_container -->
			</div> <!-- .et_pb_slide -->
						<div class="et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark" >
												<div class="et_pb_container clearfix">
					<div class="et_pb_slider_container_inner">
												<div class="et_pb_slide_description">
															<h2 class="et_pb_slide_title"><a href="https://iutparis-seine.u-paris.fr/rentree-2021-inscriptions-et-dates-a-retenir/">Rentrée 2021 : inscriptions et dates à retenir</a></h2>
								<div class="et_pb_slide_content ">
									<div><div id="et-boc" class="et-boc">
			
			<div class="et_builder_inner_content et_pb_gutters3">
				<p>Futurs étudiants de l’IUT de Paris – Rives de Seine ? Retrouvez ici toutes les informations sur les inscriptions et dates de rentrées 2021-2022.</p>

			</div>
			
		</div></div>								</div>
														<div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://iutparis-seine.u-paris.fr/rentree-2021-inscriptions-et-dates-a-retenir/">Lire la suite</a></div>						</div> <!-- .et_pb_slide_description -->
											</div>
				</div> <!-- .et_pb_container -->
			</div> <!-- .et_pb_slide -->
						<div class="et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark" >
												<div class="et_pb_container clearfix">
					<div class="et_pb_slider_container_inner">
												<div class="et_pb_slide_description">
															<h2 class="et_pb_slide_title"><a href="https://iutparis-seine.u-paris.fr/candidatez-aux-formations-de-liut/">Candidatez aux formations de l&#8217;IUT !</a></h2>
								<div class="et_pb_slide_content ">
									<div><div id="et-boc" class="et-boc">
			
			<div class="et_builder_inner_content et_pb_gutters3">
				<p>Vous êtes intéressé.e par nos formations et souhaitez candidater ? Retrouvez ci-dessous toutes les modalités de candidature pour nos Bachelors Universitaires de Technologie, Licence 3, Licences Professionnelles, Master et Diplômes d’Université (DU).</p>

			</div>
			
		</div></div>								</div>
														<div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://iutparis-seine.u-paris.fr/candidatez-aux-formations-de-liut/">Lire la suite</a></div>						</div> <!-- .et_pb_slide_description -->
											</div>
				</div> <!-- .et_pb_container -->
			</div> <!-- .et_pb_slide -->
						<div class="et_pb_slide et_pb_media_alignment_center et_pb_bg_layout_dark" >
												<div class="et_pb_container clearfix">
					<div class="et_pb_slider_container_inner">
												<div class="et_pb_slide_description">
															<h2 class="et_pb_slide_title"><a href="https://iutparis-seine.u-paris.fr/fini-le-dut-place-au-but/">Dès septembre 2021, l’IUT propose le Bachelor Universitaire de Technologie</a></h2>
								<div class="et_pb_slide_content ">
									<div><div id="et-boc" class="et-boc">
			
			<div class="et_builder_inner_content et_pb_gutters3">
				<p>À partir de 2021, l’offre de formation de l’IUT évolue. À la place du DUT, les étudiants s’inscrivent en Bachelor Universitaire de Technologie.</p>

			</div>
			
		</div></div>								</div>
														<div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_more_button" href="https://iutparis-seine.u-paris.fr/fini-le-dut-place-au-but/">Lire la suite</a></div>						</div> <!-- .et_pb_slide_description -->
											</div>
				</div> <!-- .et_pb_container -->
			</div> <!-- .et_pb_slide -->
		
				</div> <!-- .et_pb_slides -->
				
			</div> <!-- .et_pb_slider -->
			
			</div> <!-- .et_pb_column -->
				
				
			</div> <!-- .et_pb_row -->
				
				
			</div> <!-- .et_pb_section --><div class="et_pb_section et_pb_section_1 et_pb_with_background et_section_regular">
				
				
				
				
					<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0 et_pb_bg_layout_light  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h1>Diplômes</h1></div>
			</div> <!-- .et_pb_text -->
			</div> <!-- .et_pb_column -->
				
				
			</div> <!-- .et_pb_row --><div class="et_pb_row et_pb_row_2 et_pb_equal_columns et_pb_gutters3">
				<div class="et_pb_column et_pb_column_1_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1 et_clickable et_pb_bg_layout_dark  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h3>Bachelor Universitaire de Technologie (B.U.T.)</h3>
<p>L&#8217;IUT délivre un diplôme national de niveau bac+3, le B.U.T., très reconnu dans le monde socio-professionnel</p></div>
			</div> <!-- .et_pb_text -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_4 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2 et_clickable et_pb_bg_layout_dark  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h3>Licences professionnelles</h3>
<p>La licence professionnelle, accessible aux étudiants ayant validé 2 années d&#8217;études supérieures, permet de se spécialiser et d&#8217;obtenir un niveau d&#8217;études bac+3</p></div>
			</div> <!-- .et_pb_text -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_4 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_3 et_clickable et_pb_bg_layout_dark  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h3>DU</h3>
<p>L&#8217;IUT délivre des Diplômes d&#8217;Université (DU) dans de nombreux domaines de formation afin de former notamment les adultes en reprise d&#8217;études</p></div>
			</div> <!-- .et_pb_text -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4 et_clickable et_pb_bg_layout_dark  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h3>Licences 3 et Master</h3>
<p>L&#8217;IUT de Paris &#8211; Rives de Seine, c&#8217;est aussi des licences 3 et un Master en partenariat avec d&#8217;autres UFR d&#8217;Université de Paris.</p></div>
			</div> <!-- .et_pb_text -->
			</div> <!-- .et_pb_column -->
				
				
			</div> <!-- .et_pb_row -->
				
				
			</div> <!-- .et_pb_section --><div id="accueil_chiffres" class="et_pb_section et_pb_section_2 et_pb_with_background et_section_regular">
				
				
				
				
					<div class="et_pb_row et_pb_row_3 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5 et_pb_bg_layout_dark  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h1>Actualités</h1></div>
			</div> <!-- .et_pb_text --><div id="page_type_blog" class="et_pb_with_border et_pb_module et_pb_blog_0 et_pb_blog_grid_wrapper">
					<div class="et_pb_blog_grid clearfix et_pb_bg_layout_light ">
					
					
					<div class="et_pb_ajax_pagination_container">
						<div class="et_pb_salvattore_content" data-columns>
			<article id="post-2265" class="et_pb_post clearfix post-2265 post type-post status-publish format-standard has-post-thumbnail hentry category-a-la-une category-iut">

			<div class="et_pb_image_container"><a href="https://iutparis-seine.u-paris.fr/rentree-2021-2022/" class="entry-featured-image-url"><img src="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2018/07/Vue-cour-IUT_reference-400x220.png" alt="Livret &#8220;Etudier à l&#8217;IUT&#8221; 2021-2022" class="" srcset="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2018/07/Vue-cour-IUT_reference.png 479w, https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2018/07/Vue-cour-IUT_reference-400x220.png 480w " sizes="(max-width:479px) 479w, 100vw "  width='400' height='250' /></a></div> <!-- .et_pb_image_container -->
												<h4 class="entry-title"><a href="https://iutparis-seine.u-paris.fr/rentree-2021-2022/">Livret &#8220;Etudier à l&#8217;IUT&#8221; 2021-2022</a></h4>
				
				<p class="post-meta"><a href="https://iutparis-seine.u-paris.fr/category/a-la-une/" rel="category tag">à la une</a>, <a href="https://iutparis-seine.u-paris.fr/category/iut/" rel="category tag">IUT</a></p><div class="post-content"><div class="post-content-inner"><p>Etudiant.e à l&#8217;IUT de Paris &#8211; Rives de Seine ? Le livret &#8220;Etudier à l&#8217;IUT&#8221; est votre guide de survie !</p>
</div><a href="https://iutparis-seine.u-paris.fr/rentree-2021-2022/" class="more-link">lire plus</a></div>			
			</article> <!-- .et_pb_post -->
			
			<article id="post-4012" class="et_pb_post clearfix post-4012 post type-post status-publish format-standard has-post-thumbnail hentry category-a-la-une category-iut">

			<div class="et_pb_image_container"><a href="https://iutparis-seine.u-paris.fr/rentree-2021-inscriptions-et-dates-a-retenir/" class="entry-featured-image-url"><img src="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2021/06/LV2105_UDP_IUT-7135-400x250.jpg" alt="Rentrée 2021 : inscriptions et dates à retenir" class="" srcset="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2021/06/LV2105_UDP_IUT-7135.jpg 479w, https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2021/06/LV2105_UDP_IUT-7135-400x250.jpg 480w " sizes="(max-width:479px) 479w, 100vw "  width='400' height='250' /></a></div> <!-- .et_pb_image_container -->
												<h4 class="entry-title"><a href="https://iutparis-seine.u-paris.fr/rentree-2021-inscriptions-et-dates-a-retenir/">Rentrée 2021 : inscriptions et dates à retenir</a></h4>
				
				<p class="post-meta"><a href="https://iutparis-seine.u-paris.fr/category/a-la-une/" rel="category tag">à la une</a>, <a href="https://iutparis-seine.u-paris.fr/category/iut/" rel="category tag">IUT</a></p><div class="post-content"><div class="post-content-inner"><p>Futurs étudiants de l’IUT de Paris – Rives de Seine ? Retrouvez ici toutes les informations sur les inscriptions et dates de rentrées 2021-2022. </p>
</div><a href="https://iutparis-seine.u-paris.fr/rentree-2021-inscriptions-et-dates-a-retenir/" class="more-link">lire plus</a></div>			
			</article> <!-- .et_pb_post -->
			
			<article id="post-23545" class="et_pb_post clearfix post-23545 post type-post status-publish format-standard has-post-thumbnail hentry category-iut">

			<div class="et_pb_image_container"><a href="https://iutparis-seine.u-paris.fr/journee-thematique-numerique-travail-social/" class="entry-featured-image-url"><img src="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2021/05/Visuel-journée-thématique-Numérique-et-travail-social--400x250.jpg" alt="Journée thématique : Le numérique dans le travail social" class="" srcset="https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2021/05/Visuel-journée-thématique-Numérique-et-travail-social--scaled.jpg 479w, https://iutparis-seine.u-paris.fr/wp-content/uploads/sites/3/2021/05/Visuel-journée-thématique-Numérique-et-travail-social--400x250.jpg 480w " sizes="(max-width:479px) 479w, 100vw "  width='400' height='250' /></a></div> <!-- .et_pb_image_container -->
												<h4 class="entry-title"><a href="https://iutparis-seine.u-paris.fr/journee-thematique-numerique-travail-social/">Journée thématique : Le numérique dans le travail social</a></h4>
				
				<p class="post-meta"><a href="https://iutparis-seine.u-paris.fr/category/iut/" rel="category tag">IUT</a></p><div class="post-content"><div class="post-content-inner"><p>Le 4 juin prochain, le Département Carrières Sociales de l'IUT de Paris - Rives de Seine et les Ecoles de Service Social de l'IUT de Paris - Rives de Seine et de la CRAMIF (Caisse régionale d'Assurance Maladie...</p>
</div><a href="https://iutparis-seine.u-paris.fr/journee-thematique-numerique-travail-social/" class="more-link">lire plus</a></div>			
			</article> <!-- .et_pb_post -->
			</div><!-- .et_pb_salvattore_content -->
					</div>
					</div> <!-- .et_pb_posts -->
				</div><div class="et_pb_button_module_wrapper et_pb_button_12_wrapper et_pb_button_alignment_left et_pb_module " data-background-layout="dark" data-background-layout-hover="light">
				<a class="et_pb_button et_pb_custom_button_icon et_pb_button_0 et_hover_enabled et_pb_bg_layout_dark" href="/category/iut/" data-icon="&#x35;">Toute l&#039;actualité</a>
			</div>
			</div> <!-- .et_pb_column -->
				
				
			</div> <!-- .et_pb_row -->
				
				
			</div> <!-- .et_pb_section --><div id="accueil_chiffres" class="et_pb_section et_pb_section_3 et_pb_with_background et_section_regular">
				
				
				
				
					<div class="et_pb_row et_pb_row_4 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6 et_pb_bg_layout_light  et_pb_text_align_left">
				
				
				<div class="et_pb_text_inner"><h1>L&#8217;IUT en chiffres</h1></div>
			</div> <!-- .et_pb_text -->
			</div> <!-- .et_pb_column -->
				
				
			</div> <!-- .et_pb_row --><div class="et_pb_row et_pb_row_5 et_animated">
				<div class="et_pb_column et_pb_column_1_5 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_number_counter et_pb_number_counter_0 et_pb_bg_layout_light  et_pb_text_align_left et_pb_with_title" data-number-value="3000" data-number-separator="">
				
				
				<div class="percent" ><p><span class="percent-value"></span><span class="percent-sign"></span></p></div>
				<h3 class="title">Etudiants</h3>
			</div><!-- .et_pb_number_counter -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_5 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_number_counter et_pb_number_counter_1 et_pb_bg_layout_light  et_pb_text_align_left et_pb_with_title" data-number-value="1100" data-number-separator="">
				
				
				<div class="percent" ><p><span class="percent-value"></span><span class="percent-sign"></span></p></div>
				<h3 class="title">Apprentis et stagiaires de formation continue</h3>
			</div><!-- .et_pb_number_counter -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_5 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_number_counter et_pb_number_counter_2 et_pb_bg_layout_light  et_pb_text_align_left et_pb_with_title" data-number-value="170" data-number-separator="">
				
				
				<div class="percent" ><p><span class="percent-value"></span><span class="percent-sign"></span></p></div>
				<h3 class="title">Enseignants chercheurs</h3>
			</div><!-- .et_pb_number_counter -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_5 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough">
				
				
				<div class="et_pb_module et_pb_number_counter et_pb_number_counter_3 et_pb_bg_layout_light  et_pb_text_align_left et_pb_with_title" data-number-value="750" data-number-separator="">
				
				
				<div class="percent" ><p><span class="percent-value"></span><span class="percent-sign"></span></p></div>
				<h3 class="title">Intervenants professionnels</h3>
			</div><!-- .et_pb_number_counter -->
			</div> <!-- .et_pb_column --><div class="et_pb_column et_pb_column_1_5 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				<div class="et_pb_module et_pb_number_counter et_pb_number_counter_4 et_pb_bg_layout_light  et_pb_text_align_left et_pb_with_title" data-number-value="84" data-number-separator="">
				
				
				<div class="percent" ><p><span class="percent-value"></span><span class="percent-sign"></span></p></div>
				<h3 class="title">Personnels administratifs et techniques</h3>
			</div><!-- .et_pb_number_counter -->
			</div> <!-- .et_pb_column -->
				
				
			</div> <!-- .et_pb_row -->
				
				
			</div> <!-- .et_pb_section -->			</div>
			
		</div>					</div> <!-- .entry-content -->

				
				</article> <!-- .et_pb_post -->

			

</div> <!-- #main-content -->


			<footer id="main-footer">
				
<div class="container">
    <div id="footer-widgets" class="clearfix">
		<div class="footer-widget"><div id="custom_html-3" class="widget_text fwidget et_pb_widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="footer_top">
			<div id="footer_button">
				
			</div>
			<div id="footer_social_icons">
					<ul class="et-social-icons">
						<li class="et-social-icon et-social-facebook"><a class="icon" href="https://www.facebook.com/iutparis"><span>Facebook</span></a></li>
						
							<li class="et-social-icon et-social-twitter"><a class="icon" href="https://twitter.com/IutParis"><span>Twitter</span></a></li> 	
							
							
					</ul>
			</div>
</div></div></div> <!-- end .fwidget --><div id="custom_html-4" class="widget_text fwidget et_pb_widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="footer_bottom">
			<div id="footer_contact">
					<a href="/politique-de-confidentialite/">Mentions légales</a> | <a href="https://iutparis-seine.u-paris.fr/acces-et-contact/">Accès et contacts</a>
			</div>
			<div id="footer_logo">
						<div id="UP"><img alt="investir l'avenir" src="https://u-paris.fr/sante/wp-content/uploads/sites/19/2020/06/Universite_Paris_logo_horizontal.jpg" width="140"></div>
					<div id="FUP"><a href="https://fondation-uparis.org/"><img  alt="fondation UP" src="https://u-paris.fr/wp-content/uploads/2021/03/Logotype_FUP_-300x69.jpg" width="160"></a></div>
					<div id="cicleU"><a href="https://www.circle-u.eu/"><img alt="cicleU" src="https://u-paris.fr/wp-content/uploads/2021/03/CircleU-300x90.jpg" width="140"></a></div>
			</div>
</div></div></div> <!-- end .fwidget --></div> <!-- end .footer-widget --><div class="footer-widget"></div> <!-- end .footer-widget -->    </div> <!-- #footer-widgets -->
</div>    <!-- .container -->

		
				<div id="footer-bottom">
					<div class="container clearfix">
									</div>	<!-- .container -->
				</div>
			</footer> <!-- #main-footer -->
		</div> <!-- #et-main-area -->


	</div> <!-- #page-container -->

		<script type="text/javascript">
				var et_animation_data = [{"class":"et_pb_row_3","style":"fade","repeat":"once","duration":"1000ms","delay":"0ms","intensity":"50%","starting_opacity":"0%","speed_curve":"ease-in-out"},{"class":"et_pb_row_4","style":"fade","repeat":"once","duration":"1000ms","delay":"0ms","intensity":"50%","starting_opacity":"0%","speed_curve":"ease-in-out"},{"class":"et_pb_row_5","style":"zoomTop","repeat":"once","duration":"1000ms","delay":"0ms","intensity":"10%","starting_opacity":"0%","speed_curve":"ease-in-out"}];
				var et_link_options_data = [{"class":"et_pb_text_1","url":"https:\/\/iutparis-seine.u-paris.fr\/accueil\/les-but\/","target":"_self"},{"class":"et_pb_text_2","url":"https:\/\/iutparis-seine.u-paris.fr\/accueil\/les-licences-professionnelles\/","target":"_self"},{"class":"et_pb_text_3","url":"https:\/\/iutparis-seine.u-paris.fr\/accueil\/les-du\/","target":"_self"},{"class":"et_pb_text_4","url":"https:\/\/iutparis-seine.u-paris.fr\/accueil\/les-licences-3-et-master\/","target":"_self"}];
			</script>
	<style type="text/css">
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
</style>
<script type="text/javascript">
(function($) {

	function setup_collapsible_submenus() {
		var $menu = $('#mobile_menu'),
			top_level_link = '#mobile_menu .menu-item-has-children > a';
		$menu.find('a').each(function() {
			$(this).off('click');
			if ( $(this).is(top_level_link) ) {
				$(this).attr('href', '#');
			}
			if ( ! $(this).siblings('.sub-menu').length ) {
				$(this).on('click', function(event) {
					$(this).parents('.mobile_nav').trigger('click');
				});
			} else {
				$(this).on('click', function(event) {
					event.preventDefault();
					$(this).parent().toggleClass('visible');
				});
			}
		});
	}
	$(window).load(function() {
		setTimeout(function() {
			setup_collapsible_submenus();
		}, 700);
	});
})(jQuery);

jQuery(function($){
    $('.et_search_outer .et-search-field').attr('placeholder', 'Rechercher ...').css('opacity','1');
	// fiche personne
	$(document).ready(function () {
	$('.jv_team_info').each(function () {
		if ($(this).children("h4").text() === "Designation:") {
		  $(this).addClass('Designation');
		}
		if ($(this).children("h4").text() === "Phone:") {
		  $(this).addClass('Phone');
		}
		if ($(this).children("h4").text() === "Email:") {
		  $(this).addClass('Email');
		}
		});
	});
});
</script>

<style>
.et_search_outer .et-search-field { opacity: 0; }
</style><!-- Matomo -->
<script type="text/javascript">
  var _paq = _paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//livestat.parisdescartes.fr/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', '30']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

<link rel='stylesheet' id='mediaelement-css'  href='https://iutparis-seine.u-paris.fr/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.13-9993131' type='text/css' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css'  href='https://iutparis-seine.u-paris.fr/wp-includes/js/mediaelement/wp-mediaelement.css?ver=5.3.8' type='text/css' media='all' />
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Fermer","currentText":"Aujourd\u2019hui","monthNames":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthNamesShort":["Jan","F\u00e9v","Mar","Avr","Mai","Juin","Juil","Ao\u00fbt","Sep","Oct","Nov","D\u00e9c"],"nextText":"Suivant","prevText":"Pr\u00e9c\u00e9dent","dayNames":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"dayNamesShort":["dim","lun","mar","mer","jeu","ven","sam"],"dayNamesMin":["D","L","M","M","J","V","S"],"dateFormat":"d MM yy","firstDay":1,"isRTL":false});});
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/js/spin.min.js?ver=2.0.1'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/js/spin.jquery.js?ver=2.0.1'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/js/tooltipster/js/jquery.tooltipster.min.js?ver=3.3.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var booked_js_vars = {"ajax_url":"https:\/\/iutparis-seine.u-paris.fr\/wp-admin\/admin-ajax.php?wpml_lang=fr","profilePage":"","publicAppointments":"","i18n_confirm_appt_delete":"Are you sure you want to cancel this appointment?","i18n_please_wait":"Please wait ...","i18n_wrong_username_pass":"Wrong username\/password combination.","i18n_fill_out_required_fields":"Please fill out all required fields.","i18n_guest_appt_required_fields":"Please enter your name to book an appointment.","i18n_appt_required_fields":"Please enter your name, your email address and choose a password to book an appointment.","i18n_appt_required_fields_guest":"Please fill in all \"Information\" fields.","i18n_password_reset":"Please check your email for instructions on resetting your password.","i18n_password_reset_error":"That username or email is not recognized."};
/* ]]> */
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/plugins/booked/assets/js/functions.js?ver=2.1'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/frontend-builder-global-functions.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/jquery.mobile.custom.min.js?ver=3.29.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var DIVI = {"item_count":"%d Item","items_count":"%d Items"};
/* ]]> */
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/js/custom.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/jquery.fitvids.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/waypoints.min.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/jquery.magnific-popup.js?ver=3.29.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var et_pb_custom = {"ajaxurl":"https:\/\/iutparis-seine.u-paris.fr\/wp-admin\/admin-ajax.php","images_uri":"https:\/\/iutparis-seine.u-paris.fr\/wp-content\/themes\/Divi\/images","builder_images_uri":"https:\/\/iutparis-seine.u-paris.fr\/wp-content\/themes\/Divi\/includes\/builder\/images","et_frontend_nonce":"290d9b3e52","subscription_failed":"Veuillez v\u00e9rifier les champs ci-dessous pour vous assurer que vous avez entr\u00e9 les informations correctes.","et_ab_log_nonce":"41b70622c7","fill_message":"S'il vous pla\u00eet, remplissez les champs suivants:","contact_error_message":"Veuillez corriger les erreurs suivantes :","invalid":"E-mail non valide","captcha":"Captcha","prev":"Pr\u00e9c\u00e9dent","previous":"Pr\u00e9c\u00e9dente","next":"Prochaine","wrong_captcha":"Vous avez entr\u00e9 le mauvais num\u00e9ro dans le captcha.","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","is_ab_testing_active":"","page_id":"4","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"no","is_shortcode_tracking":"","tinymce_uri":""};
var et_pb_box_shadow_elements = [];
/* ]]> */
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/frontend-builder-scripts.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/core/admin/js/common.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/wp-embed.js?ver=5.3.8'></script>
<script type='text/javascript'>
var mejsL10n = {"language":"fr","strings":{"mejs.install-flash":"Vous utilisez un navigateur qui n\u2019a pas le lecteur Flash activ\u00e9 ou install\u00e9. Veuillez activer votre extension Flash ou t\u00e9l\u00e9charger la derni\u00e8re version \u00e0 partir de cette adresse\u00a0: https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen-off":"Quitter le plein \u00e9cran","mejs.fullscreen-on":"Passer en plein \u00e9cran","mejs.download-video":"T\u00e9l\u00e9charger la vid\u00e9o","mejs.fullscreen":"Plein \u00e9cran","mejs.time-jump-forward":["Saut en avant d\u20191 seconde","Avancer de %1 secondes"],"mejs.loop":"Lire en boucle","mejs.play":"Lecture","mejs.pause":"Pause","mejs.close":"Fermer","mejs.time-slider":"Curseur de temps","mejs.time-help-text":"Utilisez les fl\u00e8ches droite\/gauche pour avancer d\u2019une seconde, haut\/bas pour avancer de dix secondes.","mejs.time-skip-back":["Revenir une seconde en arri\u00e8re","Saut en arri\u00e8re de %1 seconde(s)"],"mejs.captions-subtitles":"L\u00e9gendes\/Sous-titres","mejs.captions-chapters":"Chapitres","mejs.none":"Aucun","mejs.mute-toggle":"Couper le son","mejs.volume-help-text":"Utilisez les fl\u00e8ches haut\/bas pour augmenter ou diminuer le volume.","mejs.unmute":"R\u00e9activer le son","mejs.mute":"Muet","mejs.volume-slider":"Curseur de volume","mejs.video-player":"Lecteur vid\u00e9o","mejs.audio-player":"Lecteur audio","mejs.ad-skip":"Passer la publicit\u00e9","mejs.ad-skip-info":["Passer dans %1 seconde","Passer dans %1 secondes"],"mejs.source-chooser":"S\u00e9lecteur de source","mejs.stop":"Arr\u00eater","mejs.speed-rate":"Taux de vitesse","mejs.live-broadcast":"\u00c9mission en direct","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanais","mejs.arabic":"Arabe","mejs.belarusian":"Bi\u00e9lorusse","mejs.bulgarian":"Bulgare","mejs.catalan":"Catalan","mejs.chinese":"Chinois","mejs.chinese-simplified":"Chinois (simplifi\u00e9)","mejs.chinese-traditional":"Chinois (traditionnel)","mejs.croatian":"Croate","mejs.czech":"Tch\u00e8que","mejs.danish":"Danois","mejs.dutch":"N\u00e9erlandais","mejs.english":"Anglais","mejs.estonian":"Estonien","mejs.filipino":"Filipino","mejs.finnish":"Terminer","mejs.french":"Fran\u00e7ais","mejs.galician":"Galicien","mejs.german":"Allemand","mejs.greek":"Grec","mejs.haitian-creole":"Cr\u00e9ole ha\u00eftien","mejs.hebrew":"H\u00e9breu","mejs.hindi":"Hindi","mejs.hungarian":"Hongrois","mejs.icelandic":"Islandais","mejs.indonesian":"Indon\u00e9sien","mejs.irish":"Irlandais","mejs.italian":"Italien","mejs.japanese":"Japonais","mejs.korean":"Cor\u00e9en","mejs.latvian":"Letton","mejs.lithuanian":"Lituanien","mejs.macedonian":"Mac\u00e9donien","mejs.malay":"Malais","mejs.maltese":"Maltais","mejs.norwegian":"Norv\u00e9gien","mejs.persian":"Perse","mejs.polish":"Polonais","mejs.portuguese":"Portugais","mejs.romanian":"Roumain","mejs.russian":"Russe","mejs.serbian":"Serbe","mejs.slovak":"Slovaque","mejs.slovenian":"Slov\u00e9nien","mejs.spanish":"Espagnol","mejs.swahili":"Swahili","mejs.swedish":"Su\u00e9dois","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turc","mejs.ukrainian":"Ukrainien","mejs.vietnamese":"Vietnamien","mejs.welsh":"Ga\u00e9lique","mejs.yiddish":"Yiddish"}};
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/mediaelement/mediaelement-and-player.js?ver=4.2.13-9993131'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/mediaelement/mediaelement-migrate.js?ver=5.3.8'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"};
/* ]]> */
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-includes/js/mediaelement/wp-mediaelement.js?ver=5.3.8'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/jquery.easypiechart.js?ver=3.29.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var et_shortcodes_strings = {"previous":"Pr\u00e9c\u00e9dent","next":"Suivant"};
/* ]]> */
</script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=3.29.2'></script>
<script type='text/javascript' src='https://iutparis-seine.u-paris.fr/wp-content/themes/Divi/includes/builder/scripts/salvattore.min.js?ver=3.29.2'></script>
<script type="text/javascript">(function() {
				var expirationDate = new Date();
				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
				document.cookie = "pll_language=fr; expires=" + expirationDate.toUTCString() + "; path=/";
			}());</script></body>
</html>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/

Mise en cache objet de 134/357 objets utilisant memcached
Page Caching using memcached
Mise en cache de base de données 5/77 requêtes dans 0.057 secondes utilisant memcached

Served from: iutparis-seine.u-paris.fr @ 2021-09-04 16:27:10 by W3 Total Cache
-->

HTML

Structurer du contenu pour le web

Bienvenue sur mon site

Structurer du contenu pour le web

Bienvenue sur mon site

Je m'appelle Cyrille et j'aimerais partager ici autour de mes passions :

- Le développement web
- Le tennis
- La musique

Structurer du contenu pour le web

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Bienvenue ! - Site perso de Cyrille</title>
  </head>

  <body>
    <h1>Bienvenue sur mon site</h1>
    <p>
      Je m'appelle Cyrille et j'aimerais partager ici autour de mes passions :
    </p>
    <ul>
      <li>Le développement web</li>
      <li>Le tennis</li>
      <li>La musique</li>
    </ul>
  </body>
</html>
<p>HTML est un langage de balisage.</p>

Les balises

<p>HTML est un langage de balisage.</p>

Balise ouvrante

Balise fermante

Contenu

Élement

Les balises


<p>HTML est un <strong>langage de balisage.</strong></p>


<p>HTML est un <strong>langage de balisage.</p></strong>

Les balises

<img
  src="https://images.unsplash.com/photo-1562921276-997ffc66a1f1"
  alt="Pointe de Pen-Hir"
/>

Les balises vides (auto fermantes)

<p class="main">HTML est un langage de balisage.</p>

Attribut

Les attributs

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Bienvenue sur ma première page web</title>
  </head>
  
  <body>
    <p>
      Ceci est ma toute première page web. Elle n'est pas
      très fournie pour le moment, mais ça ne saurait
      tarder !
    </p>
  </body>
</html>

Structure d'un document HTML

Balisage de texte

Les paragraphes

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Etiam interdum sit amet justo eu pretium.
  Donec venenatis enim mattis massa rutrum pharetra.
  Sed eget libero cursus, bibendum leo a, efficitur massa.
  Nam nec odio sodales, viverra libero in, ornare diam.
  Sed libero urna, condimentum et nisl eu, placerat cursus lacus.
  Pellentesque habitant morbi tristique senectus et netus et
  malesuada fames ac turpis egestas.
  Sed et porttitor nisi. Nullam a auctor ligula.
  Etiam a nunc at diam accumsan fringilla at sed velit.
  Pellentesque non dui dolor. In volutpat quam erat,
  in mattis dolor sollicitudin id. 
</p>

Les titres

<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>

<h1>Système solaire</h1>
<h2>Terminologie</h2>
<h2>Structure</h2>
<h3>Généralités</h3>
<h3>Soleil</h3>
<h3>Milieu interplanétaire</h3>
<h3>Système solaire interne</h3>
<h4>Ceinture intra-mercurienne</h4>
<h4>Planètes internes</h4>
<h4>Mercure</h4>

Les listes

<ul>
  <li>Faire les courses</li>
  <li>Terminer les slides</li>
  <li>Préparer un TD</li>
</ul>

<ol>
  <li>Battre les oeufs en neige</li>
  <li>Ajouter le sucre</li>
  <li>Mettre au four</li>
</ol>

Mettre du texte en avant

<p>
  Il faut le faire <em>maintenant</em> !
</p>




<p>
  Il est important de noter que 
  <strong>la terre est ronde</strong>.
</p>

Les images

.
├── index.html
└── logo-iut.png
<img src="logo-iut.png" alt="Logo de l'IUT Paris Descartes" />

Les images

Les liens

Les liens

<p>
  John Doe, étudiant en
  <a href="https://www.iut.parisdescartes.fr/informatique/">informatique à l'IUT de Paris</a>
</p>
.
├── about.html
└── index.html
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Bienvenue sur ma première page web</title>
  </head>
  
  <body>
    <h1>Accueil</h1>
    <p>
      Ceci est la page d'accueil de mon site.
    </p>
    <p>
      <a href="about.html">Cliquez ici</a> pour obtenir
      des infos complémentaires.
    </p>
  </body>
</html>

Les liens

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Bienvenue sur ma première page web</title>
  </head>
  
  <body>
    <h1>À propos</h1>
    <p>
      Quelques informations...
    </p>
  </body>
</html>
index.html
about.html

Les liens

.
├── index.html
└── pages
    └── about.html
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Bienvenue sur ma première page web</title>
  </head>
  
  <body>
    <h1>Accueil</h1>
    <p>
      Ceci est la page d'accueil de mon site.
    </p>
    <p>
      <a href="pages/about.html">Cliquez ici</a> pour
      obtenir des infos complémentaires.
    </p>
  </body>
</html>

Les liens

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <title>Bienvenue sur ma première page web</title>
  </head>
  
  <body>
    <h1>À propos</h1>
    <p>
      Quelques informations...
    </p>
    <p>
      <a href="../index.html">Revenir à l'accueil</a>
    </p>
  </body>
</html>
index.html
about.html
<a href="https://fr.wikipedia.org/wiki/Pointe_de_Pen-Hir">
  <img
    src="https://images.unsplash.com/photo-1562921276-997ffc66a1f1"
    alt="Pointe de Pen-Hir"
  />
</a>

Les liens

Sectionner le contenu

Structure générale d'une page web

Structure générale d'une page web

Structure générale d'une page web

<body>
  <header>
    <h1>
      Bienvenue sur mon site web.
    </h1>
    <p>
      Il y sera question de tout ce que j'aime.
    </p>
  </header>
  <nav>
    <ul>
      <li><a href="index.html">Accueil</a></li>
      <li><a href="web-dev.html">Développement web</a></li>
      <li><a href="tennis.html">Tennis</a></li>
      <li><a href="galettes.html">Galettes de sarasin</a></li>
      <li><a href="cidre.html">Cidre</a></li>
    </ul>
  </nav>
  <main>
    <p>Mon contenu principal</p>
  </main>
  <footer>
    <p>© moi, pour toujours.</p>
  </footer>
</body>

Serveur de développement local

Protocole file vs http

Serveur local

  • Stack complète (Apache, MySQL, PHP)
  • Demande un peu de configuration
  • Mais permet d'avoir plusieurs sites en parallèle au même moment
  • Capable de gérer des sites dynamiques

Serveur local

  • Requiert l'installation de NodeJS (utile pour la suite du cours)
  • Une seule commande à lancer : npx serve
  • Aucune configuration nécessaire
  • Ne permet pas d'avoir plusieurs sites en même temps
  • Uniquement pour des fichiers statiques

Serveur local

> npx serve

   ┌────────────────────────────────────────┐
   │                                        │
   │   Serving!                             │
   │                                        │
   │   Local:  http://localhost:5000        │
   │                                        │
   │   Copied local address to clipboard!   │
   │                                        │
   └────────────────────────────────────────┘

Liens complémentaires

TD

CDIN - 01 - HTML

By Cyrille Perois

Made with Slides.com

CDIN - 01 - HTML

  • 706

More from Cyrille Perois