IFD:Webprogramming KK: Difference between revisions

From Medien Wiki
No edit summary
No edit summary
Line 1: Line 1:
==Homepage==
==Homepage==
===Entwurfsbilder===
[[Image:KK-Index.jpg|thumb|100px|''Startseite'']]
[[Image:KK-Video.jpg|thumb|100px|''Video'']]
[[Image:KK-VITA Berufliche Erfahrungen.jpg|thumb|100px|''Berufserfahrungen'']]
[[Image:KK-Projekte Übahn.jpg|thumb|100px|''Projektseite'']]
[[Image:KK-Kinderschminken.jpg|thumb|100px|''Kinderschminken'']]


===Kurzbeschreibung===
===Kurzbeschreibung===
Line 7: Line 15:
Es soll eine dynamische Seite sein, die mit dem Content Management System Joomla funktionieren soll. Da sie dadurch leichter zu verändern und besser an bestimmte Gegebenheiten anzupassen ist, doch beinhaltet es auch Schwierigkeiten, da von Joomla nicht alles so umgesetzt werden kann, wie man es gerne hätte.
Es soll eine dynamische Seite sein, die mit dem Content Management System Joomla funktionieren soll. Da sie dadurch leichter zu verändern und besser an bestimmte Gegebenheiten anzupassen ist, doch beinhaltet es auch Schwierigkeiten, da von Joomla nicht alles so umgesetzt werden kann, wie man es gerne hätte.


===Entwurf===
[[Image:KK-Index.jpg|thumb|600px|left|''Startseite'']]
[[Image:KK-Video.jpg|thumb|300px|right|''Video'']]
[[Image:KK-VITA Berufliche Erfahrungen.jpg|thumb|300px|right|''Berufserfahrungen'']]
[[Image:KK-Projekte Übahn.jpg|thumb|300px|right|''Projektseite'']]
[[Image:KK-Kinderschminken.jpg|thumb|300px|right|''Kinderschminken'']]
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
===Problem/Lösung===
===Problem/Lösung===


Die Homepage auch für internetfähige Handys verfügbar machen.  
Die Homepage auch für internetfähige Handys verfügbar machen.  
- Fließtext ist dabei ganz wichtig. Bzw. bietet auch Wordpress ein extra App um die Website auch für Handys zugänglich zu machen. Dies bietet Joomla auch, deswegen habe ich mich für Joomla entschieden.
- Fließtext ist dabei ganz wichtig. Bzw. bietet auch Wordpress ein extra App um die Website auch für Handys zugänglich zu machen. Dies bietet Joomla auch, deswegen habe ich mich für Joomla entschieden.


====Stand 15. März:====
====Stand 15. März:====
Line 33: Line 32:


