IFD:Webprogramming KK - Revision history

Kat K at 22:36, 22 April 2010

2010-04-22T22:36:37Z

← Older revision		Revision as of 22:36, 22 April 2010
Line 4:		Line 4:
	[[Image:KK-Video.jpg\|thumb\|100px\|''Video'']]		[[Image:KK-Video.jpg\|thumb\|100px\|''Video'']]
	[[Image:KK-VITA Berufliche Erfahrungen.jpg\|thumb\|100px\|''Berufserfahrungen'']]		[[Image:KK-VITA Berufliche Erfahrungen.jpg\|thumb\|100px\|''Berufserfahrungen'']]
	~~[[Image:KK-Projekte Übahn.jpg\|thumb\|100px\|''Projektseite'']]~~
	[[Image:KK-Kinderschminken.jpg\|thumb\|100px\|''Kinderschminken'']]		[[Image:KK-Kinderschminken.jpg\|thumb\|100px\|''Kinderschminken'']]

Line 83:		Line 82:
	*:Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)		*:Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)
	<i>Wie man sieht, hab ich Blut geleckt!</i>		<i>Wie man sieht, hab ich Blut geleckt!</i>

			[[Category:Student]]
			[[Category:WS09]]
			[[Category:]]
			[[Category:Programmiersprachen]]
			[[Category:Michael Markert]]

Kat K: /* Was noch für die Zukunft geplant ist: */

2010-03-29T16:18:03Z

Was noch für die Zukunft geplant ist:

← Older revision		Revision as of 16:18, 29 March 2010
Line 79:		Line 79:
	*Eigenes Logo (exisitert schon fast, ist aber noch in der Entwurfsphase)		*Eigenes Logo (exisitert schon fast, ist aber noch in der Entwurfsphase)
	*Known Bugs		*Known Bugs
	*:Wenn das Browser-Fenster verkleinert wird, verkleinert sich das Bild, beim ~~vergrößern~~ passt es sich nicht mehr der Größe des Fensters an		*:Wenn das Browser-Fenster verkleinert wird, verkleinert sich das Bild, beim Vergrößern passt es sich nicht mehr der Größe des Fensters an
	*:Bessere Übergänge, zwischen den Bildern		*:Bessere Übergänge, zwischen den Bildern
	*:Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)		*:Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)
	<i>Wie man sieht, hab ich Blut geleckt!</i>		<i>Wie man sieht, hab ich Blut geleckt!</i>

Kat K: /* Was noch für die Zukunft geplant ist: */

2010-03-29T16:16:50Z

Was noch für die Zukunft geplant ist:

← Older revision		Revision as of 16:16, 29 March 2010
Line 76:		Line 76:
	====Was noch für die Zukunft geplant ist:====		====Was noch für die Zukunft geplant ist:====
	(soll nicht heißen, dass ich mit meiner Homepage unzufrieden bin, aber man kann immer noch etwas verbessern)		(soll nicht heißen, dass ich mit meiner Homepage unzufrieden bin, aber man kann immer noch etwas verbessern)
	* Galerie der Hintergrundbilder am unteren Rand		*Galerie der Hintergrundbilder am unteren Rand
	* Bessere Übergänge, zwischen den Bildern		*Eigenes Logo (exisitert schon fast, ist aber noch in der Entwurfsphase)
	* Eigenes Logo (exisitert schon fast, ist aber noch in der Entwurfsphase)		*Known Bugs
	* Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)		*:Wenn das Browser-Fenster verkleinert wird, verkleinert sich das Bild, beim vergrößern passt es sich nicht mehr der Größe des Fensters an
			*:Bessere Übergänge, zwischen den Bildern
			*:Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)
	<i>Wie man sieht, hab ich Blut geleckt!</i>		<i>Wie man sieht, hab ich Blut geleckt!</i>

Kat K: /* Aufbau */

2010-03-29T16:12:49Z

Aufbau

