@ -0,0 +1,53 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="fr"> |
|||
<head> |
|||
<title>guide et presentation de league of legend</title> |
|||
<meta charset="utf-8"> |
|||
<link href="style2.css" rel="stylesheet"> |
|||
</head> |
|||
<body> |
|||
<header> |
|||
<nav class="bandeau"> |
|||
<ul> |
|||
<img src="icone.jpg" alt="logo" width="200" height="200"> |
|||
<li> <a href="menu.html"> <h1>menu <h1></a> </li> |
|||
<li> <a href="guide.html"><h2> guide<h2> </a> </li> |
|||
<li> <a href="champions.html"><h3> champions<h3> </a> </li> |
|||
</ul> |
|||
</nav> |
|||
</header> |
|||
<div class ="image1"> |
|||
<img src="champions.jpg" alt="champions" width="580" height="322"> |
|||
<p>il y a 157 champions dans l’univers de league of legend avec tous autant de chance<br> les un que les autres de gagner les un contre les autres.Ils peuvent se jouer partout <br>mais ils ont des voies de prédilection selon leur capacités.Mais il y différentes<br> catégories de personnages pour différents usages :les « tanks » sont les personnages<br> avec le plus de vie et qui vont souvent faire moins de dégats et aller moins vite que <br>les autres personnages mais qui vont les protéger en prenant des dégats à leur place<br>.Sont principalement joués sur la voie du haut ainsi que en support (sur la voie du <br>bas) et dans la jungle.Ils sont particulièrement efficaces contre les assassins. |
|||
<br>les « mages » sont des personnages avec le moins de vie et qui vont tirer de loin et<br> faire des dégats,ils doivent garder leurs adversaires à distance en leur faisant des <br>dégats . Ils sont principalement joués sur les deux voies du bas et sur la voie du<br> milieu.Ils sont particulièrement efficaces contre les tanks. |
|||
les « assassins »sont <br>des personnages avec peu de vie mais qui vont vite et font rapidement des dégats <br>mais on souvent des longs temps de récupération de compétences ce qu il fait que si <br>ils ratent leur attaquent ils meurent la plus part du temps.Ils sont principalement joués sur la voie du milieu ainsi que dans la jungle .Ils sont particulièrement efficace contre les mages. |
|||
(pour plus d’information aller voir la chaine de chamalowshan ,un youtubeur qui fait des vidéos sur tous les champions en précision )</p> |
|||
</div> |
|||
<div class="gif"> |
|||
<video width="364" height="204" muted autoplay loop> |
|||
<source src="gifpassif.mp4" type=video/mp4> |
|||
</video> |
|||
<p>C est une illustration du passif d'un personnage(ici viego) autrement dit de son avantage qui est propre a son personnage.C'est souvent ce qui fait l'essentielle du personnage.(Pour connaitre les effets d'une compétence il suffit de lire le paragraphe qui lui est dédié en passant la souris sur l'icone de celle ci.)</p> |
|||
<video width="364" height="204" muted autoplay loop> |
|||
<source src="gifa.mp4" type=video/mp4> |
|||
</video> |
|||
<p>La premiere competence du joueur est souvent son attaque principale donc elle a souvent un temps de récuperation bien moin importante que ses autres attaques (Pour connaitre les effets d'une compétence il suffit de lire le paragraphe qui lui est dédié en passant la souris sur l'icone de celle ci.)</p> |
|||
|
|||
<video width="364" height="204" muted autoplay loop> |
|||
<source src="gifz.mp4" type=video/mp4> |
|||
</video> |
|||
<p>La seconde competence du joueur est souvent soit un bouclier pour se rajouter de la vie ou un "stun" pour immobiliser les champions adverses.(Pour connaitre les effets d'une compétence il suffit de lire le paragraphe qui lui est dédié en passant la souris sur l'icone de celle ci.)</p> |
|||
|
|||
<video width="364" height="204" muted autoplay loop> |
|||
<source src="gife.mp4" type=video/mp4> |
|||
</video> |
|||
<p>La troisieme competence du joueur est souvent pour donner de la mobilité au joueur ou au contraire en enlever avec un "stun".Souvent avec un temps de récuperation un peu plus important que les deux autres(Pour connaitre les effets d'une compétence il suffit de lire le paragraphe qui lui est dédié en passant la souris sur l'icone de celle ci.)</p> |
|||
|
|||
<video width="364" height="204" muted autoplay loop> |
|||
<source src="gifr.mp4" type=video/mp4> |
|||
|
|||
</video> |
|||
<p>La derniere competence du joueur est son ulti elle lui sert a mettre beaucoup de dégat mais son temps de récupération est souvent long.(Pour connaitre les effets d'une compétence il suffit de lire le paragraphe qui lui est dédié en passant la souris sur l'icone de celle ci.)</p> |
|||
</div> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 8.5 KiB |
After Width: | Height: | Size: 265 KiB |
@ -0,0 +1,46 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="fr"> |
|||
<head> |
|||
<title>guide et presentation de league of legend</title> |
|||
<meta charset="utf-8"> |
|||
<link href="style2.css" rel="stylesheet"> |
|||
</head> |
|||
<body> |
|||
<header> |
|||
<nav class="bandeau"> |
|||
<ul> |
|||
<img src="icone.jpg" alt="logo" width="200" height="200"> |
|||
<li> <a href="menu.html"> <h1>menu</h1> </a> </li> |
|||
<li> <a href="guide.html"><h2> guide</h2> </a> </li> |
|||
<li> <a href="champions.html"><h3> champions </h3></a> </li> |
|||
</ul> |
|||
</nav> |
|||
</header> |
|||
|
|||
<div class ="image4"> |
|||
<ins><img src="imagecarte.jpg" alt="carte du jeu" width="250" height="250"></ins> |
|||
<p>Comme indique au menu il y a 3 voies mais 5 joueurs par équipe, il y a donc 2 voies qui ne sont pas directementement visibles.Mais pourtant c’est très simple, déjà comme vous auriez pu l imaginez plus tôt sur la voie du haut et du milieu il y a un joueur qui va se battre contre un autre en 1v1 pure .Et il y a une petite spécificitée sur la voie du bas il n y a pas un 1v1 mais un 2v2 ,il y a 4 joueurs des deux équipes réunies sur la voie du bas qui vont se battre.Et enfin pour le dernier joueur c’est plus compliqué, en faite il n’a pas vraiment de voie attitré il se balade dans la « jungle » ou il pourra tuer des monstres pour gagner de l’argent et venir en en aide a ses équipiers sur toutes les voies.</p> |
|||
</div> |
|||
<div class ="image5"> |
|||
<p>Mais comment ce passe les duel ? En faite les joueurs de parte et d autre ont des compétences </br>(que nous verrons plus en détail dans la partie personnage) et les utilisent pour tuer les </br>sbires ou pour mettre quelques dégats au champions enemies. Sauf que dès qu’ils ont utilisés </br>leurs compétences ,ils doivent attendre un instant avant de pouvoir la réutiliser(illustrer sur</br> l’image par les chiffres dans les carrés bleus).De plus chaque champion a une jauge de vie et </br>de mana (sur l’image les jauges vertes et bleus)et lorsque il perd sa vie il meurt et doit </br>attendre un instant avant de revenir se battre .Pour le mana chaque compétence a un coût en</br> mana et qui lorsqu elle est utilisée consomme du mana par conséquent lorsqu il n a plus de mana</br> il ne peut plus utiliser de compétence.Donc lorsque l’enemi n’a plus ses compétences ou de vie</br> ou de mana c’est souvent le moment de l'attaquer .Cela va dépendre de votre stratégie adoptée </br>car tous les champions ne vont pas être aussi fort au même moment ,il faut donc bien compter </br>pour savoir quand attaquer,si par exemple il y a une supériorité numérique si le joueur qui n a </br>pas de voie vient vous aider et savoir respecter ses adversaires lorsqu il est en position de </br>force et par conséquent de choisir de se battre ou non .Grace a ces informations nous pouvons analyser l’image : |
|||
tous les champions ont du mana ,ils sont égalité numérique (3vs3), mais tous les champions de l’équipe enemi (ici en rouge)n’ont pas beaucoup de vie donc c est une bonne opportunité pour l équipe bleue de se battre pour essayer de les tuers.</p> |
|||
<img src="imageteamfight.jpg" alt="team fight" width="580" height="320"> |
|||
</div> |
|||
<div class ="image6"> |
|||
<ins><img src="sbires.jpg" alt="sbires" width="200" height="100"></ins> |
|||
<p>les sbires apparaissent par lapse de temps régulier , et donne de l’argent et de l’expérience aux joueurs lorsqu ils les tuent leurs permettant de s’améliorer.</p> |
|||
</div> |
|||
<div class ="image7"> |
|||
<p>Les tourelles sont des obstacles qui font des degats aux joueurs de l’équipe adverse s’ils ne sont pas entourés de sbires car ils</br> sont pris pour cible prioritairement lorsque il arrive dans le pèrimetre de tire de la tour .Sauf si le champion adverse agresse </br>un champion allié sous tour ( sous entendu dans son périmètre de tire ).Ces tourelles peuvent être cassées car elles ont un capitale de point de vie et </br>donc les champions en la frappant peuvent la casser.Elles sont considérées comme un objectif car elles sont difficiles à casser du fait de </br>leur capital de vie élevé.</p> |
|||
<img src="tour.jpg" alt="tour" width="150" height="200"> |
|||
</div> |
|||
<div class ="image8"> |
|||
<ins><img src="dragon.jpg" alt="dragon" width="200" height="150"></ins> |
|||
<p>Les dragons apparaissent à des lapses de temps régulier et donne un avantage permanent:par exemple plus de vie , une réduction de temps de compétence... Ils sont considérées comme des objectifs car ils ont un capital de vie élevé et font des degats aux champions qui l’attaquent .</p> |
|||
</div> |
|||
<div class ="image9"> |
|||
<p>Le baron nashor est le principale objectif de League of Legend car l’équipe qu il le tue reçoit un avantage .</br>Tous les sbires qui seront à proximité de l’équipe meutrière seront améliorés de façon à être plus résistant aux </br>tours et de faire plus de degats à celle ci .</p> |
|||
<img src="imagebaron.jpg" alt="baron nashor" width="300" height="150"> |
|||
</div> |
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 25 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 382 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 96 KiB |
@ -0,0 +1,39 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="fr"> |
|||
<head> |
|||
<title>guide league of legend</title> |
|||
<meta charset="utf-8"> |
|||
<link href="style2.css" rel="stylesheet"> |
|||
</head> |
|||
<body > |
|||
<header> |
|||
<div class="bandeau"> |
|||
<nav> |
|||
<ul> |
|||
<img src="icone.jpg" alt="logo" width="200" height="200"> |
|||
<li> <a href="menu.html"> <h1>menu</h1></a> </li> |
|||
<li> <a href="guide.html"><h2> guide </h2></a> </li> |
|||
<li> <a href="champions.html"><h3>champions</h3></a> </li> |
|||
</nav> |
|||
</div> |
|||
|
|||
</header> |
|||
<div class ="image1"> |
|||
|
|||
<p>League of Legends (abrégé LoL) est un jeu vidéo sorti en 2009 de type arène de <br>bataille en ligne, free-to-play, développé et édité par Riot Games sur Windows et Mac. <br>Le mode principal du jeu voit s'affronter deux équipes de 5 joueurs en temps réel dans<br> des parties d'une durée d'environ une demi-heure, chaque équipe occupant et défendant <br>sa propre base sur la carte. Chacun des dix joueurs contrôle un personnage connus sous <br>le nom de « champions » dans le jeu à part entière . Ils gagnent en puissance au fil <br>de la partie en amassant des points d'expérience ,prendre des objectifs leur donnant <br>plus ou moins ponctuellement un avantage ainsi qu'en achetant des objets grâce a de <br>l’argent mais nous y reviendront dans le guide, dans le but de battre l'équipe adverse. <br>L'objectif d'une partie est de détruire le « Nexus » ennemi, une large structure <br>située au centre de chaque base.</p> |
|||
|
|||
<img src="logolol.jpg" alt="logo"width="550" height="300" > |
|||
</div> |
|||
<div class ="image2"> |
|||
<ins><img src="placement.jpg" alt="la carte de jeu "width="650" height="300"></ins> |
|||
<p>Deux équipes de cinq joueurs s'affrontent sur une carte symétrique, en <br>forme de carré, afin de détruire le Nexus adverse.Gardé par les champions<br> ennemis, et des structures défensives nommées « Tourelles »qui font des <br>dégats aux joueurs evitant d aller directement au nexus enemi. Trois<br> tourelles par équipe sont présentes sur chacune des trois « voies » de la<br> carte. Deux tourelles protègent également le Nexus de manière directe, en <br>étant situées devant lui.Celui-ci est positionné au cœur de sa base, juste <br>devant la « fontaine » , l'endroit où les joueurs apparaissent au début de <br>la partie, ou réapparaissent lorsqu'ils sont tués.L'un des Nexus est situé <br>dans le coin inférieur-gauche de la carte, l'autre dans le coin supérieur<br>-droit. Des « sbires », c'est-à-dire des petites unités qui ne sont pas <br>contrôlées par les joueurs,sont générés à intervalles réguliers sous forme <br>de vagues par le Nexus de chaque équipe. De plus, trois « inhibiteurs » <br>sont également présents dans chaque base, et doivent etre obligatoirement détruit pour pouvoir gagner,de plus les casser renforcent les sbires de l'équipe les ayant détruits.Les sbires avancent vers la base qui leur est opposée en progressant sur les trois voies présentes sur la carte </p> |
|||
</div> |
|||
<div class ="image3"> |
|||
<img src="evolution.jpg" alt="vieille version de league of legend" width="580" height="300"> |
|||
<p>league of legend est un jeu daté de 2009.Même si ces graphismes paraissent arriérés<br> par rapport au autres jeux à l'image de fortnite ou pubg ..., league of legend ce<br> démarque par ces détails de jeu .Un nouveau joueur ne pourrait ne pas s en rendre <br>compte mais un autre qui s attarderait un peu plus sur les graphismes d'un personnage <br>,de la carte verrait qu il y a beaucoup d effort sur les graphismes .La différence <br>esst flagrente entre le début du jeu et une version récente à l'image des deux photos </p> |
|||
<article> |
|||
<iframe src="https://signup.euw.leagueoflegends.com/fr/signup/index#/"width="108%" height="750"</iframe> |
|||
</article> |
|||
|
|||
</body> |
|||
</html> |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 23 KiB |
@ -0,0 +1,160 @@ |
|||
body{ |
|||
background-attachment:fixed; |
|||
background-image:url("fondecranlol2.jpg"); |
|||
background-position:center; |
|||
background-repeat:no-repeat; |
|||
background-size:cover; |
|||
margin:0; |
|||
} |
|||
nav img { |
|||
position :absolute ; |
|||
left:10px; |
|||
} |
|||
h1{ |
|||
position :absolute; |
|||
left : 350px; |
|||
font-size:4em ; |
|||
font-family:monaco,monospace; |
|||
text-decoration:none; |
|||
text-transform:uppercase; |
|||
top:30px; |
|||
color:rgb(232,169,25); |
|||
} |
|||
h2{ |
|||
position :absolute; |
|||
left :725px; |
|||
font-size:4em ; |
|||
font-family:monaco,monospace; |
|||
text-decoration:none; |
|||
text-transform:uppercase; |
|||
top:30px; |
|||
color:rgb(232,169,25); |
|||
} |
|||
h3{ |
|||
position :absolute; |
|||
left : 1100px; |
|||
font-size:4em ; |
|||
font-family:monaco,monospace; |
|||
text-decoration:none; |
|||
text-transform:uppercase; |
|||
top:20px; |
|||
color:rgb(232,169,25); |
|||
} |
|||
.bandeau{ |
|||
background-color:rgba(54,182,146,0.4); |
|||
position:fixed;relative; |
|||
margin-left:5px; |
|||
margin-right:5px; |
|||
margin-top:5px; |
|||
width:98%; |
|||
height:34%; |
|||
border:5px; |
|||
border-color:black; |
|||
border-style:solid; |
|||
border-radius:0px 50px 50px 50px ; |
|||
display: inline-block; |
|||
z-index:10; |
|||
} |
|||
.image1 { |
|||
position:relative; |
|||
top:300px; |
|||
left:5px; |
|||
margin-left:100px; |
|||
} |
|||
|
|||
.image2 { |
|||
position:relative; |
|||
top:400px; |
|||
left:5px; |
|||
margin-right:100px; |
|||
} |
|||
|
|||
.image3 { |
|||
position:relative; |
|||
top:500px; |
|||
left:5px; |
|||
margin-right:100px; |
|||
} |
|||
|
|||
article{ |
|||
position:relative; |
|||
top:200px; |
|||
z-index:11; |
|||
} |
|||
img{ |
|||
position :absolute; |
|||
|
|||
right:5px ; |
|||
top:5px; |
|||
border:9px; |
|||
border-color:black; |
|||
border-style:solid; |
|||
border-radius:20px 20px 20px 20px ; |
|||
} |
|||
img p{ |
|||
position:relative; |
|||
font-size:1em ; |
|||
font-family:monaco,monospace; |
|||
font-weight:bold; |
|||
line-height:26px; |
|||
text-align:right; |
|||
} |
|||
p{ |
|||
position:relative; |
|||
font-size:1em ; |
|||
font-family:monaco,monospace; |
|||
font-weight:bold; |
|||
line-height:26px; |
|||
text-align:left; |
|||
color:white; |
|||
} |
|||
video{ |
|||
position:relative; |
|||
margin-left:8px; |
|||
border:9px; |
|||
border-color:black; |
|||
border-style:solid; |
|||
border-radius:20px 20px 20px 20px ; |
|||
border:9px; |
|||
} |
|||
|
|||
.gif{ |
|||
position:absolute; |
|||
top:800px; |
|||
} |
|||
.image4{ |
|||
position:absolute; |
|||
top:300px; |
|||
left:10px; |
|||
} |
|||
.image5{position:relative; |
|||
top:600px; |
|||
left:10px; |
|||
} |
|||
.image6{position:relative; |
|||
top:650px; |
|||
left:5px; |
|||
font-size:0.9em ; |
|||
} |
|||
.image7{position:relative; |
|||
top:700px; |
|||
left:5px; |
|||
font-size:0.9em ; |
|||
} |
|||
.image8{position:relative; |
|||
top:800px; |
|||
left:5px; |
|||
font-size:0.9em ; |
|||
} |
|||
.image9{position:relative; |
|||
top:900px; |
|||
left:5px; |
|||
font-size:0.9em ; |
|||
} |
|||
ins img{ |
|||
position:relative; |
|||
float:left; |
|||
left:5px; |
|||
} |
|||
|
|||
|
After Width: | Height: | Size: 17 KiB |