Aller au contenu. | Aller à la navigation

Outils personnels

Navigation

tst2

HTML icon tst2.html — HTML, 6 ko (6646 bytes)

Contenu du fichier

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Epreuve du second semestre</title>
	</head>
	<body>
		<header>
			<h1>Epreuve du second semestre</h1>
			<p>4 mars 2014</p>
		</header>
		<aside>
			<h2>Consignes</h2>
			<ul>
				<li>Vous avez accès à tous les documents situés sur votre clé <abbr title="Universal Serial Bus">USB</abbr> et au site internet <a href="http://jquerytools.org">jQuery Tools</a>. Tout échange de fichier entre élève est par contre considéré comme fraude.</li>
				<li>Vous devez faire ressembler le plus possible votre travail au modèle présenté durant l'épreuve. Tout élément coloré doit avoir une couleur, mais vous pouvez choisir celle qui vous plait.</li>
				<li>Vous avez le droit de modifier ce fichier <abbr title="HyperText Markup Language">HTML</abbr> en <strong>ajoutant des balises et/ou des attributs</strong>. Chaque ajout et modification effectué doit être accompagné d'un <strong>commentaire</strong>.</li>
				<li><strong>Vous n'êtes pas autorisé à supprimer, remplacer ou permuter des balises existantes</strong>. Le non respect de cette règle entrainera des pénalités.</li>
				<li>Les instructions <abbr title="Cascading Style Sheet">CSS</abbr> que vous devez ajouter doivent être situées dans un <strong>fichier externe</strong>. Les quelques instructions <abbr title="JavaScript">JS</abbr> peuvent cependant rester dans ce fichier.</li>
				<li>Ce fichier ainsi que votre fichier <abbr title="Cascading Style Sheet">CSS</abbr> doivent contenir <strong>votre nom dans leur titre</strong>.</li>
				<li>La <em>bibliothèque jQuery</em> à utiliser est <a href="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js">celle-ci</a>, et la police des titres est située <a href="http://themes.googleusercontent.com/static/fonts/fruktur/v1/wW9QEJ2KEYS75opRHz2YTg.woff"> ici (format <abbr title="Web Open Font Format">WOFF</abbr>)</a>.</li>
				<li>A la fin des 100 minutes, vous devez déposer vos fichiers dans l'espace Menkar "Rendu" approprié. L'enseignant peut vous montrer comment faire.</li>
			</ul>
		</aside>
		<article>
			<header>
				<h2>Les différents langages que nous utilisons :</h2>
			</header>
			<section>
				<ul>
					<li id="html5">
						<h3>Le HTML5</h3>
						<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/200px-HTML5-logo.svg.png" alt="Logo HTML5" title="Logo HTML5" />
						<blockquote cite="http://fr.wikipedia.org/wiki/HTML5">
							HTML5 (HyperText Markup Language 5) est la prochaine révision majeure d'HTML (format de données conçu pour représenter les pages web). Cette version est en développement en 2012. HTML5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5. Le langage comprend également une couche application avec de nombreuses API, ainsi qu'un algorithme afin de pouvoir traiter les documents à la syntaxe non conforme. Le travail a été repris par le W3C en mars 2007 après avoir été lancé par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie. Le W3C vise la clôture des ajouts de fonctionnalités le 22 mai 2011 et une finalisation de la spécification en 2014, et encourage les développeurs Web à utiliser HTML 5 dès maintenant.
						</blockquote>
						<p>Source : <i>Wikipedia</i></p>
					</li>
					<li id="css3">
						<h3>La CSS3</h3>
						<img src="http://bemery.ch/calvin/css3.png" alt="Logo CSS3" title="Logo CSS3" />
						<blockquote cite="http://fr.wikipedia.org/wiki/CSS3#CSS3">
							Le développement du troisième niveau des feuilles de styles en cascade commence dès 1999, parallèlement à celui de CSS 2.1.<br />
							CSS3 devient « modulaire », afin de faciliter ses mises à jour, mais aussi son implémentation par des agents utilisateurs aux capacités et aux besoins de plus en plus variés (navigateurs graphiques, navigateurs pour mobiles, navigateurs vocaux). Les navigateurs peuvent ainsi implémenter des sous-ensembles de CSS3.<br />
							Dès lors, le degré d'avancement de CSS3 varie selon les modules et le degré de priorité qui leur a été donné par le groupe de travail CSS. En 2007, les modules les plus avancés (recommandations candidates) concernent la mise en forme des annotations ruby, la négociation de style entre serveurs et agents utilisateurs (« Media Queries »), le rendu web TV, la gestion des couleurs ou encore la prise en compte de la configuration de l'interface utilisateur. Dans d'autres cas, des modules peuvent atteindre le stade de recommandation candidate, mais être par la suite ramené au stade de document de travail en raison des difficultés mises à jour suite à l'appel à implémentation. C'est par exemple le cas du module de typographie « CSS Text ».
						</blockquote>
						<p>Source : <i>Wikipedia</i></p>
					</li>
					<li id="js">
						<h3>Le Javascript</h3>
						<img src="http://ocpsoft.org/wp-content/uploads/2013/01/javascript_logo_unofficial-300x300.png" alt="Logo JS" title="Logo JS" />
						<blockquote cite="http://fr.wikipedia.org/wiki/JavaScript">
							JavaScript (souvent abrégé JS) est un langage de programmation de scripts principalement utilisé dans les pages web interactives mais aussi côté serveur.<br />
							C’est un langage orienté objet à prototype, c’est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et notamment une propriété de prototypage qui permet d’en créer des objets héritiers personnalisés. En outre, les fonctions sont des objets de première classe.<br />
							Le langage a été créé en 1995 par Brendan Eich (Brendan Eich étant membre du conseil d'administration de la fondation Mozilla) pour le compte de Netscape Communications Corporation. Le langage, actuellement à la version 1.8.2, est une implémentation de la 3<sup>e</sup> version de la norme ECMA-262 qui intègre également des éléments inspirés du langage Python. La version 1.8.5 du langage est prévue pour intégrer la 5<sup>e</sup> version du standard ECMA.
						</blockquote>
						<p>Source : <i>Wikipedia</i></p>
					</li>
				</ul>
			</section>
			<nav id="actions">
				<a>&laquo; Précédent</a>
				<a>Suivant &raquo;</a>
			</nav>			

		</article>
		<footer>
			<small>Réalisé par VOTRE NOM.</small>
		</footer>
	</body>
</html>