Compare commits
12 Commits
final/m1
...
dev/m1_saf
| Author | SHA1 | Date | |
|---|---|---|---|
|
8f740feb3c | ||
|
|
e4fdfbaff5 | ||
|
|
f31f62bc7c | ||
|
|
8cb89a929c | ||
|
|
4b85661745 | ||
|
|
826fb3ae54 | ||
|
|
495b05491f | ||
|
|
5f96533f1f | ||
|
|
3e697d1be6 | ||
|
|
783d211254 | ||
|
|
79f0d28cd3 | ||
|
|
357ac646f3 |
BIN
Buch1.xlsx
Normal file
BIN
Buch1.xlsx
Normal file
Binary file not shown.
BIN
M1/Werbeseite/fh-logo.jpg
Normal file
BIN
M1/Werbeseite/fh-logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
203
M1/Werbeseite/index.html
Normal file
203
M1/Werbeseite/index.html
Normal file
@@ -0,0 +1,203 @@
|
||||
<!--
|
||||
- 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>
|
||||
BIN
M1/Werbeseite/mensa21.jpg
Normal file
BIN
M1/Werbeseite/mensa21.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
132
M1/beispiele/css_table.html
Normal file
132
M1/beispiele/css_table.html
Normal file
@@ -0,0 +1,132 @@
|
||||
<!--
|
||||
- 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>
|
||||
BIN
M1/beispiele/img.png
Normal file
BIN
M1/beispiele/img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
M1/beispiele/logo-FH.png
Normal file
BIN
M1/beispiele/logo-FH.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
50
M1/beispiele/m1_4a_textauszeichnung.html
Normal file
50
M1/beispiele/m1_4a_textauszeichnung.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!--
|
||||
- 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>
|
||||
& < > "
|
||||
<br>
|
||||
Paragraph
|
||||
<p>Lorem Ipsum</p>
|
||||
</body>
|
||||
</html>
|
||||
44
M1/beispiele/m1_4b_tabelle.html
Normal file
44
M1/beispiele/m1_4b_tabelle.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!--
|
||||
- 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€</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€</td>
|
||||
<td>A,A1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bandnudeln</td>
|
||||
<td>3,50€</td>
|
||||
<td></td>
|
||||
<td>x</td>
|
||||
<td>A, D, A1</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
15
M1/beispiele/m1_4c_bild.html
Normal file
15
M1/beispiele/m1_4c_bild.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<!--
|
||||
- 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>
|
||||
19
M1/beispiele/m1_4d_links.html
Normal file
19
M1/beispiele/m1_4d_links.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!--
|
||||
- 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>
|
||||
38
M1/beispiele/m1_4e_spandiv.html
Normal file
38
M1/beispiele/m1_4e_spandiv.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!--
|
||||
- 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>
|
||||
40
M1/beispiele/m1_8a_text.html
Normal file
40
M1/beispiele/m1_8a_text.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<!--
|
||||
- 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>
|
||||
45
M1/beispiele/m1_8b_layout.html
Normal file
45
M1/beispiele/m1_8b_layout.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!--
|
||||
- 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>
|
||||
15
M1/beispiele/m1_ersteSeite.html
Normal file
15
M1/beispiele/m1_ersteSeite.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<!--
|
||||
- Praktikum DBWT. Autoren:
|
||||
- Robert, Joel, 3672729
|
||||
- Şafak, Hazinedar, 3108590
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Werbeseite</title>
|
||||
</head>
|
||||
<body>
|
||||
Inhalt der Werbeseite für die E-Mensa
|
||||
</body>
|
||||
</html>
|
||||
110
M1/beispiele/newsletteranmeldung.html
Normal file
110
M1/beispiele/newsletteranmeldung.html
Normal file
@@ -0,0 +1,110 @@
|
||||
<!--
|
||||
- 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äglich</option>
|
||||
<option value="2" selected>Wö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
|
||||
|
||||
-->
|
||||
BIN
M1/dossier.xlsx
Normal file
BIN
M1/dossier.xlsx
Normal file
Binary file not shown.
@@ -1,10 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
</head>
|
||||
<body>
|
||||
Hello World
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user