FK:Kunst-Technik-Labor - Revision history

Max: /* Konvertieren */

2014-02-01T03:45:16Z

Konvertieren

← Older revision		Revision as of 03:45, 1 February 2014
Line 98:		Line 98:

	====Konvertieren====		====Konvertieren====

			Siehe auch: [[Video tools]]

	Es gibt leider nicht 1 Format, das von allen Browsern unterstützt wird. Zur Zeit ist die beste Kombination jeweils:		Es gibt leider nicht 1 Format, das von allen Browsern unterstützt wird. Zur Zeit ist die beste Kombination jeweils:

Max: /* 2. Möglichkeit: Github Pages */

2014-02-01T03:36:34Z

2. Möglichkeit: Github Pages

← Older revision		Revision as of 03:36, 1 February 2014
Line 261:		Line 261:
	'''Vorteile:'''		'''Vorteile:'''
	* Hat nichts mit der Uni (-server, -netz, -login) zu tun!		* Hat nichts mit der Uni (-server, -netz, -login) zu tun!
	* benutzt im Hintergrund eine [~~https~~://de~~.wikipedia.org/wiki/~~Versionsverwaltung Versionskontrolle] ([~~https://de.wikipedia.org/wiki/~~Git ~~git~~]), d.h. es gibt backups und eine Geschichte der Änderungen		* benutzt im Hintergrund eine [[wikipedia:de:Versionsverwaltung\|Versionskontrolle]] ([[Git]]), d.h. es gibt backups und eine Geschichte der Änderungen

	'''Nachteile:'''		'''Nachteile:'''

Max: /* Web-Bausteine */

2014-02-01T03:31:05Z

Web-Bausteine

← Older revision		Revision as of 03:31, 1 February 2014
Line 54:		Line 54:
	All-in-One Starterkit: [http://www.initializr.com/builder?boot-hero&jquerymin&h5bp-iecond&h5bp-chromeframe&h5bp-favicon&modernizrrespond&izr-emptyscript&boot-css&boot-scripts herunterladen] (aktuelle Empfehlung 2013-01)		All-in-One Starterkit: [http://www.initializr.com/builder?boot-hero&jquerymin&h5bp-iecond&h5bp-chromeframe&h5bp-favicon&modernizrrespond&izr-emptyscript&boot-css&boot-scripts herunterladen] (aktuelle Empfehlung 2013-01)

	* [http://html5boilerplate.com html5boilerplate.com] bietet eine kostenlose 'leere' HTML-Seite, die alles mitbringt, an was man heutzutage denken muss. Gibt es unter [http://www.initializr.com initializr.com] auch in verschiedenen Geschmacksrichtungen inkl. Extras, zum selbst zusammenflicken (oder oben das Starterkit nehmen).		* [http://html5boilerplate.com html5boilerplate.com] bietet eine kostenlose 'leere' [[HTML]]-Seite, die alles mitbringt, an was man heutzutage denken muss. Gibt es unter [http://www.initializr.com initializr.com] auch in verschiedenen Geschmacksrichtungen inkl. Extras, zum selbst zusammenflicken (oder oben das Starterkit nehmen).

	* [http://getbootstrap.com boostrap] ist eine modernere Basis für Webseiten als die Styles, die der Browser schon mitbringt. Vollständig dokumentiert, erhält außer den Defaults für HTML-Elemente auch "Komponenten", also häufig gebrauchte Dinge, die aus mehreren Elementen bestehen. JavaScript-Plugins gibt es auch, alle lassen sich (auch) ohne JavaScript zu schrieben bedienen (sondern per HTML-Code). [http://holdirbootstrap.de Deutsche Doku] gibt es auch.		* [http://getbootstrap.com boostrap] ist eine modernere Basis für Webseiten als die Styles, die der Browser schon mitbringt. Vollständig dokumentiert, erhält außer den Defaults für [[HTML]]-Elemente auch "Komponenten", also häufig gebrauchte Dinge, die aus mehreren Elementen bestehen. JavaScript-Plugins gibt es auch, alle lassen sich (auch) ohne JavaScript zu schrieben bedienen (sondern per HTML-Code). [http://holdirbootstrap.de Deutsche Doku] gibt es auch.

	* [http://jquery.com jQuery] — JavaScript im Browser geht auch ohne, macht aber nicht halb so viel Spaß		* [http://jquery.com jQuery] — JavaScript im Browser geht auch ohne, macht aber nicht halb so viel Spaß

Eins78: /* Konvertieren */

2014-01-31T22:21:52Z

Konvertieren

← Older revision		Revision as of 22:21, 31 January 2014
Line 106:		Line 106:

	* [http://www.mirovideoconverter.com Miro Video Converter (MiroVC) herunterladen]		* [http://www.mirovideoconverter.com Miro Video Converter (MiroVC) herunterladen]
	* MiroVC installieren. ''Windows-User aufgepasst'': schön die Häkchen ~~wegblicken~~, die eine "tolle" Browser-Toolbar installieren wollen		* MiroVC installieren. ''Windows-User aufgepasst'': schön die Häkchen wegklicken, die eine "tolle" Browser-Toolbar installieren wollen

	[[File:miro-video-converter_1-settings.png\|500px]]		[[File:miro-video-converter_1-settings.png\|500px]]

Eins78: /* Konvertieren */

2014-01-31T22:17:37Z

Konvertieren

← Older revision		Revision as of 22:17, 31 January 2014
Line 107:		Line 107:
	* [http://www.mirovideoconverter.com Miro Video Converter (MiroVC) herunterladen]		* [http://www.mirovideoconverter.com Miro Video Converter (MiroVC) herunterladen]
	* MiroVC installieren. ''Windows-User aufgepasst'': schön die Häkchen wegblicken, die eine "tolle" Browser-Toolbar installieren wollen		* MiroVC installieren. ''Windows-User aufgepasst'': schön die Häkchen wegblicken, die eine "tolle" Browser-Toolbar installieren wollen
	* [[File:miro-video-converter_1-settings.png]]
	* [[File:miro-video-converter_2-mp4.png]]		[[File:miro-video-converter_1-settings.png\|500px]]
	* [[File:miro-video-converter_3-clear.png]]		[[File:miro-video-converter_2-mp4.png\|500px]]
	* [[File:miro-video-converter_4-webm.png]]		[[File:miro-video-converter_3-clear.png\|500px]]
			[[File:miro-video-converter_4-webm.png\|500px]]

	====Einbetten (HTML)====		====Einbetten (HTML)====

Eins78: /* Einfach */

2014-01-31T22:12:42Z

Einfach

← Older revision		Revision as of 22:12, 31 January 2014
Line 84:		Line 84:
	===Einfach===		===Einfach===

	~~Auf [http://youtube.com youtube] oder [http://vimeo.com vimeo]~~ hochladen, dort den HTML-Code ('Embed') kopieren und in die eigene Seite einfügen. Am besten immer auch einen normalen, direkten Link zur entsprechenden Seite des Videos unter das eingebettete Video tun, auf manchen Geräten geht das Einbetten nicht zuverlässig oder es gibt eine extra App für den ~~Videodienst~~, ….		Bei einem Dienst hochladen, dort den HTML-Code ('Embed') kopieren und in die eigene Seite einfügen. Am besten immer auch einen normalen, direkten Link zur entsprechenden Seite des Videos unter das eingebettete Video tun, auf manchen Geräten geht das Einbetten nicht zuverlässig oder es gibt eine extra App für den Dienst, ….

			Beispieldienste Video: [http://youtube.com youtube], [http://vimeo.com vimeo]

			Beispieldienste Audio: [http://soundcloud.com soundcloud], [http://mixcloud.com mixcloud]


	'''Vorteil''': Zusätzliche Zuschauer durch eingebaute soziale Netzwerke		'''Vorteil''': Zusätzliche Zuschauer durch eingebaute soziale Netzwerke

Eins78: /* Audio/Video einbinden */

2014-01-31T22:10:37Z

Audio/Video einbinden

@@ Line 78: / Line 78: @@
 * Domain extra kaufen
 * [http://pages.github.com kostenlos bei github hosten] und [https://help.github.com/articles/setting-up-a-custom-domain-with-pages die Domain einrichten]
 =="Hardware": Minicomputer, Löten…==

Eins78: /* Web-Bausteine */

2014-01-31T21:01:57Z

Web-Bausteine

← Older revision		Revision as of 21:01, 31 January 2014
Line 48:		Line 48:

	Eine Liste von Sammlungen und Suchmaschinen befindet sich hier: [[Sources/Images\|Quellensammlung]]		Eine Liste von Sammlungen und Suchmaschinen befindet sich hier: [[Sources/Images\|Quellensammlung]]


			==Web-Bausteine==

			All-in-One Starterkit: [http://www.initializr.com/builder?boot-hero&jquerymin&h5bp-iecond&h5bp-chromeframe&h5bp-favicon&modernizrrespond&izr-emptyscript&boot-css&boot-scripts herunterladen] (aktuelle Empfehlung 2013-01)

			* [http://html5boilerplate.com html5boilerplate.com] bietet eine kostenlose 'leere' HTML-Seite, die alles mitbringt, an was man heutzutage denken muss. Gibt es unter [http://www.initializr.com initializr.com] auch in verschiedenen Geschmacksrichtungen inkl. Extras, zum selbst zusammenflicken (oder oben das Starterkit nehmen).

			* [http://getbootstrap.com boostrap] ist eine modernere Basis für Webseiten als die Styles, die der Browser schon mitbringt. Vollständig dokumentiert, erhält außer den Defaults für HTML-Elemente auch "Komponenten", also häufig gebrauchte Dinge, die aus mehreren Elementen bestehen. JavaScript-Plugins gibt es auch, alle lassen sich (auch) ohne JavaScript zu schrieben bedienen (sondern per HTML-Code). [http://holdirbootstrap.de Deutsche Doku] gibt es auch.

			* [http://jquery.com jQuery] — JavaScript im Browser geht auch ohne, macht aber nicht halb so viel Spaß

	==Hosting==		==Hosting==

Eins78: /* Freies Material */

2014-01-31T20:39:23Z

Freies Material

← Older revision		Revision as of 20:39, 31 January 2014
Line 47:		Line 47:
	Da es mit CC (und dem Internet) so einfach geworden ist, "freies" Material zu publizieren, lässt sich davon auch viel finden und im Zweifel erklärt uns CC die Lizenz auch in einfachen Worten. ''(im Hintergrund ist CC auch eine Organisation, die u.a. ein Rudel Anwälte bezahlt, die eine "echte" Gesetzsprech-Version der Lizenz für alle möglichen Länder schreiben, damit die Lizenzen auch rechtlich gültig sind)''.		Da es mit CC (und dem Internet) so einfach geworden ist, "freies" Material zu publizieren, lässt sich davon auch viel finden und im Zweifel erklärt uns CC die Lizenz auch in einfachen Worten. ''(im Hintergrund ist CC auch eine Organisation, die u.a. ein Rudel Anwälte bezahlt, die eine "echte" Gesetzsprech-Version der Lizenz für alle möglichen Länder schreiben, damit die Lizenzen auch rechtlich gültig sind)''.

	[[Sources/Images\|Quellensammlung]]		Eine Liste von Sammlungen und Suchmaschinen befindet sich hier: [[Sources/Images\|Quellensammlung]]


	==Hosting==		==Hosting==

Eins78: Undo revision 63743 by Max (talk)

2014-01-31T17:27:57Z

Undo revision 63743 by Max (talk)

← Older revision		Revision as of 17:27, 31 January 2014
Line 192:		Line 192:
	'''Vorteile:'''		'''Vorteile:'''
	* Hat nichts mit der Uni (-server, -netz, -login) zu tun!		* Hat nichts mit der Uni (-server, -netz, -login) zu tun!
	* benutzt im Hintergrund eine [~~[wikipedia~~:de:Versionsverwaltung\|Versionskontrolle]] ([[Git]]), d.h. es gibt backups und eine Geschichte der Änderungen		* benutzt im Hintergrund eine [https://de.wikipedia.org/wiki/Versionsverwaltung Versionskontrolle] ([https://de.wikipedia.org/wiki/Git git]), d.h. es gibt backups und eine Geschichte der Änderungen

	'''Nachteile:'''		'''Nachteile:'''