Repo de LDM-ASIR

This commit is contained in:
Lil_Carpi
2025-11-26 20:23:35 +01:00
commit fc2d3c47a5
66 changed files with 3560 additions and 0 deletions

View File

@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Katsushika Hokusai - L'Art del japó</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="contenidor-general">
<h1>L'art - Llenguatge de Marques</h1>
<h1>Katsushika Hokusai</h1>
<h1><a href="act23_sad.html">Versió curta</a></h1>
<section class="bloc">
<h2 class="numeracio">Qui va ser Katsushika Hokusai?</h2>
<img src="img/Hokusai_portrait.jpg" alt="Hokusai-San" class="Autoretrat">
<p><i>Katsushika Hokusai "活しか北斎"</i> (17601849) va ser un pintor i gravador japonès del període Edo, mestre de l'art ukiyo-e (gravats del "món flotant").</p>
<p>És mundialment conegut per la sèrie de gravats "Trenta-sis vistes del Mont Fuji" (c. 1830-1833), que inclou la seva obra més cèlebre: "La gran ona de Kanagawa".</p>
<p>La seva obra va influir enormement en l'art occidental, especialment en l'impressionisme. Va ser un artista molt productiu que va pintar fins a la seva mort als 88 anys.</p>
<h3>Característiques de la seva pintura</h3>
<ul>
<li>Ús de línies definides i colors plans.</li>
<li>Composicions equilibrades inspirades en la natura.</li>
<li>Innovació tècnica en el gravat i ús del color blau de Prússia</li>
</ul>
</section>
<section class="bloc">
<h2 class="numeracio">Ukiyo-e</h2>
<img src="img/Ukiyo-e_dsc04680.jpg" alt="Ukiyo-e">
<p><i>Planxa d'impressió ukiyo-e</i></p>
<p>Els ukiyo-e, en japonès <i>nikuhitsu ukiyo-e (肉筆浮世ー絵)</i>, eren obres en què el pintor feia servir pinzells directament sobre paper o seda.</p>
<p>Aquests dibuixos permetien veure l'obra final íntegrament, encara que, tret de la forma de les línies i l'arranjament del color, es perdien durant el procés del dibuix.</p>
<p>Finalment, ja amb les planxes necessàries (usualment se n'utilitzava una per cada color necessari), un <i>surishi (すりし)</i>, o impressor, portava a terme el treball d'impressió col·locant el paper d'estampació sobre les consecutives planxes.</p>
<p>La impressió es realitzava fregant una eina anomenada <i>baren (ばれん)</i> sobre el dors de les fulles. Aquest sistema podia produir variacions de tonalitat en les estampes.</p>
<p>D'una sèrie de planxes podien fer-se una gran quantitat de còpies, de vegades comptades en milers, fins que les planxes es desgastaven.</p>
</section>
<section class="bloc">
<h2 class="numeracio">1. La gran ona de Kanagawa</h2>
<img src="img/The-Great-Wave-off-Kanagawa-1024x706.jpg" alt="La gran ona de Kanagawa">
<p><i>La gran ona de Kanagawa - 神奈川沖波裏</i></p>
<p>Una de les pintures més conegudes del pintor.</p>
</section>
<section class="bloc">
<h2 class="numeracio">2. Vent suau, matí clar (Fuji vermell)</h2>
<img src="img/katsushika-hokusai-paintings-1024x706.jpg" alt="Vent suau, matí clar (Fuji vermell)">
<p><i>Vent suau, matí clar (Fuji vermell) - 凱風快晴</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">3. Camallarg i Cirerer Ploraner</h2>
<img src="img/Bullfinch-and-Weeping-Cherry-Blossoms.jpg" alt="Camallarg i Cirerer Ploraner">
<p><i>Camallarg i Cirerer Ploraner - ウグイス賭垂れー桜</i></p>
<p><i>Nota</i>: El nom en japonès fa referència al cirerer ploraner (<i>shidare zakura - 垂れー桜</i>).</p>
</section>
<section class="bloc">
<h2 class="numeracio">4. Sarumaru Dayu</h2>
<img src="img/Sarumaru-Dayu-1024x720.jpg" alt="Sarumaru Dayu">
<p><i>Sarumaru Dayu - 猿丸太夫</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">5. Oceans de la Saviesa</h2>
<img src="img/Oceans-of-Wisdom-1024x721.jpg" alt="Oceans de la Saviesa">
<p><i>Oceans de la Saviesa - 千絵の海</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">6. Kajikazawa a la província de Kai</h2>
<img src="img/Kajikazawa-in-Kai-Province-1024x679.jpg" alt="Kajikazawa a la província de Kai">
<p><i>Kajikazawa a la província de Kai - 甲州石班澤</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">7. Ejiri a la província de Suruga</h2>
<img src="img/Ejiri-in-the-Suruga-Province-1.jpg" alt="Ejiri a la província de Suruga">
<p><i>Ejiri a la província de Suruga - 駿州江尻</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">8. Manual de Dibuix Ràpid</h2>
<img src="img/Egrets-from-Quick-Lessons-in-Simplified-Drawing-1-1024x721.jpg" alt="Manual de Dibuix Ràpid">
<p><i>Manual de Dibuix Ràpid - 略画早指南</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">9. El Pont Penjant a la Frontera de les Províncies de Hida i Etchū</h2>
<img src="img/The-Suspension-Bridge-on-the-Border-of-Hida-and-Etchu-Provinces-1024x693.jpg" alt="Pont Penjant a la Frontera de les Províncies de Hida i Etchū">
<p><i>El Pont Penjant a la Frontera de les Províncies de Hida i Etchū - 飛越の堺つりはし</i></p>
</section>
<section class="bloc">
<h2 class="numeracio">10. Vista del Fuji des d'un camp a la província d'Owari</h2>
<img src="img/Fujimigahara-in-Owari-Province-1024x684.jpg" alt="Vista del Fuji des d'un camp a la província d'Owari">
<p><i>Vista del Fuji des d'un camp a la província d'Owari - 尾州不二見原</i></p>
</section>
</div>
</body>
</html>

95
ACT23_sad/act23_sad.html Normal file
View File

@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Katsushika Hokusai - L'Art del Japó</title>
<link href="css/style.css" rel="stylesheet">
<link rel="icon" type="image/png" href="img/favicon.png">
</head>
<body>
<div class="contenidor-general">
<h1>L'art - Llenguatge de Marques</h1>
<h1>Katsushika Hokusai</h1>
<h1><a href="act23_sad-llarga.html">Versió llarga</a></h1>
<section class="bloc" id="biografia">
<h2>Qui va ser Katsushika Hokusai?</h2>
<img src="img/Hokusai_portrait.jpg" alt="Autoretrat de Hokusai" class="autoretrat">
<p><i>Katsushika Hokusai (活しか北斎)</i> (17601849) va ser un pintor i gravador japonès del període Edo, mestre de l'art <i>ukiyo-e</i> (gravats del "món flotant").</p>
<p>És mundialment conegut per la sèrie de gravats <i>Trenta-sis vistes del Mont Fuji</i> (c. 1830-1833), que inclou la seva obra més cèlebre: <i>La gran ona de Kanagawa</i>.</p>
<p>La seva obra va influir enormement en l'art occidental, especialment en l'impressionisme. Va ser un artista molt productiu que va pintar fins a la seva mort als 88 anys.</p>
<h3>Característiques de la seva pintura:</h3>
<ul>
<li>Ús de línies definides i colors plans.</li>
<li>Composicions equilibrades inspirades en la natura.</li>
<li>Innovació tècnica en el gravat i ús del color blau de Prússia.</li>
</ul>
</section>
<section class="bloc" id="ukiyoe">
<h2>Què és l'Ukiyo-e?</h2>
<img src="img/Ukiyo-e_dsc04680.jpg" alt="Planxa d'impressió Ukiyo-e">
<p><i>Planxa d'impressió ukiyo-e</i></p>
<p>
L'<strong>Ukiyo-e</strong> és una tècnica tradicional japonesa de <strong>gravat en fusta</strong> que va florir entre els segles XVII i XIX.
Tot i que sovint pot semblar pintura, les obres d'Ukiyo-e no es fan amb pinzells ni traços directes, sinó mitjançant un
<strong>procés de gravat</strong> molt precís.
</p>
<p>
Primer, lartista dissenyava la imatge sobre paper. Després, artesans especialitzats tallaven el dibuix en planxes de fusta,
una per a cada color. Finalment, es premsaven successivament sobre el paper per obtenir el resultat final.
Aquest mètode permetia crear múltiples còpies de la mateixa obra amb una qualitat sorprenent.
</p>
</section>
<section class="bloc" id="gran-ona">
<h2>Pintura més rellevant: La gran ona de Kanagawa</h2>
<img src="img/The-Great-Wave-off-Kanagawa-1024x706.jpg" alt="La gran ona de Kanagawa">
<p><i>La gran ona de Kanagawa - 神奈川沖波裏</i></p>
<p>
Aquesta obra forma part de la sèrie <i>Trenta-sis vistes del Mont Fuji</i>. Mostra una ona gegant a punt d'enfonsar diverses barques,
mentre al fons s'albira el Mont Fuji. És un exemple de la fusió entre la bellesa i el perill en la natura japonesa.
</p>
<h3>Característiques destacades:</h3>
<ul>
<li>Ús dramàtic del contrast entre el mar i el Mont Fuji.</li>
<li>Composició dinàmica i perspectiva influenciada per l'art occidental.</li>
<li>Simbolisme profund sobre la força de la natura i la fragilitat humana.</li>
</ul>
<p>
<strong>Opinió personal:</strong> Una de les seves obres més rellevants. Mostra la fragilitat de lésser humà en qualsevol situació.
Definitivament, me la posaria de fons de pantalla.
</p>
</section>
<section class="bloc" id="fuji-vermell">
<h2>Segona pintura rellevant: Vent suau, matí clar (Fuji vermell)</h2>
<img src="img/katsushika-hokusai-paintings-1024x706.jpg" alt="Vent suau, matí clar (Fuji vermell)">
<p><i>Vent suau, matí clar (Fuji vermell) - 凱風快晴</i></p>
<p>
Aquesta obra representa el Mont Fuji durant un matí serè, il·luminat pel sol naixent. És un homenatge a la calma i la puresa del Japó,
en contrast amb la força de <i>La gran ona</i>.
</p>
<h3>Característiques principals:</h3>
<ul>
<li>Ús de tons càlids i equilibrats per transmetre serenitat.</li>
<li>Composició simple però harmònica, centrada en el Mont Fuji.</li>
</ul>
<p>
<strong>Opinió personal:</strong> És una pintura amb molt de taronja, culpa del sol naixent que il·lumina el Mont Fuji. Magrada.
</p>
</section>
</div>
</body>
</html>

65
ACT23_sad/css/style.css Normal file
View File

@@ -0,0 +1,65 @@
body
{
background-color:#0077b6;
margin:0;
padding:20px;
}
.contenidor-general
{
background-color: #ffffff;
border: 3px solid #00b4d8;
border-radius: 20px;
padding: 40px;
max-width:900px;
margin:0 auto;
box-shadow: 0 6px 16px rgba(0, 119, 182, 0.3);
}
h1
{
text-align: center;
margin-bottom: 40px;
color: #0077b6;
text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.bloc
{
border: 2px solid #90e0ef;
border-radius:16px;
padding: 25px;
margin-bottom:30px;
background: linear-gradient(180deg, #f9fcfd 0%, #e9f9fc 100%);
box-shadow: 0 2px 8px rgba(0, 180, 216, 0.15);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bloc:hover
{
transform: translateY(-3px);
box-shadow: 0 6px 14px rgba(0, 119, 182, 0.25);
}
.bloc h2, h3
{
margin-top: 0;
color: #03045e;
border-bottom: 2px solid #00b4d8;
padding-bottom: 8px;
font-weight: 600;
}
img
{
display: block;
margin: 15px auto;
max-width: 100%;
border-radius: 10px;
border: 2px solid #90e0ef;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
p, ul, li
{
text-align: justify;
line-height: 1.6;
color: #03045e;
}
i
{
color: #0077b6;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

BIN
ACT23_sad/img/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 602 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB