bitte verwendet nur noch addressen die https beginnen! Siehe wiki https://wiki.mediacube.at/wiki/index.php?title=Repositories#ssh-_vs._https_repository_adressen

alle von MMT haben hier Zugriff. Du willst Deine Freunde von MMA auch dabei haben? Mail mit den usernamen an Brigitte Jellinek

Commit 714b71af authored by Nicolas Zeller's avatar Nicolas Zeller

Upload Website und Material

parent b364e05d
......@@ -31,5 +31,13 @@ und CSS eingewiesen (Aufbau HTML-File, Einbindung und Verwendung von CSS).
Nicolas und Andreas wurden Grundkenntnisse über Photoshop und Indesign von Julia vermittelt (Erstellen/Speichern Datei, Toolbar, Ebenen).
Bis zum nächsten Treffen werden Nicolas und Andi ein Grundgerüst der Website aufbauen. Julia sammelt weiteres Bildmaterial für die Seite.
Bis zum nächsten Treffen werden Nicolas und Andreas ein Grundgerüst der Website aufbauen. Julia sammelt weiteres Bildmaterial für die Seite.
16.03.2018 - 2. Treffen
----------------------------
Finales Treffen. Andreas zeigte seine Grundgerüst der Website vor. Die Gruppe war mit dem durchdachten Aufbau zufrieden. Die Website wurde bei
diesem Treffen fertiggestellt und auf den Webspace hochgeladen. Es wurde das Burgermenu hinzugefügt und die Bilder auf der Seite verlinkt.
Julia fertigte weitere Mockups der Website an. Alle nötigen Dateien wurden auf Git hochgeladen.
Die Ordnerstruktur auf Git wurde aufgeräumt, alle unnützen Dateien wurden von Git gelöscht.
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>Projekt_Mediengestaltung</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Vollkorn:700" rel="stylesheet">
</head>
<body>
<section id = "site">
<div id = yellow>
<div id = yellowtext>
</div>
</div>
<div id = "pic">
</div>
<div id = "top">
<p>KRAFT</p>
</div>
<div class ="burger">
<nav>
<ul class="menu">
<li><a href="index.html">home</a></li>
<li><a href="ort.html">contact</a></li>
<li><a href="dies.html">tournee</a></li>
<li><a href="dies.html">alben</a></li>
<li><a href="dies.html">interviews</a></li>
<li><a href="dies.html">biografie</a></li>
</ul>
</nav>
</div>
<div id = "down">
<p>WERK</p>
</div>
</section>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="script.js"></script>
</body>
</html>
$('.burger').on('click', function() {
//if menu is open, slide up
if ($('.menu').hasClass('open')) {
$('.menu').removeClass('open');
} else {
//if menu is closed, slide down
$('.menu').addClass('open');
}
});
\ No newline at end of file
body {display: flex;}
#site {
height: 1080px;
width: 1920px;
margin: auto;
}
#pic {
width: 1276px;
height: 900px;
background-image: url("../media/kraftwerk-3dkatalog.jpg");
background-size: contain;
background-repeat: no-repeat;
z-index: -1 !important;
margin-left: 483px;
}
#down {
height: 230px;
width: 1076px;
z-index: 1;
display: flex;
margin-top: 11%;
margin-left: 936px;
font-family: 'Raleway', sans-serif;
padding-left: 22px;}
p {
height: auto;
font-size: 20em;
margin: 0;
padding: 0;
font-weight: bold;
margin-bottom: 3px !important;
margin-top: -2%;
letter-spacing: 11px;
margin-top: -73px;
margin-left: -19px;
color:blue;
}
#top {
width: 1062px;
z-index: 2 !important;
display: flex;
margin-top: -42.5%;
font-family: 'Raleway', sans-serif;
height: 230px;
padding-left: 0;
}
#yellow {
height: 35em;
width: 35em;
background-color: yellow;
margin-bottom: -48%;
z-index: 1;
margin-left: 20%;
margin-top: 22%;}
#yellow p {font-size: 20px;
color: red;}
#yellowtext {background-image: url("../media/yellow_text.png");
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 560px;}
.burger {margin-left: 1613px;
height: 60px;
width: 60px;
display: block;
float: left;
margin-top: -231px;
background-color: blue;
background-image: url("../media/menu-512.png");
background-repeat: no-repeat;
background-size: contain;}
nav li {
list-style-type:none;
}
nav ul{}
nav li a:link {
text-decoration: none;
font-weight: bold;
display: block;
background: #6C6;
width: 5em;
padding: 0.2em;
}
.menu {
height: 0;
overflow: hidden;
padding-left: 0px;
}
.open {
height: 400px;
width: 400px;
margin-top: 60px;
margin-left: -85px;
text-align: right;
}
.open li {width: 400px;}
.open ul {height: 300px;}
nav li a:link {
text-decoration: none;
font-weight: bold;
display: block;
background: blue;
width: 5em;
padding: 0.2em;
font-size: 26px;
color:white;
padding-right: 10px;
font-family: 'Vollkorn', serif;;
}
nav li a:visited {
color: white;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment