fr:programming:introduction []

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
~~NOTOC~~

<html>
<style>
  /* --- MOTOR VISUAL RETRO CRT --- */
  .pcw-monitor-ultra {
    background-color: #000b00; 
    border: 12px solid #2a2a2a; 
    border-radius: 15px;
    padding: 25px;
    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);
  }

  .pcw-monitor-ultra::after {
    content: " ";
    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%), 
                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%;
    z-index: 2;
    pointer-events: none;
    animation: flickering 0.15s infinite;
  }

  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }

  .retro-text-green {
    color: #00ff00 !important;
    font-family: 'Courier New', Courier, monospace;
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
  }

  .pcw-title-ultra {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 25px;
    display: block;
  }

  .pcw-title-ultra::after { content: "_"; animation: cursor-blink 1s infinite; }
  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }

  .content-body { position: relative; z-index: 3; color: #00ff00; line-height: 1.6; text-align: justify; }
  .content-body b, .content-body strong { color: #00ff00; font-weight: bold; }
  .content-body p { margin-bottom: 15px; }
  .content-body ul { list-style: square; margin-top: 10px; padding-left: 20px; }
  .content-body ul li a { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; }
  
  /* --- SUBTÍTULO EN CUADRO NEÓN --- */
  .pcw-subtitle-box {
    background-color: #00ff00;
    color: #000b00 !important;
    padding: 5px 12px;
    font-weight: bold;
    display: inline-block;
    margin: 20px 0 15px 0;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    font-family: 'Courier New', Courier, monospace;
  }

  /* --- REJILLAS TÉCNICAS --- */
  .drive-grid-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
    position: relative;
    z-index: 3;
  }

  .drive-card {
    border: 1px solid #004400;
    background: rgba(0, 15, 0, 0.6);
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: 0.2s;
  }
  .drive-card:hover { border-color: #00ff00; background: rgba(0, 30, 0, 0.8); }

  .drive-info-header {
    font-size: 1.1em;
    border-bottom: 1px dashed #004400;
    padding-bottom: 8px;
    color: #00ff00;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .model-highlight {
    background-color: #00ff00;
    color: #000b00 !important;
    padding: 2px 8px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .drive-gallery {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap; 
    justify-content: flex-start;
    width: 100%;
  }

  .img-frame {
    border: 2px solid #00ff00;
    padding: 4px;
    background: #000;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0px;        
    max-width: 24%;       
    box-sizing: border-box;
  }

  .img-frame img { 
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;  
    object-fit: contain; 
    cursor: pointer; 
    background-color: #000;
  }

  .large-frame {
    border: 2px solid #00ff00;
    padding: 6px;
    background: #000;
    display: inline-block;
    max-width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
  }
  
  .large-frame img {
    max-width: 400px;
    height: auto;
    display: block;
    cursor: pointer;
  }
  
  .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }

  /* --- CAJA VERDE NEÓN PARA LA TABLA DE MANDOS --- */
  .matrix-terminal-box {
    border: 2px solid #00ff00;
    background: rgba(0, 10, 0, 0.85);
    padding: 15px;
    margin: 20px 0;
    font-size: 0.9em;
    position: relative;
    z-index: 3;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2), inset 0 0 15px rgba(0, 255, 0, 0.1);
  }
  .matrix-header {
    font-weight: bold;
    border-bottom: 2px solid #00ff00;
    padding-bottom: 8px;
    margin-bottom: 10px;
    display: flex;
    color: #00ff00;
  }
  .matrix-row { 
    display: flex; 
    padding: 6px 0; 
    border-bottom: 1px dashed rgba(0, 85, 0, 0.3);
  }
  .matrix-row:last-child { border-bottom: none; }
  
  .matrix-key { 
    color: #00ff00; 
    font-weight: bold; 
    min-width: 160px; 
    border-right: 1px dashed #00ff00;
    margin-right: 15px;
    padding-right: 5px;
  }
  .matrix-action { color: #aaffaa; flex: 1; }

  /* --- CUADRO NEÓN PARA VÍDEOS INDIVIDUALES --- */
  .video-terminal-box {
    border: 2px solid #00ff00;
    background: #000;
    padding: 10px;
    margin-bottom: 20px;
    display: inline-block;
    max-width: 100%;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
    position: relative;
    z-index: 3;
  }

  /* --- LIGHTBOX SCROLL --- */
  .modal-pcw {
    display: none; 
    position: fixed; 
    z-index: 9999;
    top: 0; left: 0; 
    width: 100%; height: 100%;
    background-color: rgba(0, 10, 0, 0.95);
    overflow: auto; 
  }
  .modal-pcw:target { display: block; text-align: center; }
  .close-overlay {
    display: inline-block;
    min-width: 100%; min-height: 100%;
    padding: 40px; box-sizing: border-box;
    text-decoration: none !important; cursor: zoom-out;
    vertical-align: middle;
  }
  .modal-content {
    max-width: none !important; max-height: none !important;
    border: 4px solid #00ff00; box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
    margin: auto auto; display: inline-block;
  }
</style>

<div class="pcw-monitor-ultra">
  <div class="pcw-title-ultra retro-text-green"> A> INTRODUCTION </div>
  
  <div class="pcw-subtitle-box">L'Amstrad PCW, une machine parfaite pour programmer</div>
  
  <div class="content-body">
    <p>L'Amstrad PCW a été une révolution dans les bureaux du monde entier, grâce au traitement de texte </html>[[fr:software:systeme:|LocoScript]]<html> de </html>[[fr:companias:Locomotive Software]]<html>, à son imprimante intégrée, et à l'excellente résolution d'affichage des caractères de son écran.</p>
    
    <p>Ce n'est pas pour rien que cet ordinateur était principalement commercialisé comme le remplaçant idéal des machines à écrire.</p>
    
    <p>Bien qu'</html>[[fr:companias:Amstrad]]<html> ait de bonnes raisons de l'affirmer, la firme omettait une partie cruciale des capacités de cette machine.</p>
    
    <p>En effet, l'Amstrad PCW était également livré de série avec un invité très spécial, un logiciel qui le transformait en un puissant ordinateur personnel : le système d'exploitation </html>[[fr:software:systeme:|CP/M]]<html> Plus de </html>[[fr:companias:Digital Research]]<html>.</p>
    
    <p>Le système d'exploitation CP/M avait connu ses heures de gloire à la fin des années 1970 et au début des années 1980, ce qui signifiait concrètement qu'il existait une impressionnante logithèque capable de tourner sur l'Amstrad PCW avec peu ou pas de modifications.</p>
    
    <p>Cela incluait évidemment une grande variété de langages de programmation qui, combinés aux caractéristiques de la machine, la rendaient parfaite pour s'initier à l'art du développement logiciel.</p>
    
    <p>Par la suite, certaines extensions spécifiques à l'Amstrad PCW furent développées pour ces langages de programmation, permettant notamment de tracer des graphiques.</p>
  </div>
</div>
</html>