.

2023-10-16 18:30:29 +02:00
18 changed files with 10 additions and 711 deletions
--- a/Buch1.xlsx
+++ b/Buch1.xlsx
--- a/M1/Werbeseite/fh-logo.jpg
+++ b/M1/Werbeseite/fh-logo.jpg
--- a/M1/Werbeseite/index.html
+++ b/M1/Werbeseite/index.html
@@ -1,203 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en" xmlns="http://www.w3.org/1999/html">
 <head>
    <meta charset="UTF-8">
    <title>Ihre E-Mensa</title>
    <style>
        * {
            font-family: Arial;
        }
        .grid {
            display: grid;
            grid-template-columns: 200px auto 200px;
        }
        img {
            width: 100%;
            height: auto;
        }
        .speisen {
            border: solid;
            border-collapse: collapse;
        }
        .speisen td {
            border: solid;
            border-collapse: collapse;
        }
        .speisen td:not(:first-of-type) {
            text-align: center;
        }
        p {
            text-align: justify;
        }
        .zahlen {
            list-style-type: none;
            display: grid;
            grid-template-columns: auto auto auto;
            gap: 10px;
        }
        .zahlen p {
            text-align: center;
            font-weight: bold;
        }
        .formular {
            display: grid;
            grid-template-columns: auto auto auto;
            justify-content: start;
            gap: 10px;
        }
        .wichtig {
            text-align: center;
        }
        .wichtigListe {
            display: inline-block;
            text-align: left;
        }
        .freude {
            text-align: center;
        }
        footer {
            border-top: 1px solid;
        }
        .fusszeile {
            padding-top: 20px;
            padding-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
            border: none;
        }
        .fusszeile td:first-child {
            border-left: none;
            padding-left: 20px;
            padding-right: 20px;
        }
        .fusszeile td {
            border-left: 3px solid;
            padding-left: 20px;
            padding-right: 20px;
        }
    </style>
 </head>
 <body>
 <div class="grid">
    <div>
        <img src="fh-logo.jpg" alt="FH-Logo">
    </div>
    <div>
        <a href="#ankündigung">Ankündigung</a>
        <a href="#speisen">Speisen</a>
        <a href="#zahlen">Zahlen</a>
        <a href="#kontakt">Kontakt</a>
        <a href="#wichtig">Wichtig für uns</a>
    </div>
 </div>
 <hr>
 <div class="grid">
    <div></div>
    <div>
        <img src="mensa21.jpg" alt="Essen">
        <h1 id="ankündigung">Bald gibt es auch Essen online ;)</h1>
        <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 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.</p>
        <h1 id="speisen">Köstlichkeiten die Sie erwarten</h1>
        <table class="speisen">
            <tr class="speisen">
                <td></td>
                <td>Preis intern</td>
                <td>Preis extern</td>
            </tr>
            <tr class="speisen">
                <td>Rindfleich mit Bambus, Kaiserschoten und roter Paprika, dazu Mie Nudeln</td>
                <td>3,50</td>
                <td>6,20</td>
            </tr>
            <tr class="speisen">
                <td>Spinatrisotto mit kleinen Samosateigecken und gemischter Salat</td>
                <td>2,90</td>
                <td>5,30</td>
            </tr>
            <tr class="speisen">
                <td>...</td>
                <td>...</td>
                <td>...</td>
            </tr>
        </table>
        <h1 id="zahlen">E-Mensa in Zahlen</h1>
        <div class="zahlen">
            <p>X Besuche</p>
            <p>Y Anmeldungen zum Newsletter</p>
            <p>Z Speisen</p>
        </div>
        <h1 id="kontakt">Interesse geweckt? Wir informieren</h1>
        <div class="formular">
            <div>
                <label for="name">Name</label> <br>
                <input type="text" name="name" id="name" placeholder="Bitte geben Sie Ihren Namen ein">
            </div>
            <div>
                <label for="mail">E-Mail</label> <br>
                <input type="text" name="name" id="mail" placeholder="Bitte geben Sie Ihren Namen ein">
            </div>
            <div>
                <label for="sprache">Newsletter bitte in</label> <br>
                <select name="sprache" id="sprache">
                    <option value="deutsch">Deutsch</option>
                    <option value="englisch">Englisch</option>
                </select>
            </div>
        </div>
        <br>
        <input required type="checkbox" name="datenschutz" id="datenschutz"
               placeholder="Bitte geben Sie Ihren Namen ein">
        <label for="datenschutz">Den Datenschutzbestimmungen stimme ich zu</label>
        <button type="submit">Zum Newsletter anmelden</button>
        <h1 id="wichtig">Das ist uns wichtig</h1>
        <div class="wichtig">
            <ul class="wichtigListe">
                <li>Beste frische saisonale Zutaten</li>
                <li>Ausgewogen abwechslungsreiche Gerichte</li>
                <li>Sauberkeit</li>
            </ul>
        </div>
        <h1 class="freude">Wir freuen uns auf Ihren Besuch!</h1>
    </div>
 </div>
 <footer>
    <table class="fusszeile">
        <tr>
            <td>(c) E-Mensa GmbH</td>
            <td>Şafak Hazinedar & Robert Joel</td>
            <td><a href="">Impressum</a></td>
        </tr>
    </table>
 </footer>
 </body>
 </html>