← Older revision		Revision as of 16:12, 29 March 2010
Line 54:		Line 54:
	*Body:		*Body:
	*:Farbe Schwarz		*:Farbe Schwarz
	*~~Hintergrund~~:		*Seite:
	*:befindet sich das Bild		*:befindet sich das Bild
	*:JavaSkript wurde genutzt, um das Bild zu skalieren		*:JavaSkript wurde genutzt, um das Bild zu skalieren
	*:PHP um die Bilder wechselbar zu machen [[KK:PHP-Schnipsel\|PHP-Schnipsel]]		*:PHP um die Bilder wechselbar zu machen [[KK:PHP-Schnipsel\|PHP-Schnipsel]]
	*~~im Hintergrund~~ sind 5 Boxen		*in der Seite sind 7 Boxen; man sieht nur 5 Boxen gleichzeitig.
	*:Box links/ Box rechts:		*:Box links/ Box rechts:
	*::Diese Boxen sind jeweils links und rechts zugeordnet und können abwechselnd, aber auch gleichzeitig an und ausgeschaltet werden. Damit man die Seite aussuchen kann, um das Bild nicht zu verdecken.Diese Box verdeckt 33% des Bildes, aber min.250px. ~~Margin~~ auf der rechten bzw. linken Seite erzeugt den Schwarzen Balken, der das Bild durch die Trennung spannender macht. Durch das transparente, weiße Bild im Hintergrund kann man den Text viel deutlicher lesen.		*::Diese Boxen sind jeweils links und rechts zugeordnet und können abwechselnd, aber auch gleichzeitig an und ausgeschaltet werden. Damit man die Seite aussuchen kann, um das Bild nicht zu verdecken.Diese Box verdeckt 33% des Bildes, aber min.250px. Border auf der rechten bzw. linken Seite erzeugt den Schwarzen Balken, der das Bild durch die Trennung spannender macht. Durch das transparente, weiße Bild im Hintergrund kann man den Text viel deutlicher lesen.
	*:Logobox links/rechts		*:Logobox links/rechts
	*::Hier sitzt das "Logo" bzw. die Überschrift.		*::Hier sitzt das "Logo" bzw. die Überschrift.
	*:Menü		*:Menü
	*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln).		*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln) angesetzt.
	*:~~Pfeile~~		*::Menü; position: absolute (zu der Seite)
	*::Sind mit HTML eingebunden. (Formular)		*:Slider
			*::Sind mit HTML eingebunden. (Formular; wird vom Php Skript bearbeitet)

	Und hier ist sie:		Und hier ist sie:

Kat K: /* Aufbau */

2010-03-29T15:39:09Z

Aufbau

← Older revision		Revision as of 15:39, 29 March 2010
Line 57:		Line 57:
	*:befindet sich das Bild		*:befindet sich das Bild
	*:JavaSkript wurde genutzt, um das Bild zu skalieren		*:JavaSkript wurde genutzt, um das Bild zu skalieren
	*:PHP um die Bilder wechselbar zu machen[[KK:PHP-Schnipsel\|PHP-Schnipsel]]		*:PHP um die Bilder wechselbar zu machen [[KK:PHP-Schnipsel\|PHP-Schnipsel]]
	*im Hintergrund sind 5 Boxen		*im Hintergrund sind 5 Boxen
	*:Box links/ Box rechts:		*:Box links/ Box rechts:

Kat K: /* Aufbau */

2010-03-29T15:38:53Z

Aufbau

← Older revision		Revision as of 15:38, 29 March 2010
Line 57:		Line 57:
	*:befindet sich das Bild		*:befindet sich das Bild
	*:JavaSkript wurde genutzt, um das Bild zu skalieren		*:JavaSkript wurde genutzt, um das Bild zu skalieren
	*:PHP um die Bilder wechselbar zu machen		*:PHP um die Bilder wechselbar zu machen[[KK:PHP-Schnipsel\|PHP-Schnipsel]]
	*im Hintergrund sind 5 Boxen		*im Hintergrund sind 5 Boxen
	*:Box links/ Box rechts:		*:Box links/ Box rechts:
Line 66:		Line 66:
	*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln).		*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln).
	*:Pfeile		*:Pfeile
	*::Sind mit ~~Php~~ eingebunden.		*::Sind mit HTML eingebunden. (Formular)

	Und hier ist sie:		Und hier ist sie:

Kat K: /* Aufbau */

2010-03-29T15:36:43Z

Aufbau

← Older revision		Revision as of 15:36, 29 March 2010
Line 61:		Line 61:
	*:Box links/ Box rechts:		*:Box links/ Box rechts:
	*::Diese Boxen sind jeweils links und rechts zugeordnet und können abwechselnd, aber auch gleichzeitig an und ausgeschaltet werden. Damit man die Seite aussuchen kann, um das Bild nicht zu verdecken.Diese Box verdeckt 33% des Bildes, aber min.250px. Margin auf der rechten bzw. linken Seite erzeugt den Schwarzen Balken, der das Bild durch die Trennung spannender macht. Durch das transparente, weiße Bild im Hintergrund kann man den Text viel deutlicher lesen.		*::Diese Boxen sind jeweils links und rechts zugeordnet und können abwechselnd, aber auch gleichzeitig an und ausgeschaltet werden. Damit man die Seite aussuchen kann, um das Bild nicht zu verdecken.Diese Box verdeckt 33% des Bildes, aber min.250px. Margin auf der rechten bzw. linken Seite erzeugt den Schwarzen Balken, der das Bild durch die Trennung spannender macht. Durch das transparente, weiße Bild im Hintergrund kann man den Text viel deutlicher lesen.
			*:Logobox links/rechts
			*::Hier sitzt das "Logo" bzw. die Überschrift.
	*:Menü		*:Menü
	*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln).		*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln).

Kat K: /* Zum Thema Mobil: */

2010-03-29T15:35:07Z

Zum Thema Mobil:

