Ich möchte zur Übung gerne ein Java Programm erstellen, welches einen Screenshot von einem Bildschirmbereich macht und dann ein Klick auf dem Bildschirm macht?

Das Programm soll dann nach dem Klick einen weiteren Screenshot machen und diesem auf einem zuvor festlegbaren Dateipfad speichern, wobei er die Screenshots hochnummerieren soll. Der Punkt und der Bildschirmbereich sollen ebenfalls festlegbar sein. Gestartet werden soll das ganze durch Klicken eines Startbuttons. Ich bekomme bei meinem bisherigen Code folgende Fehlermeldung:

java.io.FileNotFoundException: F:\Screenshots\screenshot_1.png (Die Syntax für den Dateinamen, Verzeichnisnamen oder die Datenträgerbezeichnung ist falsch)
   at java.base/java.io.RandomAccessFile.open0(Native Method)
   at java.base/java.io.RandomAccessFile.open(RandomAccessFile.java:347)
   at java.base/java.io.RandomAccessFile.<init>(RandomAccessFile.java:261)
   at java.base/java.io.RandomAccessFile.<init>(RandomAccessFile.java:216)
   at java.desktop/javax.imageio.stream.FileImageOutputStream.<init>(FileImageOutputStream.java:69)
   at java.desktop/com.sun.imageio.spi.FileImageOutputStreamSpi.createOutputStreamInstance(FileImageOutputStreamSpi.java:55)
   at java.desktop/javax.imageio.ImageIO.createImageOutputStream(ImageIO.java:419)
   at java.desktop/javax.imageio.ImageIO.write(ImageIO.java:1549)
   at Package.Screenshots$3$1.run(Screenshots.java:173)
   at java.base/java.lang.Thread.run(Thread.java:830)
javax.imageio.IIOException: Can't create an ImageOutputStream!
   at java.desktop/javax.imageio.ImageIO.write(ImageIO.java:1551)
   at Package.Screenshots$3$1.run(Screenshots.java:173)
   at java.base/java.lang.Thread.run(Thread.java:830)

finde aber einfach nicht den Fehler. Desweiteren würde ich gerne abändern, das ich beim Bildschirmbereich und -punkt nicht jedes Mal eine graue Fläche sehe, sondern immer noch den normalen Bildschirm mit allen offnen Fenstern, nur das es durchsichtig ist und ich nicht irgendetwas andere anklicke /auswähle/markiere.

Bisher habe ich folgenden Code:

https://pastebin.com/0P3QRzm7

programmieren, Java
Wie bekomme ich es hin, das die Kästen beim verkleinern des Fensters über die gesamte Länge geht?

Ich habe bisher das:

und verkleinert sieht es so aus:

Aussehen soll es aber so:

Hier mein Code:

<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
      <style>
         header {
         text-align: center;
         font-size: 3em;
         padding: 5px;
         color: #fff;
         background-color: #FFBF00;
         }
         .wrapper { display:flex }
         @media screen and (max-width:620px) {
         .wrapper {display:block }
         }
         nav {
         width:15%;
         text-align: center;
         font-size: 2em;
         padding-right: 60px;
         color: #fff;
         background-color: #819FF7;
         margin-right: 10px;
         margin-bottom: 150px;
         }
         a {color: #fff }
         li {list-style: none }
         article {
         width:70%;
         color: #BDBDBD;
         }
         aside {
         color: #fff;
         width: 15%
         text-align: center;
         font-size: 1em;
         padding: 10px;
         padding-right: 60px;
         background-color: #01DFD7;
         margin-bottom: 150px;
         }
         footer {
         text-align: center;
         font-size: 1em;
         padding: 10px;
         padding-right: 60px;
         background-color: #D8D8D8;
         color: #A4A4A4;
         }
      </style>
   </head>
   <body>
      <header><h2>Header</h2></header>
      <div class="wrapper">
           <nav>
            <ul>
               <li><a href="" target="_blank">Link 1</a></li>
               <li><a href="" target="_blank">Link 2</a></li>
               <li><a href="" target="_blank">Link 3</a></li>
               <li><a href="" target="_blank">Link 4</a></li>
            </ul>
         </nav>
         <article>
            <h3>Lorem Ipsum</h3>
               <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
               sed diam nonumy eirmod tempor invidunt ut labore et dolore
               magna aliquyam erat, sed diam voluptua. At vero eos et
               accusam et justo duo dolores et ea rebum. Stet clita kasd
               gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
               amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
               sed diam nonumy eirmod tempor invidunt ut labore et dolore
            magna aliquyam.</p>
         </article>
         <aside>
            <h2>About</h2>
            <p>Lorem ipsum dolor<br>
               sit ametr,<br>
               consecteteuer<br>
               adipiscing elit.
            </p>
         </aside>
      </div>
      <footer>
         <p>&copy; </p>
      </footer>
   </body>
</html>
Bild zum Beitrag
HTML, CSS, HTML5
Wie kann ich mit css die zwei div container untereinander mit Abstand dazwischen anzeigen lassen?
<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <style>
         .haupt {
         margint top: 50px;
         }
         .b1 {
         float: left;
         width: 400px;
         padding: 20px 0;
         color: #01DF01;
         border-bottom-width: 3px;
         border-style: solid;
         width: 50;
         height: 30;
         background-color: #fff;
         }
         .b2 {
         float: both;
         width: 400px;
         padding: 20px 0;
         color: #01DF01;
         border-bottom-width: 3px;
         border-style: solid;
         width: 50;
         height: 30;
         background-color: #fff;
         }
      </style>
   </head>
   <body>
      <div class="haupt">
         <div class="b1">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
            sed diam nonumy eirmod tempor invidunt ut labore et<br>
            dolore magna aliquyam erat, sed diam voluptua.<br>
            At vero eos et accusam et justo duo dolores et
         </div>
         <div class="b2">
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
            sed diam nonumy eirmod tempor invidunt ut labore et<br>
            dolore magna aliquyam erat, sed diam voluptua.<br>
            At vero eos et accusam et justo duo dolores et
         </div>
      </div>
   </body>
</html>                  
HTML, CSS