--- a/M1/Werbeseite/mensa21.jpg
+++ b/M1/Werbeseite/mensa21.jpg
--- a/M1/beispiele/css_table.html
+++ b/M1/beispiele/css_table.html
@@ -1,132 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>CSS Übung</title>
    <style>
        * {
            font-family: Arial;
        }
        a {
            color: darkorange;
            font-weight: bold;
            text-decoration-line: none;
        }
        p.center {
            text-align: center;
        }
        table {
            border: 3px solid #ecc3a4;
            margin-left: auto;
            margin-right: auto;
        }
        td {
            border: 1px solid white;
        }
        thead tr th {
            background: #faebd7;
        }
        tbody tr:nth-child(even) {
            background: #faebd7;
        }
        ol {
            line-height: 40px;
        }
        footer {
            border-top: 3px solid #ecc3a4;
        }
        ul {
            float: right;
        }
        ul li {
            display: inline;
            padding-left: 20px;
            padding-right: 20px;
        }
        ul li:not(:first-child) {
            border-left: 3px solid #ecc3a4;
        }
    </style>
 </head>
 <body>
 <main>
    <div class="elektro zeile">
        <h1 id="elektro">Wofür steht das E in E-Mensa?</h1>
        <p>Am besten zeigt man das in einer <a href="#etabelle">Tabelle</a>.</p>
        <table id="etabelle">
            <thead>
            <tr>
                <th>Bedeutung</th>
                <th>Philosophie</th>
                <th>Beispiele</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>Elektro</td>
                <td>Alles geht elektronisch</td>
                <td>
                    <ol>
                        <li class="pflicht">Bestellung digital</li>
                        <li class="pflicht">Bezahlen digital</li>
                        <li>Essen digital</li>
                        <li>Spülen digital</li>
                    </ol>
                </td>
            </tr>
            <tr>
                <td>Extravagant</td>
                <td>Es gibt auch Ausgefallenes</td>
                <td><p>Wir sind die einzige Mensa weit und breit mit </p>
                    <ol>
                        <li class="pflicht">Vanillesauerkraut</li>
                        <li class="pflicht">Bohnensenfbrot</li>
                        <li>Habaneroeiscreme</li>
                        <li>Bananengulasch</li>
                    </ol>
                </td>
            </tr>
            <tr>
                <td>Effizient</td>
                <td>Schnell, lecker und qualitativ</td>
                <td>
                    <ol>
                        <li class="pflicht">Frisch für Sie zubereitet, wann Sie es wollen</li>
                        <li class="pflicht">Die Zutaten sind nachverfolgbar und immer tiefgekühlt</li>
                        <li>Wir haben auch Samstags geöffnet. Sie sehen, wie effizient wir sind.</li>
                    </ol>
                </td>
            </tr>
            </tbody>
        </table>
        <p class="center">Da geht natürlich noch viel mehr, siehe nur <abbr title="Extra">E</abbr>.<br>Die Tabelle ist
            aber schon ganz schön imposant so oder?</p>
    </div>
 </main>
 <footer>
    <ul>
        <li>(c) DBWT</li>
        <li>Hilfe</li>
        <li>Datenschutz</li>
        <li>Impressum</li>
    </ul>
 </footer>
 </body>
 </html>
--- a/M1/beispiele/img.png
+++ b/M1/beispiele/img.png
--- a/M1/beispiele/logo-FH.png
+++ b/M1/beispiele/logo-FH.png
--- a/M1/beispiele/m1_4a_textauszeichnung.html
+++ b/M1/beispiele/m1_4a_textauszeichnung.html
@@ -1,50 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Title</title>
 </head>
 <body>
 Listen
 <ol>
    <li>a</li>
    <li>b</li>
    <li>c</li>
 </ol>
 <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
 </ul>
 Schriften
 <br>
 <b>Fett</b>
 <i>Kursiv</i>
 <s>durchgestriche</s>
 <br>
 Linie
 <hr>
 <br>
 Überschriften
 <h1>H1</h1>
 <h2>H2</h2>
 <h3>H3</h3>
 <h4>H4</h4>
 <br>
 Exponent & Indizes
 <br>
 x<sup>2</sup> x<sub>2</sub>
 <br>
 Sonderzeichen
 <br>
 &amp; &lt; &gt; &quot;
 <br>
 Paragraph
 <p>Lorem Ipsum</p>
 </body>
 </html>