Einbinden:[http://www.drweb.de/magazin/jquery-plugin-supersized-autoskalierender-background-mit-slideshow-option  Link zur Anleitung]
Einbinden:[http://www.drweb.de/magazin/jquery-plugin-supersized-autoskalierender-background-mit-slideshow-option  Link zur Anleitung]
<br><br><br><br>
==Endstand==


===Entwurfsbilder===


==Endstand==
[[Image:KK-Index-neu.png|thumb|600px|left|''Startseite'']]
[[Image:KK-Projekte-neu.png|thumb|200px|right|''Projektseite'']]
[[Image:KK-Kinderschminken.png|thumb|200px|right|''Kinderschminken'']]
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


Wie ist das im Leben? Es kommt immer anders als man denkt. Deswegen habe ich mich auch 1 1/2 Wochen vor Abgabe dazu entschlossen mich gegen Joomla zu entscheiden. Dies hieß das ich mein Template zwar zum Teil wieder verwenden konnte, aber auch einiges umschmeißen musste. Das Vorher so angepriesene JQuery Plugin funktioniert wunderbar, nur war es für meine Verhältnisse ungeeignet.
Wie ist das im Leben? Es kommt immer anders als man denkt. Deswegen habe ich mich auch 1 1/2 Wochen vor Abgabe dazu entschlossen mich gegen Joomla zu entscheiden. Dies hieß das ich mein Template zwar zum Teil wieder verwenden konnte, aber auch einiges umschmeißen musste. Das Vorher so angepriesene JQuery Plugin funktioniert wunderbar, nur war es für meine Verhältnisse ungeeignet.

Revision as of 21:37, 28 March 2010

Homepage

Entwurfsbilder

Startseite
Video
Berufserfahrungen
Kinderschminken

Kurzbeschreibung

Die Homepage www.katharinaknobel.de soll ein kurzen Einblick in die Arbeiten geben, die ich bisher gemacht habe. Sie soll als CV dienen, und haupsächlich von Kunden oder Arbeitgebern angeschaut werden.

Es soll eine dynamische Seite sein, die mit dem Content Management System Joomla funktionieren soll. Da sie dadurch leichter zu verändern und besser an bestimmte Gegebenheiten anzupassen ist, doch beinhaltet es auch Schwierigkeiten, da von Joomla nicht alles so umgesetzt werden kann, wie man es gerne hätte.

Problem/Lösung

Die Homepage auch für internetfähige Handys verfügbar machen. - Fließtext ist dabei ganz wichtig. Bzw. bietet auch Wordpress ein extra App um die Website auch für Handys zugänglich zu machen. Dies bietet Joomla auch, deswegen habe ich mich für Joomla entschieden.

Stand 15. März:

Die Website so zu gestalten, dass sie meiner gestalterischen Idee genügen, aber trotzdem auf dem Handy zu lesen ist, gestaltet sich sehr schwierig. Habe nun beschlossen, eine andere Anzeige für Handys einzurichten. Bzw. habe ich ein neues Plugin gefunden, mit denen sich die Bilder zusätzlich sehr schön den Rahmenbedingungen der einzelnen Bildschirmgrößen anpassen.

Dieses Plugin ist ein JQuery. Man kann es aber auch mit ein paar Tricks in Joomla ohne Probleme einbinden. Einen Link zur Anleitung findet ihr am Ende.

Supersized

Aussehen: Probiert es ruhig aus!


Einbinden:Link zur Anleitung



Endstand

Entwurfsbilder

Startseite
Projektseite
Kinderschminken



























Wie ist das im Leben? Es kommt immer anders als man denkt. Deswegen habe ich mich auch 1 1/2 Wochen vor Abgabe dazu entschlossen mich gegen Joomla zu entscheiden. Dies hieß das ich mein Template zwar zum Teil wieder verwenden konnte, aber auch einiges umschmeißen musste. Das Vorher so angepriesene JQuery Plugin funktioniert wunderbar, nur war es für meine Verhältnisse ungeeignet.

Das Highlight

Zum Glück habe ich zufällig zwei Php- Wunder im Haus, die mir in diesem Teil unter die Arme gegriffen haben. Denn zusätzlich zu dem Problem das Bild an das Fenster anzupassen, sollte man auch noch Bilder weiterschalten können. (Dies funktioniert nun einwandfrei. Falls wer Interesse am Php-Schnipsel hat, bitte melden.)

Zum Thema Mobil:

Der große Vorteil von sich an den Hintergrund anpassenden Bildern, ist das sie auch auf einem Iphone zu sehen sind. Leider ist mir noch keine gute Lösung eingefallen um den ganzen Text sichtbar zu machen und keinen Scrollbar zu haben. (Vorschläge?!) Doch find ich das persönlich nicht all zu schlimm, irgendwo muss man immer Abstriche machen.

Die Bilder im Hintergrund sind sehr leicht austauschbar. Das habe ich deswegen gemacht, da ich gerne der Jahreszeit Fotos anpassen würde. Bitte habt Mitleid, da die Bilder die im Moment drauf sind, nicht unbedingt die besten sind, aber es wird sich alles noch in kürze ändern. Genauso wie das Video, dass noch eingefügt wird...

In der Anfangszeit, musste ich noch sehr oft auf meine Lieblingsseiten selfhtml und selfphp um auch das Php zu verstehen, dass in meine Website eingebaut wurde. Doch auch zum schnellen Nachlesen, waren sie sehr geeignet.

Und hier ist sie: (ab 29.03, so 1blue will -.-)

Meine Homepage