-
Notifications
You must be signed in to change notification settings - Fork 0
/
corpo.html
135 lines (115 loc) · 8.09 KB
/
corpo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3C - Bracco Mattia</title>
</head>
<body>
<div class="container-fluid">
<!-- PUNTO DI RITORNO INIZIO PAGINA -->
<a name="up"></a>
<!-- NAVBAR -->
<div class="row mb-3">
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 offset-xl-3 bg-dark navbar"><a href="index.html">HOME</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="testo.html">TESTO</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="audio.html">AUDIO</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="immagini.html">IMMAGINI</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-1 bg-dark navbar"><a href="video.html">VIDEO</a></div>
<div class="col-sm-12, col-md-4 offset-md-2, col-xl-2 bg-success navbar">CORPO UMANO</div>
</div>
<!-- INIZIO CORPO UMANO -->
<div class="row">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 mt-3 corpo">CORPO UMANO</div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-2, col-xl-2 mt-3"><img width="100%" src="img/testa.jpg" title="" alt="mani" /></div>
</div>
<!-- MENU' PER SCEGLIERE LA SEZIONE -->
</br>
<div id="menu">
<ul>
<li>
<a href="#">MENÙ</a>
<ul>
<!-- SOTTO MENU -->
<li><a href="#orecchio">ORECCHIO</a></li>
<li><a href="#voce">VOCE</a></li>
<li><a href="#occhio">OCCHIO</a></li>
</ul>
</li>
</div>
<!-- SEZIONE ORECCHIO -->
<a name="orecchio"></a>
<!-- ORECHIO -->
<div class="row mt-5">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 sezione">ORECCHIO</div>
<div class="col-xs-12, col-sm-12, col-ms-12, col-lg-2, col-xl-2"><img width="100%" src="img/orecchio.jpeg" title="" alt="orecchio" /></div>
</div>
<!-- TESTO CHE DESCRIVE L' ORECCHIO, IMMAGINE STRUTTURA ORECCHIO -->
<div class="row mt-3">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 definizioni">
<p>
<strong>L' orecchio</strong> è l'organo che ci permette di percepire i suoni, inoltre garantisce l' equilibrio del corpo. Possiamo individuare <strong> 3 zone</strong> dell' orecchio: <strong>ORECCHIO ESTERNO</strong>, <strong>ORECCHIO MEDIO</strong> e infine <strong>ORECCHIO INTERNO</strong>.
<br> L' orecchio è formato da cartilagine, muscoli, nervi, ossa, vasi sanguigni, ghiandole sebacee e ceruminose.
<br><strong>orecchio esterno:</strong> padiglione auricolare, condotto uditivo esterno e superficie laterale del timpano.
<br><strong>orecchio medio:</strong> timpano, 3 ossicini, tromba di Eustachio, finestra ovale e finestra rotonda.
<br><strong>orecchio interno:</strong> coclea e apparato vestibolare.
</p>
</div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-2, col-xl-2"><img width="100%" src="img/orecchio_struttura.jpg" title="" alt="struttura orecchio" /></div>
</div>
<!-- SEZIONE VOCE -->
<a name="voce"></a>
<!-- VOCE -->
<div class="row mt-5">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 sezione">VOCE</div>
<div class="col-xs-12, col-sm-12, col-ms-12, col-lg-2, col-xl-2"><img width="100%" src="img/voce.jpg" title="" alt="voce" /></div>
</div>
<!-- TESTO CHE DESCRIVE LA VOCE, IMMAGINE STRUTTURA CORDE VOCALI -->
<div class="row mt-3">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 definizioni">
<p>
La <strong>voce</strong> ha <strong>origine dalle corde vocali</strong>, ovvero due elementi muscolo-tendinei rivestiti da una mucosa. A riposo le corde vocali sono in posizione "aperta" ovvero consentendo il passaggio dell' aria per
la respirazione. Quando vengono tese dai muscoli si chiudono in misura variabile, restringendo il passaggio.
<br> Durante una normale conversazione la frequenza è compresa tra i 70 e i 150 Hz se la voce è maschile mentre si è nella fascia 150 - 250 Hz per una voce femminile. Nel caso la voce sia di un bambino la fascia è tra i 250 e i 350
Hz.
</p>
</div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-2, col-xl-2"><img width="100%" src="img/corde_vocali.png" title="" alt="struttura orecchio" /></div>
</div>
<!-- SEZIONE OCCHIO -->
<a name="occhio"></a>
<!-- OCCHIO -->
<div class="row mt-5">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 sezione">OCCHIO</div>
<div class="col-xs-12, col-sm-12, col-ms-12, col-lg-2, col-xl-2"><img width="100%" src="img/occhio.jpg" title="" alt="orecchio" /></div>
</div>
<!-- TESTO CHE DESCRIVE L' OCCHIO, IMMAGINE STRUTTURA OCCHIO -->
<div class="row mt-3">
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-10, col-xl-10 definizioni">
<p>
Ciascun <strong>occhio regola</strong> in modo costante <strong>la quantità di luce</strong> che vi penetra, inoltre <strong>focalizza gli oggetti creando immagini</strong> continue che vengono <strong>trasmesse al cervello</strong>.
<br> L’ <strong>orbita</strong> è una cavità ossea che <strong>contiene il bulbo oculare, i muscoli, i nervi e i vasi sanguigni</strong>. Il <strong>rivestimento esterno</strong> del bulbo oculare è composto da una membrana biancastra
<strong>detta sclera</strong>.
<br> La luce entra nell’ occhio attraverso la cornea e i raggi di luce attraversano la pupilla.
<br> L’ <strong>iride</strong> (parte colorata attorno la pupilla) <strong>controlla la quantità di luce che entra</strong>. Se l' ambiente è buio lascia penetrare più luce (dilatando la pupilla) mentre se l’ ambiente è luminoso, ne
lascia penetrare meno (contraendo la pupilla).
<br> L' occhio umano ha una risoluzione di <strong>576 MP</strong> (megapixel).
</p>
</div>
<div class="col-xs-12, col-sm-12, col-md-12, col-lg-2, col-xl-2"><img width="100%" src="img/occhio_struttura.jpg" title="" alt="struttura orecchio" /></div>
</div>
<!-- TASTO RITORNO INIZIO PAGINA -->
<div class="row mt-3">
<div class="col-2 bg-dark tastoHome"><a href="index.html">HOME</a></div>
<div class="col-1 offset-9 bg-warning tastoUp"><a href="#up">UP</a></div>
</div>
</div>
<!-- VA SEMPRE MESSO COME ULTIMA COSA PRIMA DI CHIUDERE IL BODY ! -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>