| Próxima revisión | Revisión previa |
| fr:tutorials:assembleur [2026/05/07 17:48] – creado jesus | fr:tutorials:assembleur [2026/05/11 06:15] (actual) – jesus |
|---|
| <html> | <html> |
| <style> | <style> |
| /* --- MONITEUR DE DÉVELOPPEMENT PCW --- */ | |
| .pcw-monitor-asm { | .pcw-monitor-asm { |
| background-color: #000b00; | background-color: #000b00; border: 12px solid #2a2a2a; border-radius: 15px; |
| border: 12px solid #2a2a2a; | padding: 30px; margin: 25px 0; font-family: 'Courier New', Courier, monospace; |
| border-radius: 15px; | position: relative; overflow: hidden; |
| padding: 30px; | |
| margin: 25px 0; | |
| font-family: 'Courier New', Courier, monospace; | |
| position: relative; | |
| overflow: hidden; | |
| box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7); | box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7); |
| } | } |
| |
| /* Effet CRT Scanlines */ | |
| .pcw-monitor-asm::after { | .pcw-monitor-asm::after { |
| content: " "; | content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; |
| position: absolute; top: 0; left: 0; bottom: 0; right: 0; | |
| background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), | background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), |
| linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03)); | linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03)); |
| background-size: 100% 3px, 2px 100%; | background-size: 100% 3px, 2px 100%; z-index: 2; pointer-events: none; |
| z-index: 2; pointer-events: none; | |
| animation: flickering 0.15s infinite; | animation: flickering 0.15s infinite; |
| } | } |
| |
| @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } } | @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } } |
| |
| .retro-text { | .pcw-monitor-asm a, .pcw-monitor-asm a:hover { |
| color: #00ff00 !important; | text-decoration: none !important; border: none !important; outline: none !important; |
| text-shadow: 0 0 10px rgba(0, 255, 0, 0.7); | |
| text-transform: uppercase; | |
| text-decoration: none !important; | |
| } | } |
| |
| .pcw-header-asm { | /* ÉTAT DE REPOS : PAGE NON CRÉÉE (Vert Forêt) */ |
| font-size: 1.6em; | .pcw-monitor-asm a.wikilink2 { |
| font-weight: bold; | color: #005500 !important; text-shadow: none !important; |
| margin-bottom: 25px; | font-weight: bold; text-transform: uppercase; |
| border-bottom: 2px solid #004400; | |
| padding-bottom: 10px; | |
| display: flex; | |
| justify-content: space-between; | |
| } | } |
| |
| .section-label { | /* ÉTAT ACTIF : PAGE CRÉÉE (Vert Néon) */ |
| background: #004400; | .pcw-monitor-asm a { |
| color: #000; | color: #00ff00 !important; text-shadow: 0 0 10px rgba(0, 255, 0, 0.8) !important; |
| padding: 2px 10px; | font-weight: bold; text-transform: uppercase; transition: 0.3s; |
| font-size: 0.7em; | |
| margin-bottom: 10px; | |
| display: inline-block; | |
| font-weight: bold; | |
| } | } |
| |
| .pcw-grid-asm { | /* SURVOL : TOUJOURS NÉON BRILLANT */ |
| display: grid; | .pcw-monitor-asm a:hover { |
| grid-template-columns: 1fr; | color: #00ff00 !important; text-shadow: 0 0 20px #00ff00 !important; |
| gap: 2px; | background: rgba(0, 255, 0, 0.1) !important; |
| position: relative; | |
| z-index: 3; | |
| margin-bottom: 25px; | |
| } | } |
| |
| .asm-link { | .pcw-header-asm { |
| display: flex; | font-size: 1.6em; font-weight: bold; margin-bottom: 25px; border-bottom: 2px solid #004400; |
| align-items: center; | padding-bottom: 10px; display: flex; justify-content: space-between; |
| padding: 8px 12px; | color: #00ff00; text-shadow: 0 0 10px rgba(0, 255, 0, 0.7); |
| border: 1px solid transparent; | |
| transition: 0.1s; | |
| font-weight: bold; | |
| } | } |
| |
| .asm-link:hover { | .section-label { |
| background-color: rgba(0, 255, 0, 0.15); | background: #004400; color: #000; padding: 2px 10px; font-size: 0.7em; |
| border: 1px solid #00ff00; | margin: 15px 0 5px 0; display: inline-block; font-weight: bold; position: relative; z-index: 3; |
| padding-left: 20px; | |
| } | |
| | |
| /* Simulation d'adresses mémoire */ | |
| .mem-addr { | |
| color: #006600; | |
| font-size: 0.85em; | |
| margin-right: 15px; | |
| font-family: 'Courier New', monospace; | |
| } | } |
| |
| .blink { animation: cursor-blink 1s infinite; } | .mem-addr { color: #008800; font-size: 0.9em; margin-right: 15px; font-weight: bold; } |
| @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } | .asm-row { padding: 2px 0; display: block; border: none !important; } |
| </style> | </style> |
| |
| <div class="pcw-monitor-asm"> | <div class="pcw-monitor-asm"> |
| <div class="pcw-header-asm retro-text"> | <div class="pcw-header-asm"> |
| <span>A:\> COURS ASSEMBLEUR AMSTRAD PCW.COM</span> | <span>A:\> COURS ASSEMBLEUR AMSTRAD PCW.COM</span> |
| <span style="font-size: 0.5em; align-self: center;">PCWWiki [FR]</span> | <span style="font-size: 0.5em; align-self: center;">PCWWiki</span> |
| </div> | </div> |
| |
| <!-- SECTION: LEXIQUE --> | |
| <span class="section-label"> TERMINOLOGIE / TABLE DES SYMBOLES </span> | <span class="section-label"> TERMINOLOGIE / TABLE DES SYMBOLES </span> |
| <div class="pcw-grid-asm"> | <div class="asm-row"><span class="mem-addr">0x0000</span> </html>[[fr:cursos:ensamblador:diccionario|DICTIONNAIRE - TERMINOLOGIE ANGLAISE]]<html></div> |
| <a href="doku.php?id=fr:cursos:ensamblador:diccionario" class="asm-link retro-text"> | |
| <span class="mem-addr">0x0000</span> DICTIONNAIRE - TERMINOLOGIE ANGLAISE | |
| </a> | |
| </div> | |
| |
| <!-- SECTION: CODE SOURCE (CHAPITRES) --> | |
| <span class="section-label"> CODE_SOURCE_PRINCIPAL </span> | <span class="section-label"> CODE_SOURCE_PRINCIPAL </span> |
| <div class="pcw-grid-asm"> | <div class="asm-row"><span class="mem-addr">0x1000</span> </html>[[fr:cursos:ensamblador:capitulo_0|CHAPITRE 0 - INTRODUCTION GÉNÉRALE]]<html></div><div class="asm-row"><span class="mem-addr">0x10A0</span> </html>[[fr:cursos:ensamblador:capitulo_1|CHAPITRE 1 - SOUS-ROUTINES]]<html></div><div class="asm-row"><span class="mem-addr">0x11F0</span> </html>[[fr:cursos:ensamblador:capitulo_2|CHAPITRE 2 - EXÉCUTION CONDITIONNELLE (I)]]<html></div><div class="asm-row"><span class="mem-addr">0x12E0</span> </html>[[fr:cursos:ensamblador:capitulo_3|CHAPITRE 3 - EXÉCUTION CONDITIONNELLE (II)]]<html></div><div class="asm-row"><span class="mem-addr">0x13D0</span> </html>[[fr:cursos:ensamblador:capitulo_4|CHAPITRE 4 - ARITHMÉTIQUE BINAIRE (1+1=10)]]<html></div> |
| <a href="doku.php?id=fr:cursos:ensamblador:capitulo_0" class="asm-link retro-text"> | |
| <span class="mem-addr">0x1000</span> CHAPITRE 0 - INTRODUCTION GÉNÉRALE | |
| </a> | |
| <a href="doku.php?id=fr:cursos:ensamblador:capitulo_1" class="asm-link retro-text"> | |
| <span class="mem-addr">0x10A0</span> CHAPITRE 1 - SOUS-PROGRAMMES | |
| </a> | |
| <a href="doku.php?id=fr:cursos:ensamblador:capitulo_2" class="asm-link retro-text"> | |
| <span class="mem-addr">0x11F0</span> CHAPITRE 2 - EXÉCUTION CONDITIONNELLE (I) | |
| </a> | |
| <a href="doku.php?id=fr:cursos:ensamblador:capitulo_3" class="asm-link retro-text"> | |
| <span class="mem-addr">0x12E0</span> CHAPITRE 3 - EXÉCUTION CONDITIONNELLE (II) | |
| </a> | |
| <a href="doku.php?id=fr:cursos:ensamblador:capitulo_4" class="asm-link retro-text"> | |
| <span class="mem-addr">0x13D0</span> CHAPITRE 4 - ARITHMÉTIQUE BINAIRE (1+1=10) | |
| </a> | |
| </div> | |
| |
| <!-- SECTION: BINAIRES D'EXEMPLE --> | <span class="section-label"> EXEMPLES_BINAIRES / ASM_SAMPLES </span> |
| <span class="section-label"> EXEMPLES_BINAIRES / ÉCHANTILLONS_ASM </span> | <div class="asm-row"><span class="mem-addr">0x2000</span> </html>[[fr:cursos:ensamblador:ejemplo_1|EXEMPLE 1 - EFFACEMENT D'ÉCRAN]]<html></div><div class="asm-row"><span class="mem-addr">0x21B0</span> </html>[[fr:cursos:ensamblador:ejemplo_2|EXEMPLE 2 - CONFIGURATION DES PÉRIPHÉRIQUES]]<html></div> |
| <div class="pcw-grid-asm"> | |
| <a href="doku.php?id=fr:cursos:ensamblador:ejemplo_1" class="asm-link retro-text"> | |
| <span class="mem-addr">0x2000</span> EXEMPLE 1 - EFFACEMENT D'ÉCRAN | |
| </a> | |
| <a href="doku.php?id=fr:cursos:ensamblador:ejemplo_2" class="asm-link retro-text"> | |
| <span class="mem-addr">0x21B0</span> EXEMPLE 2 - CONFIGURATION DES PÉRIPHÉRIQUES | |
| </a> | |
| </div> | |
| |
| <div style="color: #004400; font-size: 0.8em; margin-top: 15px; border-top: 1px dashed #004400; padding-top: 10px;"> | <div style="color: #004400; font-size: 0.8em; margin-top: 20px; border-top: 1px dashed #004400; padding-top: 10px; position: relative; z-index: 3;"> |
| SYSTÈME PRÊT. SÉLECTIONNER UN MODULE À EXÉCUTER <span class="blink">_</span> | SYSTÈME PRÊT. SÉLECTIONNEZ UN MODULE À EXÉCUTER <span style="animation: cursor-blink 1s infinite;">_</span> |
| </div> | </div> |
| </div> | </div> |
| </html> | </html> |
| |