-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprotohistoria.html
210 lines (185 loc) · 12 KB
/
protohistoria.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Protohistoria</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload" onload = "ocultar_principio()";>
<!-- Wrapper -->
<div id="wrapper">
<div class="scroll">
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Historia de España</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Inicio</a></li>
<li><a href="prehistoria.html">Prehistoria</a></li>
<li class="active"><a href="protohistoria.html">Protohistoria</a></li>
</ul>
<ul class="icons">
<li><a href="https://twitter.com/iesryc_ab" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/iesryc_ab" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/omarmyrm/TIC_II_web_prehistoria.git" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<span class="date">10 de Noviembre, 2021</span>
<h1>Protohistoria<br />
de la Península Ibérica</h1>
<p>Denominamos protohistoria al período de transición que existe entre la Prehistoria e Historia en el que surgen los primeros estados incipientes, de los que solo sabemos por medio de fuentes indirectas como los historiadores griegos.</p>
</header>
<a href="#ej_pre" class="button fit">Ejercicio</a>
<div class="image main"><img src="images/Altamira_(pic1).png" alt="" /></div>
<h2>Reino de los Tartessos</h2>
<p>Situándonos en el valle del Guadalquivir en torno a la primera mitad del I milenio a.C., encontramos la civilización de los tartessos, la cual está llena de misterio por el hecho de que únicamente sabemos de ella por referencias en textos y autores clásicos como la Biblia, Gárgoris y Habis. Tanto las fuentes indirectas como el hallazgo de tesoros como el de El Carambolo nos muestran que era un reino con gran riqueza.
</p>
<h2>Los pueblos colonizadores: fenicios, griegos y cartagineses</h2>
<p>Esta riqueza en metales preciosos y la situación del reino en la ruta del estaño hacia la Casitérides atrajo a los pueblos colonizadores del Mediterrano oriental.
</p>
<h3>Los fenicios</h3>
<p>Asentados desde el sVIIIa.C. en la costa sur (en ciudades como Gadir, Onuba, Malaka, Sexi…) mantuvieron intercambios con Tartessos,transmitiéndoles la técnica de la cerámica al torno, su alfabeto, la industria de las salazones…
Apenas han quedado restos arqueológicos de esta civilización exceptuando el Sarcófago de Cádiz.
</p>
<h3>Los Cartagineses</h3>
<p>Procedentes de Cartago (actual Túnez), fundaron Cartago Nova en torno al 227 a.C. Estos se convirtieron en la gran rival de Roma por el control del Mediterráneo. Algunos generales de la dinastía de los Bárcidas, iniciaron la Primera Guerra Púnica para conquistar la Península Ibérica. En Cartagena quedan abundantes restos cartagineses, como las Murallas púnicas.
</p>
<h3>Las colonias griegas</h3>
<p>se distribuyeron por toda la costa mediterránea, pero, en contraste, no tenían objetivos militares ni de control político, sino meramente comerciales y económicos. Algunos ejemplos serían las ciudades de Rhode (actual Rosas), Emporion (por la misma zona y de la que se conservan restos arqueológicos como la Paleópolis, la Neápolis y la posterior ciudad romana).Los griegos fueron derrotados por los Cartagineses y los etruscos frente a las costas de Córcega en la batalla de Alalia, lo que provocó la decadencia de sus colonias.
</p>
<p>Como <b>balance</b>, todas estas culturas enriquecieron la península con su alfabeto, sus técnicas agrarias, artesanas y minera y la industria de los salazones.
</p>
<h2>Llegada de los pueblos indoeuropeos. Los celtas</h2>
<p>Mientras tanto se producen varias invasiones indoeuropeas, en la edad del Bronce las de la cultura de los Campos de Urnas, la cultura del Hallstatt, y más tarde la de la cultura de La Téne, que ya puede asociarse con los celtas.
</p>
<p>Desde el punto de vista económico, los celtas destacaban por el dominio del hierro, la ganadería, el cultivo de cereales y la fabricación de textiles de relativa calidad. Además practicaban el comercio de forma esporádica y a pequeña escala.</p>
<p>Su organización social se basaba en los lazos de sangre (por lo que aparecían clanes y tribus) y pactos de clientelismo y fidelidad. La organización política se basaba en Asambleas Populares en las que elegían a un Régulo.</p>
<h2>Los Iberos</h2>
<p>Los griegos llamaron iberos a los habitantes peninsulares con los que mantuvieron relaciones, y fueron los romanos los que ya distinguieron entre iberos (periferia mediterránea) y los celtas (franja norteña y meseta).
</p>
<p>Tradicionalmente se les ha considerado invasores africanos pero actualmente se cree que eran pobladores autóctonos herederos de las sociedades del bronce y muy influenciados por griegos y fenicios. Hay que distinguir dos áreas:
</p>
<ul>
<li><b>La zona Sur</b>heredera de los tartessos, es la más poblada y rica. Destacaban los turdetanos, bastetanos y oretanos y practicaban agricultura y minería avanzadas, además de rentable comercio con los fenicios y griegos y de organizarse en ciudades estado con reyes y asambleas populares.</li>
<li><b>La zona Este</b>tiene una cultura similar a la meridional pero no logró tanto desarrollo. Destacan los edetanos, deitanos y contestanos.</li>
<p>Por último, cabe destacar que tuvieron importante desarrollo artístico, pudiendo destacar esculturas como la Bicha de Balazote o la Dama de Elche y necrópolis con innumerables exvotos como el Cerro de los Santos.</p>
</ul>
</section>
<!-- Ejercicio -->
<section class="ejercicio">
<p id="ej_pre"><b class="plum_color">Ejercicio: </b><b>Relacione los acontecimientos con las fechas:</b></p>
<ul>
<li>Primer mileno aC.</li>
<li>535aC.</li>
<li>Siglo V-I a.C</li>
<li>siglos V al III a. C</li>
<li>Cultura de la Tène.</li>
<li>Arte ibero</li>
<li>Batalla de Alalia</li>
<li>Reino de Tartessos</li>
</ul>
<a onclick="myFunction()" class="button primary" id="mostrar">Mostrar soluciones</a>
<a onclick="myFunction()" class="button primary" id="ocultar">Ocultar soluciones</a>
<div id="soluciones">
<p></p>
<ul class=red_color>
<li>Primer mileno a.C: Reino de Tartessos </li>
<li>535a.C: Batalla de Alalia </li>
<li>siglos V al III a.C: Arte ibero.</li>
<li>Siglo V-I a.C: Cultura de la Tène.</li>
</ul>
</div>
<p></p>
<p>Por último, la visualización de este video puede ayudar a comprender el tema:</p>
<iframe width="640" height="360" src="https://www.youtube.com/embed/YwVY42rc1ec">
</iframe>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section class="alt">
<h3>Dirección postal</h3>
<p>C. de Muñoz Seca, 19, 02002 Albacete</p>
</section>
<section>
<h3>Teléfono</h3>
<p>967 50 35 11</p>
</section>
<section>
<h3>Email</h3>
<p><a href="mailto:instituto@ies-ryc.com">instituto@ies-ramonycajal.com</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://twitter.com/iesryc_ab" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/iesryc_ab" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/omarmyrm/TIC_II_web_prehistoria.git" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>Algunos derechos reservados: <a href="https://omarmyrm.wixsite.com/tic-ii" target="_blank">Omar Moya Romero (2ºDBach IES RAMÓN Y CAJAL)</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>
function myFunction() {
var x = document.getElementById("soluciones");
var y = document.getElementById("ocultar");
var z = document.getElementById("mostrar");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "block";
z.style.display = "none";
} else {
x.style.display = "none";
y.style.display = "none";
z.style.display = "block";
}
}
function ocultar_principio() {
var x = document.getElementById("soluciones");
var y = document.getElementById("ocultar");
x.style.display = "none";
y.style.display = "none";
}
// When the user scrolls the page, execute scrollFunction
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
</body>
</html>