history "Prog2V03":Projekt Einsparzähler

Revision history for Prog2V03

Revision [83307]

Last edited on 2017-08-22 13:01:07 by ClaudiaMichel

Additions:

CategoryProgrammierung2

Deletions:

~~CategoryDelete~~

Revision [72133]

Edited on 2016-09-27 12:48:35 by NicoleHennemann

Additions:

CategoryDelete

Deletions:

~~CategoryProg2~~

Revision [21554]

Edited on 2013-02-28 21:13:11 by RonnyGertler

Additions:

Deletions:

~~{{image class="center" url="Prog2_3_11.gif" }}~~

Revision [21553]

Edited on 2013-02-28 21:12:12 by RonnyGertler

Additions:

====Portallayout mit absoluter Positionierung des Contents====

Deletions:

~~====Portallayout mit absoluter Positionierung des Contents~~

Revision [21552]

Edited on 2013-02-28 21:11:18 by RonnyGertler

Additions:

====Winkel-Layout====
{{image class="center" url="Prog2_3_8.jpg" }}
{{image class="center" url="Prog2_3_9.jpg" }}
====Übungsaufgabe====
{{image class="center" url="Prog2_3_10.gif" }}
====CSS-Angaben für Hintergrundbilder====
{{image class="center" url="Prog2_3_11.gif" }}

