add files of code before my time in the class
This commit is contained in:
17
Zweites Jahr/alt/LJ1/betonung.htm
Executable file
17
Zweites Jahr/alt/LJ1/betonung.htm
Executable file
@@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta keywords = "ljhlkjsh, asdfhlasd f">
|
||||||
|
<title>HTML-Grundlagen: Textauszeichnung zur Betonung</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>HTML-Grundlagen: Textauszeichnung zur Betonung</h1>
|
||||||
|
<h2>Starke Betonung</h2>
|
||||||
|
<p>Dies ist ein <strong>sauwichtiges</strong> Wort</p>
|
||||||
|
<h2>Betonung</h2>
|
||||||
|
<p>Dies ist ein <em>wichtiges</em> Wort</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
Zweites Jahr/alt/LJ1/downloads/file.pdf
Executable file
BIN
Zweites Jahr/alt/LJ1/downloads/file.pdf
Executable file
Binary file not shown.
68
Zweites Jahr/alt/LJ1/forms/data_evaluate.php
Executable file
68
Zweites Jahr/alt/LJ1/forms/data_evaluate.php
Executable file
@@ -0,0 +1,68 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php
|
||||||
|
ini_set("display_errors", "on");
|
||||||
|
|
||||||
|
// file: data_evaluate.php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// required fields
|
||||||
|
if( empty($_REQUEST['lastname']) ||
|
||||||
|
empty($_REQUEST['password']) ||
|
||||||
|
empty($_REQUEST['email'])) {
|
||||||
|
echo "<p>All required fields must be filled in</p>";
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
// required fields
|
||||||
|
$lastname = $_REQUEST['lastname'];
|
||||||
|
$country = $_REQUEST['country'];
|
||||||
|
$email = $_REQUEST['email'];
|
||||||
|
$favs = $_REQUEST['favs'];
|
||||||
|
|
||||||
|
|
||||||
|
// optional fields
|
||||||
|
$firstname = empty($_REQUEST['firstname']) ? "n.a." : $_REQUEST['firstname'];
|
||||||
|
$dob = empty($_REQUEST['dob']) ? "n.a." : $_REQUEST['dob'];
|
||||||
|
|
||||||
|
|
||||||
|
echo "<h2>Your data:</h2>";
|
||||||
|
echo "<p>";
|
||||||
|
echo "<strong>First Name:</strong> $firstname<br>";
|
||||||
|
echo "<strong>Last Name:</strong> $lastname<br>";
|
||||||
|
echo "<strong>Email:</strong> $email<br>";
|
||||||
|
echo "<strong>Country:</strong> $country<br>";
|
||||||
|
echo "<strong>Date Of Birth:</strong> $dob<br>";
|
||||||
|
echo "<strong>Favorites:</strong><br>";
|
||||||
|
|
||||||
|
if(!empty($_REQUEST["favs"]) && is_array($_REQUEST["favs"])) {
|
||||||
|
echo "<ul>";
|
||||||
|
$favs = $_REQUEST["favs"];
|
||||||
|
foreach($favs as $fav) {
|
||||||
|
echo "<li>$fav</li>";
|
||||||
|
}
|
||||||
|
echo "</ul>";
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
echo "n.a<br>";
|
||||||
|
/*
|
||||||
|
echo "<pre>";
|
||||||
|
print_r($favs);
|
||||||
|
echo "</pre>";
|
||||||
|
*/
|
||||||
|
//echo "<strong>Favorites:</strong> $favs<br>";
|
||||||
|
echo "</p>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
97
Zweites Jahr/alt/LJ1/forms/formtemplate.htm
Executable file
97
Zweites Jahr/alt/LJ1/forms/formtemplate.htm
Executable file
@@ -0,0 +1,97 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Form Template</title>
|
||||||
|
<style>
|
||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
div.form-row {
|
||||||
|
background: silver;
|
||||||
|
padding: .2rem;
|
||||||
|
margin: .2rem;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
width: 7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
label::after {
|
||||||
|
content: ":";
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[required] {
|
||||||
|
background: rgba(31, 225, 232, 0.2);
|
||||||
|
border: 1px solid #003366;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form action = "data_evaluate.php">
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "fn">First Name</label>
|
||||||
|
<input id = "ln" name = "firstname" placeholder = "Hans" title = "Please insert your first name here!">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "ln">Last Name</label>
|
||||||
|
<input id = "ln" name = "lastname" placeholder = "Mustermann" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "pw">Password</label>
|
||||||
|
<input id = "pw" name = "password" type = "password" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "email">Email</label>
|
||||||
|
<input id = "email" name = "email" type = "email" placeholder = "me@mydomain.com" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "dob">Date of Birth</label>
|
||||||
|
<input id = "dob" name = "dob" type = "date">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "country">Country</label>
|
||||||
|
<select id = "country" name = "country">
|
||||||
|
<option>n.a.</option>
|
||||||
|
<option>Germany</option>
|
||||||
|
<option>United States Of America</option>
|
||||||
|
<option>United Kingdom</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "favs">Favorits</label>
|
||||||
|
<select id = "favs" name = "favs[]" multiple>
|
||||||
|
<option>web engineering</option>
|
||||||
|
<option>music</option>
|
||||||
|
<option>sports</option>
|
||||||
|
<option>bing watching</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<button>Go!</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
0
Zweites Jahr/alt/LJ1/forms/validate_date.php
Executable file
0
Zweites Jahr/alt/LJ1/forms/validate_date.php
Executable file
30
Zweites Jahr/alt/LJ1/grafiken_e3fi1.htm
Executable file
30
Zweites Jahr/alt/LJ1/grafiken_e3fi1.htm
Executable file
@@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>HTML-Grundlagen: Grafiken</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>HTML-Grundlagen: Grafiken</h1>
|
||||||
|
<h2>Grafiken ohne Zusammenhang zum Text</h2>
|
||||||
|
<!-- src und alt sind Pflicht-Attribute -->
|
||||||
|
<img src = "images/pic.jpg" alt = "Bild von WvSS in Vietnam">
|
||||||
|
|
||||||
|
<h2>Abbildung mit Bezug zum Text</h2>
|
||||||
|
<figure>
|
||||||
|
<img src = "images/pic.jpg" alt = "Erklärendes Bild">
|
||||||
|
<figcaption>Abb 1.1 Vergaser</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2>Falls Grafik mit hoher Auflösung für verschiedene Endgeräte</h2>
|
||||||
|
<picture>
|
||||||
|
<!-- Desktop -->
|
||||||
|
<source media="(min-width:950px)" srcset="large.jpg">
|
||||||
|
<!-- Laptop -->
|
||||||
|
<source media="(min-width:465px)" srcset="medium.jpg">
|
||||||
|
<!-- Smartphone -->
|
||||||
|
<img src="small.jpg" alt="Flowers">
|
||||||
|
</picture>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
Zweites Jahr/alt/LJ1/images/pic.jpg
Executable file
BIN
Zweites Jahr/alt/LJ1/images/pic.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 352 KiB |
49
Zweites Jahr/alt/LJ1/listen.htm
Executable file
49
Zweites Jahr/alt/LJ1/listen.htm
Executable file
@@ -0,0 +1,49 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>HTML-Grundlagen: Listen</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>HTML-Grundlagen: Listen</h1>
|
||||||
|
|
||||||
|
<h2>Ungeordnete Liste</h2>
|
||||||
|
<ul> <!-- unordered list -->
|
||||||
|
<li>Pink Floyd</li> <!-- list items-->
|
||||||
|
<li>Saga</li>
|
||||||
|
<li>Manfred Mann's Earth Band</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Geordnete Liste</h2>
|
||||||
|
<ol> <!-- ordered list -->
|
||||||
|
<li>Full Metal Jacket</li> <!-- list items-->
|
||||||
|
<li>Clockwork Orange</li>
|
||||||
|
<li>Existenz</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Ungeordnete Liste</h2>
|
||||||
|
<h3>Verschachtelt</h3>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Saga</li>
|
||||||
|
<li>Pink Floyd
|
||||||
|
<ul>
|
||||||
|
<li>Roger Waters</li>
|
||||||
|
<li>David Gilour
|
||||||
|
<ul>
|
||||||
|
<li>Vocals</li>
|
||||||
|
<li>Lead Guitar</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li>Nick Mason</li>
|
||||||
|
<li>Richard Wright</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>Manfred Mann's Earth Band</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
28
Zweites Jahr/alt/LJ1/menues_e3fi1.htm
Executable file
28
Zweites Jahr/alt/LJ1/menues_e3fi1.htm
Executable file
@@ -0,0 +1,28 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>HTML-Grundlagen: Hauptmenüs</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>HTML-Grundlagen: Hauptmenüs</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href = "#">Menüpunkt 1</a></li>
|
||||||
|
<li><a href = "#">Menüpunkt 2</a></li>
|
||||||
|
<li><a href = "#">Menüpunkt 3</a>
|
||||||
|
|
||||||
|
<!-- Untermenü zu Punkt 3 -->
|
||||||
|
<ul>
|
||||||
|
<li><a href = "#">Menüpunkt 3.1</a></li>
|
||||||
|
<li><a href = "#">Menüpunkt 3.2</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li><a href = "#">Menüpunkt 4</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
Zweites Jahr/alt/LJ1/paragraph_br_header.htm
Executable file
24
Zweites Jahr/alt/LJ1/paragraph_br_header.htm
Executable file
@@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>HTML-Grundlagen: Absatz, Umbruch, Überschrift</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Datei: paragraph_br_header.htm -->
|
||||||
|
<h1>HTML-Grundlagen: Absatz, Umbruch, Überschrift</h1>
|
||||||
|
<p>Jede HTML-Datei soll nur eine Überschrift 1. Ordnung besitzen</p>
|
||||||
|
<p>Lorem ipsum dolor sit, <br>amet consectetur adipisicing elit.
|
||||||
|
Aliquam est molestiae nesciunt fugit aspernatur inventore
|
||||||
|
quas esse, natus, nobis excepturi,<br> ad reiciendis eaque.
|
||||||
|
Totam obcaecati, assumenda non voluptas odio nobis?</p>
|
||||||
|
<h2>Überschrift 2. Ordnung</h2>
|
||||||
|
<h3>Überschrift 3. Ordnung</h3>
|
||||||
|
<h4>Überschrift 4. Ordnung</h4>
|
||||||
|
<h5>Überschrift 5. Ordnung</h5>
|
||||||
|
<h6>Überschrift 6. Ordnung</h6>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
35
Zweites Jahr/alt/LJ1/verweise_e3fi1.htm
Executable file
35
Zweites Jahr/alt/LJ1/verweise_e3fi1.htm
Executable file
@@ -0,0 +1,35 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>HTML-Grundlagen: Verweise</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>HTML-Grundlagen: Verweise</h1>
|
||||||
|
|
||||||
|
<h2>relative Verweise</h2>
|
||||||
|
<!-- href = hyper reference | a = anker -->
|
||||||
|
<a href = "listen.htm">Zur Datei "Listen"</a><br>
|
||||||
|
<a href = "downloads/file.pdf">Download</a><br>
|
||||||
|
<a href = "images/pic.jpg">Bild ansehen</a>
|
||||||
|
|
||||||
|
<h2>absolute Verweise (externe URL's)</h2>
|
||||||
|
|
||||||
|
<a href = "https://www.wvss-mannheim.de" target = "_blank">
|
||||||
|
Zur Website der WvSS
|
||||||
|
</a><br>
|
||||||
|
|
||||||
|
<!-- Achtung Fishing !!! -->
|
||||||
|
<a href = "https://google.de" target = "_blank">
|
||||||
|
Auf Sparkasse.de anmelden
|
||||||
|
</a><br>
|
||||||
|
|
||||||
|
<h2>Verlinkte Grafiken</h2>
|
||||||
|
|
||||||
|
<a href = "images/pic.jpg">
|
||||||
|
<img src="images/pic.jpg" width = "10%" alt = "thumb">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
54
Zweites Jahr/alt/LJ1/website/about.htm
Executable file
54
Zweites Jahr/alt/LJ1/website/about.htm
Executable file
@@ -0,0 +1,54 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>MyCompany | About</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- static -->
|
||||||
|
<header>
|
||||||
|
<div id = "company">MyCompany</div>
|
||||||
|
<div id = "slogan">My Slogan</div>
|
||||||
|
<div id = "logo">
|
||||||
|
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<hr>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href = "index.htm">Home</a></li>
|
||||||
|
<li><a href = "about.htm">About</a></li>
|
||||||
|
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||||
|
<li><a href = "contact.htm">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<hr>
|
||||||
|
<!-- static end-->
|
||||||
|
|
||||||
|
<!-- dynamic -->
|
||||||
|
<main>
|
||||||
|
<h1>About</h1>
|
||||||
|
<p>We do stuff!</p>
|
||||||
|
</main>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic end -->
|
||||||
|
|
||||||
|
<!-- dynamic/static -->
|
||||||
|
<aside>
|
||||||
|
<h3>Dates</h3>
|
||||||
|
<time>2011-01-01</time>
|
||||||
|
<p>Open Day</p>
|
||||||
|
</aside>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic/static end -->
|
||||||
|
|
||||||
|
<!-- static -->
|
||||||
|
<footer>
|
||||||
|
<p>© 2025 MyCompany</p>
|
||||||
|
</footer>
|
||||||
|
<!-- static end -->
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
57
Zweites Jahr/alt/LJ1/website/contact.htm
Executable file
57
Zweites Jahr/alt/LJ1/website/contact.htm
Executable file
@@ -0,0 +1,57 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>MyCompany | Contact </title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- static -->
|
||||||
|
<header>
|
||||||
|
<div id = "company">MyCompany</div>
|
||||||
|
<div id = "slogan">My Slogan</div>
|
||||||
|
<div id = "logo">
|
||||||
|
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<hr>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href = "index.htm">Home</a></li>
|
||||||
|
<li><a href = "about.htm">About</a></li>
|
||||||
|
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||||
|
<li><a href = "contact.htm">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<hr>
|
||||||
|
<!-- static end-->
|
||||||
|
|
||||||
|
<!-- dynamic -->
|
||||||
|
<main>
|
||||||
|
<h1>Contact</h1>
|
||||||
|
<address>
|
||||||
|
<div id = "email">staudt@wvss-mannheim.de</div>
|
||||||
|
</address>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic end -->
|
||||||
|
|
||||||
|
<!-- dynamic/static -->
|
||||||
|
<aside>
|
||||||
|
<h3>Dates</h3>
|
||||||
|
<time>2011-01-01</time>
|
||||||
|
<p>Open Day</p>
|
||||||
|
</aside>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic/static end -->
|
||||||
|
|
||||||
|
<!-- static -->
|
||||||
|
<footer>
|
||||||
|
<p>© 2025 MyCompany</p>
|
||||||
|
</footer>
|
||||||
|
<!-- static end -->
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
54
Zweites Jahr/alt/LJ1/website/index.htm
Executable file
54
Zweites Jahr/alt/LJ1/website/index.htm
Executable file
@@ -0,0 +1,54 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>MyCompany | Homepage</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- static -->
|
||||||
|
<header>
|
||||||
|
<div id = "company">MyCompany</div>
|
||||||
|
<div id = "slogan">My Slogan</div>
|
||||||
|
<div id = "logo">
|
||||||
|
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<hr>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href = "index.htm">Home</a></li>
|
||||||
|
<li><a href = "about.htm">About</a></li>
|
||||||
|
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||||
|
<li><a href = "contact.htm">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<hr>
|
||||||
|
<!-- static end-->
|
||||||
|
|
||||||
|
<!-- dynamic -->
|
||||||
|
<main>
|
||||||
|
<h1>Homepage</h1>
|
||||||
|
<p>Welcome on our website!</p>
|
||||||
|
</main>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic end -->
|
||||||
|
|
||||||
|
<!-- dynamic/static -->
|
||||||
|
<aside>
|
||||||
|
<h3>Dates</h3>
|
||||||
|
<time>2011-01-01</time>
|
||||||
|
<p>Open Day</p>
|
||||||
|
</aside>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic/static end -->
|
||||||
|
|
||||||
|
<!-- static -->
|
||||||
|
<footer>
|
||||||
|
<p>© 2025 MyCompany</p>
|
||||||
|
</footer>
|
||||||
|
<!-- static end -->
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
58
Zweites Jahr/alt/LJ1/website/portfolio.htm
Executable file
58
Zweites Jahr/alt/LJ1/website/portfolio.htm
Executable file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>MyCompany | Portfolio</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- static -->
|
||||||
|
<header>
|
||||||
|
<div id = "company">MyCompany</div>
|
||||||
|
<div id = "slogan">My Slogan</div>
|
||||||
|
<div id = "logo">
|
||||||
|
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<hr>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href = "index.htm">Home</a></li>
|
||||||
|
<li><a href = "about.htm">About</a></li>
|
||||||
|
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||||
|
<li><a href = "contact.htm">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<hr>
|
||||||
|
<!-- static end-->
|
||||||
|
|
||||||
|
<!-- dynamic -->
|
||||||
|
<main>
|
||||||
|
<h1>Portfolio</h1>
|
||||||
|
<ul>
|
||||||
|
<li>service</li>
|
||||||
|
<li>consulting</li>
|
||||||
|
<li>training</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic end -->
|
||||||
|
|
||||||
|
<!-- dynamic/static -->
|
||||||
|
<aside>
|
||||||
|
<h3>Dates</h3>
|
||||||
|
<time>2011-01-01</time>
|
||||||
|
<p>Open Day</p>
|
||||||
|
</aside>
|
||||||
|
<hr>
|
||||||
|
<!-- dynamic/static end -->
|
||||||
|
|
||||||
|
<!-- static -->
|
||||||
|
<footer>
|
||||||
|
<p>© 2025 MyCompany</p>
|
||||||
|
</footer>
|
||||||
|
<!-- static end -->
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
30
Zweites Jahr/alt/LJ1/whitespaces.htm
Executable file
30
Zweites Jahr/alt/LJ1/whitespaces.htm
Executable file
@@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>HTML-Grundlagen: Whitespaces</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
|
||||||
|
Est veniam illo culpa aliquid,
|
||||||
|
esse fugiat dolorem
|
||||||
|
dignissimos! Viele Leerzeichen: Rem mollitia,
|
||||||
|
Viele leere Zeilen:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
expedita asperiores
|
||||||
|
accusantium reprehenderit Viele Tabs: iusto sint numquam temporibus
|
||||||
|
qui distinctio pariatur!
|
||||||
|
|
||||||
|
Erzwungene Leerzeichen (aber keinen Grund diese anzuwenden): <-- Leerzeichen
|
||||||
|
Erzwungene Zeilenumbrüche:<br><br><br><br><br> (niemals mehrere breaks)
|
||||||
|
Tabs werden mit CSS gestaltet
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
68
Zweites Jahr/alt/data_evaluate.php
Executable file
68
Zweites Jahr/alt/data_evaluate.php
Executable file
@@ -0,0 +1,68 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php
|
||||||
|
ini_set("display_errors", "on");
|
||||||
|
|
||||||
|
// file: data_evaluate.php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// required fields
|
||||||
|
if( empty($_REQUEST['lastname']) ||
|
||||||
|
empty($_REQUEST['password']) ||
|
||||||
|
empty($_REQUEST['email'])) {
|
||||||
|
echo "<p>All required fields must be filled in</p>";
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
// required fields
|
||||||
|
$lastname = $_REQUEST['lastname'];
|
||||||
|
$country = $_REQUEST['country'];
|
||||||
|
$email = $_REQUEST['email'];
|
||||||
|
$favs = $_REQUEST['favs'];
|
||||||
|
|
||||||
|
|
||||||
|
// optional fields
|
||||||
|
$firstname = empty($_REQUEST['firstname']) ? "n.a." : $_REQUEST['firstname'];
|
||||||
|
$dob = empty($_REQUEST['dob']) ? "n.a." : $_REQUEST['dob'];
|
||||||
|
|
||||||
|
|
||||||
|
echo "<h2>Your data:</h2>";
|
||||||
|
echo "<p>";
|
||||||
|
echo "<strong>First Name:</strong> $firstname<br>";
|
||||||
|
echo "<strong>Last Name:</strong> $lastname<br>";
|
||||||
|
echo "<strong>Email:</strong> $email<br>";
|
||||||
|
echo "<strong>Country:</strong> $country<br>";
|
||||||
|
echo "<strong>Date Of Birth:</strong> $dob<br>";
|
||||||
|
echo "<strong>Favorites:</strong><br>";
|
||||||
|
|
||||||
|
if(!empty($_REQUEST["favs"]) && is_array($_REQUEST["favs"])) {
|
||||||
|
echo "<ul>";
|
||||||
|
$favs = $_REQUEST["favs"];
|
||||||
|
foreach($favs as $fav) {
|
||||||
|
echo "<li>$fav</li>";
|
||||||
|
}
|
||||||
|
echo "</ul>";
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
echo "n.a<br>";
|
||||||
|
/*
|
||||||
|
echo "<pre>";
|
||||||
|
print_r($favs);
|
||||||
|
echo "</pre>";
|
||||||
|
*/
|
||||||
|
//echo "<strong>Favorites:</strong> $favs<br>";
|
||||||
|
echo "</p>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
66
Zweites Jahr/alt/file_handling/file_write.php
Executable file
66
Zweites Jahr/alt/file_handling/file_write.php
Executable file
@@ -0,0 +1,66 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div>
|
||||||
|
<label>First Name:
|
||||||
|
<input name = "fn">
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for = "ln">Last Name:</label>
|
||||||
|
<input id = "ln" name = "ln">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button>Ab damit</button>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
//file: file_write.php
|
||||||
|
$file = "testfile_1.txt";
|
||||||
|
$fp = fopen($file, 'w'); // open file for writing
|
||||||
|
if(!$fp) { // is fp = false?
|
||||||
|
die("Cannot open file!"); // "die" breaks the script
|
||||||
|
}
|
||||||
|
|
||||||
|
// insert one row
|
||||||
|
/*
|
||||||
|
$row = "This is a row\n";
|
||||||
|
if(!fputs($fp, $row)) echo "Error on writing";
|
||||||
|
else echo "writing succesful";
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// insert from an assoziative array
|
||||||
|
/*
|
||||||
|
$myArray = [
|
||||||
|
"firstname" => "Michael",
|
||||||
|
"lastname" => "Staudt",
|
||||||
|
"email" => "staudt@wvss-mannheim.de"
|
||||||
|
];
|
||||||
|
|
||||||
|
foreach($myArray as $attr => $value) {
|
||||||
|
$row = "$attr: $value\n";
|
||||||
|
fputs($fp, $row);
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
// insert from form
|
||||||
|
if(!empty($_REQUEST)) { //submit button clicked
|
||||||
|
$row = "First Name: $_REQUEST[fn] | Last Name: $_REQUEST[ln]\n";
|
||||||
|
fputs($fp, $row);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
fclose($fp);
|
||||||
|
?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
Zweites Jahr/alt/file_handling/testfile_1.txt
Executable file
1
Zweites Jahr/alt/file_handling/testfile_1.txt
Executable file
@@ -0,0 +1 @@
|
|||||||
|
First Name: | Last Name:
|
||||||
1
Zweites Jahr/alt/file_handling/testsfile_1.txt
Executable file
1
Zweites Jahr/alt/file_handling/testsfile_1.txt
Executable file
@@ -0,0 +1 @@
|
|||||||
|
This is a rowThis is a rowThis is a rowThis is a rowThis is a row
|
||||||
50
Zweites Jahr/alt/file_handling/validate_date.php
Executable file
50
Zweites Jahr/alt/file_handling/validate_date.php
Executable file
@@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
// validate_date.php
|
||||||
|
|
||||||
|
//ini_set("display_errors", "on");
|
||||||
|
|
||||||
|
// M A I N
|
||||||
|
$date = "29.02.2400";
|
||||||
|
if(isValidDate($date)) echo "<p>Datum $date ist <strong>gültig</strong></p>";
|
||||||
|
else echo "<p>Datum $date ist <strong>ungültig</strong></p>";
|
||||||
|
|
||||||
|
|
||||||
|
// Functions
|
||||||
|
function isLeapYear(int $year): bool {
|
||||||
|
return ($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
function isValidDate(string $date): bool {
|
||||||
|
$date_parts = ["Tag","Monat", "Jahr"];
|
||||||
|
$date_array = explode(".", $date);
|
||||||
|
|
||||||
|
$days_of_month = [31,28,31,30,31,30,31,31,30,31,30,31];
|
||||||
|
if(isLeapYear($date_array[2])) {
|
||||||
|
$days_of_month[1] = 29;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Monat auf Gültigkeit prüfen
|
||||||
|
if($date_array[1] < 1 || $date_array[1] > 12) return false;
|
||||||
|
|
||||||
|
// Tag auf Gültigkeit prüfen
|
||||||
|
if($date_array[0] < 1 || $date_array[0] > $days_of_month[$date_array[1]-1]) return false;
|
||||||
|
|
||||||
|
// Jahr auf Gültigkeit prüfen
|
||||||
|
if($date_array[2] < 0 || $date_array[2] > 3000) return false;
|
||||||
|
|
||||||
|
// Falls Datum gültig
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
97
Zweites Jahr/alt/formtemplate.htm
Executable file
97
Zweites Jahr/alt/formtemplate.htm
Executable file
@@ -0,0 +1,97 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Form Template</title>
|
||||||
|
<style>
|
||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
div.form-row {
|
||||||
|
background: silver;
|
||||||
|
padding: .2rem;
|
||||||
|
margin: .2rem;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
width: 7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
label::after {
|
||||||
|
content: ":";
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[required] {
|
||||||
|
background: rgba(31, 225, 232, 0.2);
|
||||||
|
border: 1px solid #003366;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form action = "data_evaluate.php">
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "fn">First Name</label>
|
||||||
|
<input id = "ln" name = "firstname" placeholder = "Hans" title = "Please insert your first name here!">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "ln">Last Name</label>
|
||||||
|
<input id = "ln" name = "lastname" placeholder = "Mustermann" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "pw">Password</label>
|
||||||
|
<input id = "pw" name = "password" type = "password" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "email">Email</label>
|
||||||
|
<input id = "email" name = "email" type = "email" placeholder = "me@mydomain.com" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "dob">Date of Birth</label>
|
||||||
|
<input id = "dob" name = "dob" type = "date">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "country">Country</label>
|
||||||
|
<select id = "country" name = "country">
|
||||||
|
<option>n.a.</option>
|
||||||
|
<option>Germany</option>
|
||||||
|
<option>United States Of America</option>
|
||||||
|
<option>United Kingdom</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<label for = "favs">Favorits</label>
|
||||||
|
<select id = "favs" name = "favs[]" multiple>
|
||||||
|
<option>web engineering</option>
|
||||||
|
<option>music</option>
|
||||||
|
<option>sports</option>
|
||||||
|
<option>bing watching</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class = "form-row">
|
||||||
|
<button>Go!</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
86
Zweites Jahr/alt/validate_date.php
Executable file
86
Zweites Jahr/alt/validate_date.php
Executable file
@@ -0,0 +1,86 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
// validate_date.php
|
||||||
|
|
||||||
|
//ini_set("display_errors", "on");
|
||||||
|
|
||||||
|
// M A I N
|
||||||
|
$date = "29.02.2400";
|
||||||
|
if(isValidDate($date)) echo "<p>Datum $date ist <strong>gültig</strong></p>";
|
||||||
|
else echo "<p>Datum $date ist <strong>ungültig</strong></p>";
|
||||||
|
|
||||||
|
|
||||||
|
// Functions
|
||||||
|
function isLeapYear(int $year): bool {
|
||||||
|
return ($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
function isValidDate(string $date): bool {
|
||||||
|
$date_parts = ["Tag","Monat", "Jahr"];
|
||||||
|
$date_array = explode(".", $date);
|
||||||
|
|
||||||
|
$days_of_month = [31,28,31,30,31,30,31,31,30,31,30,31];
|
||||||
|
if(isLeapYear($date_array[2])) {
|
||||||
|
$days_of_month[1] = 29;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
// geht nicht:
|
||||||
|
echo $date_array;
|
||||||
|
|
||||||
|
// Ausgabe des Arrays zum Debuggen
|
||||||
|
echo "<pre>";
|
||||||
|
print_r($date_array);
|
||||||
|
echo "</pre>";
|
||||||
|
|
||||||
|
// Benutzerfreundliche Ausgabe
|
||||||
|
echo "<p>Tag: $date_array[0]<br>";
|
||||||
|
echo "Monat: $date_array[1]<br>";
|
||||||
|
echo "Jahr: $date_array[2]</p>";
|
||||||
|
|
||||||
|
|
||||||
|
for($i = 0; $i < sizeof($date_array); $i++) {
|
||||||
|
echo "<p>$date_parts[$i]: $date_array[$i]</p>";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
echo "<pre>";
|
||||||
|
print_r($date_array_assoz);
|
||||||
|
echo "</pre>";
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
$date_array_assoz = array_combine($date_parts, $date_array);
|
||||||
|
foreach($date_array_assoz as $datepartkey => $datepartvalue) {
|
||||||
|
echo "<p>$datepartkey: $datepartvalue</p>";
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
// Monat auf Gültigkeit prüfen
|
||||||
|
if($date_array[1] < 1 || $date_array[1] > 12) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tag auf Gültigkeit prüfen
|
||||||
|
if($date_array[0] < 1 || $date_array[0] > $days_of_month[$date_array[1]-1]) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Jahr auf Gültigkeit prüfen
|
||||||
|
if($date_array[2] < 0 || $date_array[2] > 3000) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user