Μάθημα : Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ

Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ

2040045155 - ΖΩΗ ΓΚΑΡΑΝΑΤΣΗ

Ενότητες μαθήματος

Εφαρμογή 14: Χάρτης εικόνας

Εφαρμογή 13: Πολυμεσική πανδαι... Εφαρμογή 15: Διανυσματικά γραφ...

<!DOCTYPE html>
<!-- Εφαρμογή 14: Χάρτης εικόνας
Αρχείο p14.html
-->
<html lang="el-GR">
<head>
<title>Περιφέρειες της Ελλάδας</title>
<meta charset="utf-8">
<meta name="author" content="Ο συγγραφέας">
<meta name="description" content="Χάρτης εικόνας">
<style>
body {
background-attachment: fixed;
text-align: center;
text-shadow: 1px 1px 4px white;
background: linear-gradient(blue, lightgray);
}
p {
display: inline-block;
}
h1 {
color: powderblue;
font-size: 2.4em;
font-family: Georgia, serif;
text-shadow: 1px 1px 10px navy;
}
</style>
</head>
<body>
<h1>Γεωγραφικά διαμερίσματα & διοικητικές περιφέρειες της Ελλάδας</h1>
<img src="ellada.png" width="1000" height="851" usemap="#ellada" alt="Ελλάδα"/>
<map name="ellada">
<area shape="poly" coords="409,724,383,757,398,798,435,802,441,845,
461,843,475,829,662,830,679,774,604,751,483,754,457,731"
href="http://www.crete.gov.gr/" target="_blank" title="Κρήτη"
alt="Κρήτη">
<area shape="poly" coords="205,313,253,410,353,442,399,432,405,411,
439,420,462,463,481,468,498,451,513,359,478,334,426,364,382,
334,372,331,344,343,301,332,279,309,249,336,221,308"
href="http://www.pste.gov.gr/" target="_blank"
title="Στερεά Ελλάδα" alt="Στερεά Ελλάδα">
<area shape="poly" coords="256,421,339,443,351,446,360,465,362,499,
357,512,377,525,362,539,348,538,367,637,359,647,333,642,283,
650,211,610,202,548,244,524" href="http://ppel.gov.gr/"
target="_blank" title="Πελοπόννησος" alt="Πελοπόννησος">
<area shape="poly" coords="201,310,256,422,242,523,218,539,165,477,
171,424,145,365,132,350,137,341,201,310"
href="http://www.pde.gov.gr/" target="_blank"
title="Δυτική Ελλάδα" alt="Δυτική Ελλάδα">
<area shape="poly" coords="71,234,47,229,39,227,36,216,11,223,19,
233,34,244,50,270,69,286,82,315,101,344,101,406,87,429,104,
441,115,475,135,497,151,550,167,539,158,481,171,422,163,393,
148,369,136,362,130,340" href="http://pin.gov.gr/"
target="_blank" title="Νησιά Ιονίου" alt="Νησιά Ιονίου">
<area shape="poly" coords="353,447,363,465,363,500,358,510,377,521,
382,529,362,542,349,540,371,640,357,653,331,645,331,674,372,
724,380,715,358,664,381,641,366,554,406,535,448,504,444,447,
445,426,408,410,408,410,400,433,400,433"
href="http://patt.gov.gr/" target="_blank" title="Αττική"
alt="Αττική">
<area shape="poly" coords="996,653,945,663,892,665,861,660,851,630,
829,621,809,603,771,611,770,593,762,577,746,562,727,511,704,
511,674,525,636,540,611,529,589,515,547,484,520,449,502,453,
453,501,449,615,553,672,728,682,709,775,767,758,813,708,851,
678,993,668" href="http://www.notioaigaio.gr/" target="_blank"
title="Νότιο Αιγαίο" alt="Νότιο Αιγαίο">
<area shape="poly" coords="575,206,572,249,613,296,657,284,688,327,
660,384,684,469,733,472,736,490,618,537,567,390,516,261,530,
210" href="http://www.pvaigaiou.gov.gr/" target="_blank"
title="Βόρειο Αιγαίο" alt="Βόρειο Αιγαίο">
<area shape="poly" coords="448,191,445,169,472,188,481,206,467,212"
href="https://el.wikipedia.org/wiki/Άγιο_Όρος" target="_blank"
title="Άγιο Όρος" alt="Άγιο Όρος">
<area shape="poly" coords="385,49,468,30,487,28,509,53,520,51,555,
66,608,57,623,53,631,43,630,27,621,18,626,6,649,6,674,27,678,
53,660,62,650,77,655,97,625,133,577,184,479,154,479,134,485,
107,448,136,428,127" href="http://www.pamth.gov.gr/"
target="_blank" title="Ανατολική Μακεδονία και Θράκη"
alt="Ανατολική Μακεδονία και Θράκη">
<area shape="poly" coords="192,227,175,251,199,309,221,308,254,332,
279,306,303,331,338,340,371,328,417,340,462,316,452,290,382,
304,324,224,278,201,247,237" href="http://www.pthes.gov.gr/"
target="_blank" title="Θεσσαλία" alt="Θεσσαλία">
<area shape="poly" coords="164,115,172,144,149,162,187,226,247,236,
279,202,233,105" href="http://www.pdm.gov.gr/" target="_blank"
title="Δυτική Μακεδονία" alt="Δυτική Μακεδονία">
<area shape="poly" coords="315,222,278,197,239,106,260,82,323,61,
384,53,423,122,441,166,447,225,396,236,363,197,336,173,319,
159" href="http://www.pkm.gov.gr/" target="_blank"
title="Κεντρική Μακεδονία" alt="Κεντρική Μακεδονία">
<area shape="poly" coords="111,210,87,259,100,307,135,342,181,316,
201,309,177,253,188,234,169,203,151,163,129,200,111,210"
href="http://www.php.gov.gr/" target="_blank" title="Ήπειρος"
alt="Ήπειρος">
</map>
</body>
</html>