body{
background-image:url(Hintergrund.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
}

====Formatierung von Hyperlinks====
{{image class="center" url="Prog2_3_12.jpg" }}
====Komplexe Positionierung am Beispiel des Portallayouts====
{{image class="center" url="Prog2_3_13.jpg" }}
====Boxmodell====
{{image class="center" url="Prog2_3_14.jpg" }}
====Automatische Kontrolle von Größen und Abständen====
{{image class="center" url="Prog2_3_15.jpg" }}
{{image class="center" url="Prog2_3_16.jpg" }}
{{image class="center" url="Prog2_3_17.jpg" }}
====Portallayout mit absoluter Positionierung des Contents
{{image class="center" url="Prog2_3_18.jpg" }}
{{image class="center" url="Prog2_3_19.jpg" }}
{{image class="center" url="Prog2_3_20.jpg" }}
{{image class="center" url="Prog2_3_21.jpg" }}
====Automatische Anordnung von Basiskomponenten====
{{image class="center" url="Prog2_3_22.gif" }}
====Google- Empfehlungen====
{{image class="center" url="Prog2_3_23.jpg" }}
Überschriften
Listen
Tabellen
====Navigation „verpackt“ in Tabelle====
<div id="navigation">
<a class="navi_self navi_first" href="schlagzeigen.html">
Casa
</a>
<a class="navi" href="tipps.html" title="Studiosus">
Studiosus
</a>
....
<div id="navigation">
<table>
<tr>
<td>
<a class="navi_self navi_first" href="schlagzeigen.html">
Casa
</a>
</td>
</tr>
<tr>
<td>
<a class="navi" href="tipps.html" title="Studiosus">
Studiosus
</a>
</td></tr>
</table>
</div>
table{
border-spacing:0px;
padding:0px;
width:220px;
}
td{
padding:0px;
border:0px;
}
====Übungsaufgabe: ====
Erstellen Sie ein Portallayout mit der gemischten Positionierung, d.h. mit absoluten Positionierungen sowie mit margin-Angaben.
{{image class="center" url="Prog2_3_24.gif" }}

Revision [21551]

Edited on 2013-02-28 21:01:58 by RonnyGertler

Deletions:

~~""<a href="http://www.multi-media-marketing.org" class="right" target="_blank">www.multi-media-marketing.org</a>""~~

Revision [21550]

Edited on 2013-02-28 21:01:49 by RonnyGertler

Additions:

{{image class="right" url="http://wdb.fh-sm.de/uploads/QualipaktLehre/BMBF_Logo_klein.jpg" width="200"}}
======Photoshop-Basiswissen für Webseiten-Layout======
//""<span class="right">Inhalte von Prof. Dr. Klaus Chantelau</p>""//
""<a href="http://www.multi-media-marketing.org" class="right" target="_blank">www.multi-media-marketing.org</a>""

Revision [21549]

Edited on 2013-02-28 21:00:35 by RonnyGertler

Deletions:

Revision [21548]

Edited on 2013-02-28 21:00:08 by RonnyGertler

No Differences

Revision [21547]

Edited on 2013-02-28 20:59:42 by RonnyGertler

Additions:

====""Entwicklung von Rich Clients mit HTML, CSS, JavaScript und AJAX""====

Deletions:

~~====Entwicklung von Rich Clients mit HTML, CSS, JavaScript und AJAX====~~

Revision [21546]

Edited on 2013-02-28 20:59:00 by RonnyGertler

Additions:

{{image class="right" url="http://wdb.fh-sm.de/uploads/QualipaktLehre/BMBF_Logo_klein.jpg" width="200"}}
======Photoshop-Basiswissen für Webseiten-Layout=====
//""<span class="right">Inhalte von Prof. Dr. Klaus Chantelau</span>""//
{{image class="center" url="Prog2_3_1.gif" }}
{{image class="center" url="Prog2_3_2.jpg" }}
{{image class="center" url="Prog2_3_3.jpg" }}
{{image class="center" url="Prog2_3_4.jpg" }}
{{image class="center" url="Prog2_3_5.gif" }}
{{image class="center" url="Prog2_3_6.gif" }}
{{image class="center" url="Prog2_3_7.jpg" }}

Deletions:

{{image class="right" url="Prog2_3_1.gif" }}
{{image class="right" url="Prog2_3_2.jpg" }}
{{image class="right" url="Prog2_3_3.jpg" }}
{{image class="right" url="Prog2_3_4.jpg" }}
{{image class="right" url="Prog2_3_5.gif" }}
{{image class="right" url="Prog2_3_6.gif" }}
{{image class="right" url="Prog2_3_7.jpg" }}

Revision [21545]

Edited on 2013-02-28 20:58:13 by RonnyGertler

Deletions:

Revision [21544]

Edited on 2013-02-28 20:57:15 by RonnyGertler

Additions:

====Entwicklung von Rich Clients mit HTML, CSS, JavaScript und AJAX====
{{image class="right" url="Prog2_3_1.gif" }}
====Winkellayout====
{{image class="right" url="Prog2_3_2.jpg" }}
====Portallayout====
{{image class="right" url="Prog2_3_3.jpg" }}
==== HTML und CSS zur Umsetzung eines einfachsten Winkellayouts====
{{image class="right" url="Prog2_3_4.jpg" }}
====Baumstruktur des View====
{{image class="right" url="Prog2_3_5.gif" }}
====HTML / CSS -Basiselemente ====
{{image class="right" url="Prog2_3_6.gif" }}

1.Container: Tag-Verschachtelung
2. Jede style-Angabe wirkt sich auf alle Kindknoten aus!
3. Es wird immer das Koordinatensystem des Containers verwendet!
Umfangreiche Dokumentation: http://de.selfhtml.org/
====Photoshop- Entwurf====
{{image class="right" url="Prog2_3_7.jpg" }}

Deletions:

~~{{files}}~~

Revision [21543]

Edited on 2013-02-28 20:49:36 by RonnyGertler

Additions:

//""<span class="right">Inhalte von Prof. Dr. Klaus Chantelau</span>""//

Deletions:

~~//""<span class="right">Inhalte von Prof. Dr. Klaus Chantelau</p>""//~~

Revision [21542]

Edited on 2013-02-28 20:49:11 by RonnyGertler

Deletions:

Rastergraphik / Vektorgraphik
Farben
Verläufe
Ebenen
===PS Layout-Entwurf und Übertragung nach HTML /CSS===
{{image class="center" alt="PS Layout-Entwurf" title="PS Layout-Entwurf" url="Prog2_02_1.jpg"}}
- Rastergraphik / Vektorgraphik
- Farben
- Verläufe
- Ebenen
- Transparenzen und Bildmontagen in Ebenen
- Objekte freistellen
===Rastergraphik / Vektorgraphik===
**Rasterbilder**
{{image class="center" alt="Rastergrafiken" title="Rastergrafiken" url="Prog2_02_2.jpg"}}

Revision [21541]

Edited on 2013-02-28 20:48:48 by RonnyGertler

No Differences

Revision [21540]

The oldest known version of this page was created on 2013-02-28 20:48:24 by RonnyGertler