--- a/M1/beispiele/m1_4b_tabelle.html
+++ b/M1/beispiele/m1_4b_tabelle.html
@@ -1,44 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Tabelle</title>
 </head>
 <body>
 <table border="solid">
    <tr>
        <th>Art</th>
        <th>Gericht</th>
        <th>Preis</th>
        <th>Werktag</th>
        <th>Wochenende</th>
        <th>Inhaltsstoffe</th>
    </tr>
    <tr>
        <td>Vegetarisch</td>
        <td>Kürbis-Chai-Teller</td>
        <td>2,10&euro;</td>
        <td rowspan="2" colspan="2">Ganze Woche</td>
        <td></td>
    </tr>
    <tr>
        <td rowspan="2">Pasta</td>
        <td>Spaghetti Carciofo</td>
        <td>3,50&euro;</td>
        <td>A,A1</td>
    </tr>
    <tr>
        <td>Bandnudeln</td>
        <td>3,50&euro;</td>
        <td></td>
        <td>x</td>
        <td>A, D, A1</td>
    </tr>
 </table>
 </body>
 </html>
--- a/M1/beispiele/m1_4c_bild.html
+++ b/M1/beispiele/m1_4c_bild.html
@@ -1,15 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Bild</title>
 </head>
 <body>
 <img src="logo-FH.png" alt="FH-Logo">
 </body>
 </html>
--- a/M1/beispiele/m1_4d_links.html
+++ b/M1/beispiele/m1_4d_links.html
@@ -1,19 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Links</title>
 </head>
 <body>
 <a href="https://www.fh-aachen.de/">FH Aachen</a>
 <br>
 <a href="https://www.fh-aachen.de/" target="_blank">FH Aachen</a>
 <br>
 <a href="mailto:safak.hazinedar@alumni.fh-aachen.de">E-Mail</a>
 </body>
 </html>
--- a/M1/beispiele/m1_4e_spandiv.html
+++ b/M1/beispiele/m1_4e_spandiv.html
@@ -1,38 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Span Div</title>
 </head>
 <body>
 <!-- <span style="background: beige"> -->
 <div style="color: darkorange">
    <p>
        <span style="background: aqua">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
        sed diam nonumy eirmod tempor invidunt ut labore et dolore
        magna aliquyam erat, sed diam voluptua. </span> 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.
    </p>
    <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.
    </p>
    <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.
    </p>
 </div>
 </body>
 </html>
--- a/M1/beispiele/m1_8a_text.html
+++ b/M1/beispiele/m1_8a_text.html
@@ -1,40 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <style>
        body {
            font-family: Arial;
        }
        h1 {
            text-decoration-line: underline;
        }
        .untertitel {
            font-style: italic;
        }
        .haupt {
            font-weight: bold;
        }
        .beilage {
            font-weight: normal;
            color: green;
        }
    </style>
    <meta charset="UTF-8">
    <title>Title</title>
 </head>
 <body>
 <h1>Currywurst mit Pommes</h1>
 <h3 class="untertitel">Der Klassiker</h3>
 <ul class="haupt">
    <li>Bratwurst</li>
    <li class="beilage">Fritten</li>
    <li>Currysauce</li>
 </ul>
 </body>
 </html>
--- a/M1/beispiele/m1_8b_layout.html
+++ b/M1/beispiele/m1_8b_layout.html
@@ -1,45 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <style>
        .grid-container1 {
            display: grid;
            grid-template-columns: 100px 100px 100px;
            justify-content: space-between;
        }
        .grid-container2 {
            display: grid;
            grid-template-rows: 50px 50px 50px;
        }
        .grid-container3 {
            display: grid;
            justify-content: center;
        }
        .grid-item {
            background: green;
        }
    </style>
    <meta charset="UTF-8">
    <title>Grid</title>
 </head>
 <body>
 <div class="grid-container1">
    <p class="grid-item">Test</p>
    <p class="grid-item">Test</p>
    <p class="grid-item">Test</p>
 </div>
 <div class="grid-container2">
    <p class="grid-item">Test</p>
    <p class="grid-item">Test</p>
    <p class="grid-item">Test</p>
 </div>
 <div class="grid-container3">
    <p class="grid-item">Test</p>
 </div>
 </body>
 </html>