← Older revision		Revision as of 15:35, 29 March 2010
Line 49:		Line 49:

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

			====Aufbau====
			Die Internetseite besteht aus:
			*Body:
			*:Farbe Schwarz
			*Hintergrund:
			*:befindet sich das Bild
			*:JavaSkript wurde genutzt, um das Bild zu skalieren
			*:PHP um die Bilder wechselbar zu machen
			*im Hintergrund sind 5 Boxen
			*:Box links/ Box rechts:
			*::Diese Boxen sind jeweils links und rechts zugeordnet und können abwechselnd, aber auch gleichzeitig an und ausgeschaltet werden. Damit man die Seite aussuchen kann, um das Bild nicht zu verdecken.Diese Box verdeckt 33% des Bildes, aber min.250px. Margin auf der rechten bzw. linken Seite erzeugt den Schwarzen Balken, der das Bild durch die Trennung spannender macht. Durch das transparente, weiße Bild im Hintergrund kann man den Text viel deutlicher lesen.
			*:Menü
			*::Die Menüleiste befindet sich im unteren Drittel. Auf diese Höhe sind auch die Pfeile( um die Bilder zu wechseln).
			*:Pfeile
			*::Sind mit Php eingebunden.

	Und hier ist sie:		Und hier ist sie:

Kat K: /* Zum Thema Mobil: */

2010-03-29T13:48:03Z

Zum Thema Mobil:

← Older revision		Revision as of 13:48, 29 March 2010
Line 46:		Line 46:
	====Zum Thema Mobil:====		====Zum Thema Mobil:====
	Der große Vorteil von sich an den Hintergrund anpassenden Bildern ist, dass sie auch auf einem Iphone zu sehen sind. Leider ist mir noch keine gute Lösung eingefallen, um den Text sichtbar zu machen und keinen Scrollbar zu haben. (Vorschläge?!) Doch finde ich das persönlich nicht all zu schlimm, irgendwo muss man immer Abstriche machen.		Der große Vorteil von sich an den Hintergrund anpassenden Bildern ist, dass sie auch auf einem Iphone zu sehen sind. Leider ist mir noch keine gute Lösung eingefallen, um den Text sichtbar zu machen und keinen Scrollbar zu haben. (Vorschläge?!) Doch finde 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 jahreszeitlich 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...		Die Bilder im Hintergrund sind sehr leicht austauschbar. Das habe ich deswegen gemacht, da ich gerne jahreszeitlich Fotos anpassen würde. Bitte habt etwas Verständnis, 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" gehen, um auch das Php zu verstehen, das in meine Website eingebaut wurde. Doch auch zum schnellen Nachlesen waren sie sehr geeignet.		In der Anfangszeit musste ich noch sehr oft auf meine Lieblingsseiten "selfhtml" und "selfphp" gehen, um auch das Php zu verstehen, das in meine Website eingebaut wurde. Doch auch zum schnellen Nachlesen waren sie sehr geeignet.

Kat K at 12:46, 29 March 2010

2010-03-29T12:46:12Z

← Older revision		Revision as of 12:46, 29 March 2010
Line 38:		Line 38:
	<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>		<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ß, dass 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====		====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.		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.)		(Dies funktioniert nun einwandfrei. Falls jemand Interesse am Php-Schnipsel hat, bitte melden.)

	====Zum Thema Mobil:====		====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.		Der große Vorteil von sich an den Hintergrund anpassenden Bildern ist, dass sie auch auf einem Iphone zu sehen sind. Leider ist mir noch keine gute Lösung eingefallen, um den Text sichtbar zu machen und keinen Scrollbar zu haben. (Vorschläge?!) Doch finde 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...		Die Bilder im Hintergrund sind sehr leicht austauschbar. Das habe ich deswegen gemacht, da ich gerne jahreszeitlich 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.		In der Anfangszeit musste ich noch sehr oft auf meine Lieblingsseiten "selfhtml" und "selfphp" gehen, um auch das Php zu verstehen, das in meine Website eingebaut wurde. Doch auch zum schnellen Nachlesen waren sie sehr geeignet.

	Und hier ist sie:		Und hier ist sie:
Line 56:		Line 56:

	====Was noch für die Zukunft geplant ist:====		====Was noch für die Zukunft geplant ist:====
	(soll nicht heißen, dass ich mit meiner Homepage unzufrieden bin, aber man kann immer ~~was~~ verbessern)		(soll nicht heißen, dass ich mit meiner Homepage unzufrieden bin, aber man kann immer noch etwas verbessern)
	* Galerie der Hintergrundbilder am unteren Rand		* Galerie der Hintergrundbilder am unteren Rand
	* Bessere Übergänge, zwischen den Bildern		* Bessere Übergänge, zwischen den Bildern
	* Eigenes Logo (exisitert schon fast, ist aber noch in der Entwurfsphase)		* Eigenes Logo (exisitert schon fast, ist aber noch in der Entwurfsphase)
	* Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)		* Automatisches Anpassen an mobile Endgeräte (Zum Teil möglich, aber noch mit Komplikationen, evtl. eigene Seite für mobile Nutzer)
			<i>Wie man sieht, hab ich Blut geleckt!</i>
	~~---~~Wie man sieht hab ich Blut geleckt!