1 Commits

Author SHA1 Message Date
S170H
2031169d7b . 2023-10-16 18:30:29 +02:00
18 changed files with 10 additions and 711 deletions

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

View File

@@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 153 KiB

View File

@@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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
-->

Binary file not shown.

10
M1/hello world.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Hello World
</body>
</html>