--- a/M1/beispiele/m1_ersteSeite.html
+++ b/M1/beispiele/m1_ersteSeite.html
@@ -1,15 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <title>Werbeseite</title>
 </head>
 <body>
 Inhalt der Werbeseite f&uuml;r die E-Mensa
 </body>
 </html>
--- a/M1/beispiele/newsletteranmeldung.html
+++ b/M1/beispiele/newsletteranmeldung.html
@@ -1,110 +0,0 @@
 <!--
 - Praktikum DBWT. Autoren:
 - Robert, Joel, 3672729
 - Şafak, Hazinedar, 3108590
 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Newsletteranmeldung</title>
 </head>
 <body>
 <form method="post" action="formadata.html">
    <fieldset>
        <legend>
            <h1>Anmeldung</h1>
        </legend>
        <b>Anrede</b><br>
        <input type="radio" name="anrede" value="frau">Frau <br>
        <input type="radio" name="anrede" value="herr">Herr<br>
        <br>
        <label for="vorname"><b>Vorname<sup>*</sup></b></label><br>
        <input type="text" name="vorname" id="vorname" placeholder="Vorname" required>
        <br><br>
        <label for="nachname"><b>Nachname<sup>*</sup></b></label><br>
        <input type="text" name="nachname" id="nachname" placeholder="Nachname" required>
        <br>
        <label for="email"><b>Email<sup>*</sup></b></label><br>
        <input type="email" name="email" id="email" placeholder="user@email.com" required>
        <br><br>
        <b>Benachrichtigungsinterval</b><br>
        <select name="interval">
            <option value="1">T&#228;glich</option>
            <option value="2" selected>W&#246;chentlich</option>
            <option value="3">Monatlich</option>
        </select>
        <br><br>
        <input type="checkbox" required>Ich habe die Datenschutzhinweise gelesen<sup>*</sup>
        <br><br>
        <input type="submit" value="Zum Newsletter anmelden!">
        <br><br>
        Felder mit * sind Pflicht
    </fieldset>
 </form>
 </body>
 </html>
 <!--
 Aufgabe 6
 Bib
 Request URL:        https://www.fh-aachen.de/fh-aachen/hochschulstruktur/zentrale-betriebseinheiten/bibliothek
 Request Method:     GET
 Status Code:        200 OK
 Remote Address:     149.201.122.100:443
 Referrer Policy:    strict-origin-when-cross-origin
 Cache-Control:      max-age=78453
 Connection:         keep-alive
 Content-Encoding:   gzip
 Content-Language:   de                                      Sprache
 Content-Length:     17579
 Content-Type:       text/html; charset=utf-8
 Date:               Wed, 18 Oct 2023 13:22:53 GMT           Zeitpunkt der Anfrage
 Etag:               "34fe7c7dd23fa1091245f8693488dc18"
 Expires:            Thu, 19 Oct 2023 11:10:26 GMT
 Pragma:             public
 Server:             nginx/1.18.0 (Ubuntu)
 Strict-Transport-Security:  max-age=31536000
 Vary:               Accept-Encoding
 Formular
 Request URL:        http://localhost:63342/M1/M1/beispiele/formadata.html
 Request Method:     POST
 Status Code:        404 Not Found
 Remote Address:     127.0.0.1:63342
 Referrer Policy:    strict-origin-when-cross-origin
 Access-Control-Allow-Credentials:   true
 Access-Control-Allow-Origin:        http://localhost:63342
 Content-Length:     92
 Content-Type:       text/html
 Date:               Wed, 18 Oct 2023 13:30:14 GMT
 Server:             PhpStorm 2023.2.2
 Vary:               origin
 X-Content-Type-Options: nosniff
 X-Frame-Options:    SameOrigin
 X-Xss-Protection:   1; mode=block
 Accept:             text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8
 Accept-Encoding:    gzip, deflate, br
 Accept-Language:    de-DE,de
 Cache-Control:      max-age=0
 Connection:         keep-alive
 Content-Length:     67
 Content-Type:       application/x-www-form-urlencoded
 Cookie:             Phpstorm-dabb33c1=6794e646-30f2-42e3-ac04-b05acb4f79a9
 Dnt:                1
 Host:               localhost:63342
 Origin:             http://localhost:63342
 Referer:            http://localhost:63342/M1/M1/beispiele/newsletteranmeldung.html?_ijt=dk0nu23t2f8uk826fkcqu2n7fn&_ij_reload=RELOAD_ON_SAVE
 -->
--- a/M1/dossier.xlsx
+++ b/M1/dossier.xlsx
--- a/world.html
+++ b/world.html
@@ -0,0 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Title</title>
 </head>
 <body>
 Hello World
 </body>
 </html>