Guten Tag die Damen und Herren Webdesigner, Grafiker & was sonst so rockt!
Wir haben euch zum Thema Webdesign, Grafiken und verwandte Themen eine Liste von Links zusammengestellt.

1. Hilfe zu HTML und HTML Editoren
»»TeamOne - Agentur fr Technische Dokumentation »¤«
Die Einstiegslektüre für jeden der sich nachhaltig mit HTML beschäftigen will.

»»Adobe »¤«
Dreamweaver, Homesite und Konsorten.

»» Hilfreiche Seiten zu Dreamweaver:
Adobe Usergroup Dreamworker - die deutsche usergroup zu dw/fw
dynamic.macromedia.com/bin/M...uct=dreamweaver - die exchange-site von macromedia für die kostenlosen Erweiterungen von dw, spart dir ne menge (Hand)Arbeit

»» Adobe »¤« GoLive, Photoshop und Konsorten


2. Links zu Flash
»» ein paar gute flashsites
k-m-x.de, derBauer® Audio Visual Media | LU: 24.01.2009 01:54 MEZ, FLASH WEBDESIGN, FLASH TRAILER, B-TRAXX SOUND FX, DOLBY SURROUND,
Elitedesign, 2Advanced v5 - Attractor »¤«

»» Links zu flash tut´s
Flash Kit, A Flash Developer Resource for Macromedia Flash MX Tutorials SWF FLA images clipart Sounds WAVS Animations Help and Support Eine sehr umfangreiche Englsiche Flash Site
flashworker.deSite mit ziemlich vielen Tipps zu Flash
Willkommen bei Flash4all - Das Flash Hilfe-Zentrum mit Tutorials, Sounds, Forum uvm. Deutsche Site über Flash(sponsored by derBauer)
cybercollege.deDeutsche Site mit Step by Step Tutorials
flash4beginers.com Deutsche Anfänger Site
Flash Central
Flashfaq.net - Informationen zum Thema Flash. Diese Website steht zum Verkauf!
FlashMove - The Flash Movement

3. Links zu Photoshop
Find That Exact Photoshop Tutorial, Photoshop Tips, Tools, Plug-ins and Blog, Adobe Photoshop 524 PS tuts verlinkt
wwwebmasters.net/tutorials/Photoshop/ 507 PS tuts verlinkt
.dEAD.dREAM.ER | .tWO.tHOUSAND.sEVEN Basics (Engl.)
••• | phong [ photoshop tutorials, recursive pattern cognition, galactik institution, etc ] Site mit ein paar TUTs (ENGL)
enigma.f2s.com/ Basics (ENGL)
Gothic Portal - S O M N I U M Seite mit guten TUTS (DE)
666-hellish.com - 666-hellish and Photo Album Software Sehr viele Gute DE tuts
PhotoshopTutorials.de - PST | Das deutsche Photoshop Hilfecenter | Anleitungen, Workshops, Aktionen, Brushes, Downloads (DE, von Muflon)

4. Alles für die HP
123gifarchiv Infos - www.123gifarchiv.de GIFS so weit das Auge reicht
Free Social Networking Scripts, Match Making Scripts, PHP Scripts, Perl Scripts Javascripts etc
Webmaster Forum / Webmaster Community JEx-treme.de
Mysmilies.com - Welcome Site mit smilies zu allen gelegenheiten
23fx.de/
OneTwoMax - Gästebuch kostenlos, Forum kostenlos Kostenloses Gästebuch für eure HP
FONTZ.DE - Das Schriften/Fonts Portal Seite mit viele SChriftarten (kostenlos)
ad-top.de Kostenlose Gästebücher, Foren, usw. (thnx2Niki1967)
Kostenlose Homepage online erstellen mit HomepageService for You Allerlei kostenloses und vorgekautes für die neuen Webmaster unter uns (thnx2Niki1967)
webmasterkurse.de/ Allerlei für den Webmaster, von kostenlosen Templates bis zu News. (nicht ganz aktuell, heute 15. Mrz war der "aktuelle Stand in den News bei Dez 04...)(thnx2Niki1967)
Net & Law > [di] Webimpressum-Assistent – Internetagentur [di], Mannheim: aktuelles News und Infos zum Online-Recht Impressumsgenerator


4. Lizensen
Choose a License Seite zum Generieren von Lizenen. »¤«

5. Legende & Dank
Seiten, die mit »¤« gekennzeichnet sind, haben wir bzw. ich überprüft und für gut befunden.
Thnx 2 Thor & Feuerstein für gute vorarbeit!

Hallo

Also ich hab hier mal ne FAQ aufbereitet, denke das macht Sinn. Damit nicht jeden zweiten Tag neue Threads zum gleichen Thema erstellt werden.
Da auch ich nur ein Mensch bin, nicht alles weiß und schon garnicht alles kenne hoffe ich auf eure Mitarbeit. Links sind immer Wilkommen.
Ich fände es auch klasse von euch, wenn hier NUR Links gepostet werden würden, so dass der Thread nicht "zumüllt" (ich kann euch aber nur darum bitten, da ich kein Mod oder ähnliches bin)
Ich werde die Linksammlung auch immer weiter ausbauen.... =)

Danke

ach ja: @Mods: hoffe das mit den ganzen Links geht so in ordnung.....:cool:


coderlinks.de/ (umfangreiche Linksammlung)


Thema HTML:

de.selfhtml.org/ Sehr Ausführliche Lektüre für alle Html-Einsteiger und Profis
html-world.de/program/html_ov.php
tychen.franken.de/faq/htmlfaq.html
planethtml.de/html/
drweb.de/html/index.shtml
grammiweb.de/html/index.shtml
html-world.de/
htmlwiki.de/Tutorial/HTML


Thema CSS:

css4you.de/
html-world.de/program/css_ov.php
schattenbaum.net/css/
htmlwiki.de/Tutorial/CSS


Thema PHP:

php-faq.de/ch/ch-general.html
skyhome.de/php/index.php3
php-resource.de/tutorials/browse/1/
php.tshw.de/
faq-php.de/
grammiweb.de/php/index.shtml


Fonts
(Fonts, Schriften, Schriftarten, Downloads, Bitmapfont, Archive, Dingbats)

dafont.com
1001freefonts.com
fontz.de
abstractfonts.com
fontasy.de
shice.de
highfonts.com
1001fonts.com

dingbatpages.com

Wer mal nicht weiß, was er für eine Font vor sich hat, der kann ja mal hier schauen: (Fonterkennung, Schrifterkennung, Identifizieren)
myfonts.com/WhatTheFont/
identifont.com/identify.html


2D-Grafikprogramme
Programme zum Erstellen von Webdesigns, Banner, Buttons, Avatare, Flyer...

Artweaver (Freeware Programm zum kreativen Malen)
CorelDRAW von Corel
Fireworks von Macromedia
FreeHand von Macromedia
Gimp (Freeware)
Illustrator von Adobe
InDesign von Adobe
PaintShop Pro von Jasc Software <-- Jasc ist Corel beigetreten...
PhotoFiltre (Frei für den privaten Gebrauch)
PhotoImpact von Ulead
Photoshop (DigitalImaging) von Adobe


3D-Programme
Programme zum Erstellen von 3D-Objekten, Figuren, Trendwhores, Modelierung.

3D Studio max (3dsmax, 3dmax) von discreet
Blender von Blender (Opensource)
Bryce von Corel
Cinema 4D von maxon
Maya von Alias
Poser von CuriousLabs


Animationsprogramme
Programme zum Erstellen von "kleinen" Animation und zur Optimierung von Gifs.

Gif-Animator von Ulead
Image Ready von Adobe
Flash von Macromedia (es ist mit Flash natürlich noch viel mehr möglich als nur Animationen)
Swish, erhältlich auf swishzone.com/


Tipps zur Optimierung von Gifs:

-verwende globale Farbpalette
-Farbanzahl reduzieren
-unnötige Frames entfernen
-Framebeschreibung entfernen
-Bewegung minimieren
-nicht/kaum sichtbare Farbänderungen vermeiden



Pixel-Tutorials

ocee.de
ulf-theis.de


Webdesign-Tutorials

designerzone.de
drweb.de
metacolor.de


Tutorialseiten
Seiten die alle möglichen Tutorials anbieten, von PS über Fireworks, Flash bis hin in die 3D-Sektion

3d-ring.de (3dsm, C4D, weitere 3D-Progs)
666-hellish.com
absolutecross.com (PS, PSP, Flash)
c4dtreff.de (C4D)
design-nation.de (PS, C4D, 3DSmax, Fireworks, etc.)
eyeball-design.com
gfx4ever.com (PS, 3DSmax, C4D)
gfx-scene.de (3DSmax, Maya, PS, Flash)
grafikland.com (Tutorials für PI)
photoshoptutorials.de
pixel2life.com (alles mögliche)
spyroteknik.com (PS)
swishzone.com/tutorials.php (Swish)
teamphotoshop.com
thinkdan.com (PS, Adobe illustrator, Macromedia Freehand)
traum-projekt.com (Fireworks, PS, Flash, Gimp, weiteres)
tutorials.de
tutorialzone.de (fast alles)
tuts.ch (Sammlung diverser Links zu Tutorialpages)
vectorize.de/tutorial.html (Vektortutorial)
vid.tuts.ch (Videotutorials für PS)
webmasterpro.de (PS, Fireworks, Flash, 3DSmax, C4D)


Bildmaterial
Freepics, lizenzfrei Bilder, Stocks, Battlesamples, Photos, Fotos, Smileys

Solltest ihr von den folgenden Seiten Bildmaterial verwenden, so beachtet bitte deren Lizenzbestimmungen, Missbrauch kann rechtlich verfolgt werden. Findet ihr keine eindeutige Aussage die auf eure Verwendung paßt, so kontaktiert die entsprechenden Webmaster.

photocase.com
mysmilies.com/
jex-treme.de/
pixelperfectdigital.com
intuitivmedia.net
photosgratis.com
purewildlife.com
pixeller.de
picstyle.de
1-2-3-gaestebuch.de/
bigfoto.com
corbis.com
sxc.hu
homepageservice4u.de/
23fx.de/
thinkstock.com
istockphoto.com
dieblen.de
123gifarchiv.de/
totalscripts.com/

Texturen
newtek.com/freestuff/index.php
noctua-graphics.de/deutsch/fraset_d.htm

"Tapeten"
squidfingers.com/patterns/



Thema Flash
Flashtutorials, Actionscript, .fla

flashhilfe.de
flashtuts.de
flashworker.de
flash.my1step.de
flashheaven.de
flashlevel.de
flashstar.de
flashforum.de
flashkit.com/
flashworker.desite/
flash4all.de/
cybercollege.dedeutsche/
flash4beginers.com/
flashbible.com/
flashfaq.net/
flashmove.com/


Plugins & Filter

Photoshop
graphicsring.com
sunflower.singnet.com.sg/~seahyh/filters.htm



Wie macht man Screenshots...

Durch drücken der "Druck"-Taste (bei manchen heißt sie auch: PrtSc, Print oder wie auch immer) (relativ zu den Tasten: rechts von F12, über Einfg, links von Scroll) wird der Screenshot vom kompletten Bildschirm in die Zwischenablage kopiert.
Dann müßt ihr ein Grafikprogramm öffnen, Photoshop, Photoimpact, PSP, was auch immer, ja Paint reicht auch. In eurem Grafikprogramm müßt ihr dann nur noch das Bild einfügen (gängig ist die Tastenkombination STRG+V bzw CTRL+V, geht aber auch über Menü-&gt;Bearbeiten-&gt;Einfügen)

Wer übrigens nur den Inhalt des aktuellen bzw. aktiven Fenster haben will, der benutzt die Tastenkombination Alt+Druck.

Von manchen Anwendungen läßt sich kein Screenshot machen, dann erscheint nur ein schwarzes Kästchen. So z.B. beim MediaPlayer oder PowerDVD. Diese bieten dann aber meist eine extra Funktion für Screenshots an.

Eine weiter Möglichkeit wäre das Verwenden von entsprechenden Programmen siehe:
supernature-forum.de/down...ik/Screenshot/



Wie benutze ich eine Pixelfont

Achtet beim Download einer Pixelfont darauf für welche Schriftgröße sie ausgelegt ist. Das Verwenden mit falschen Größen führt zu häßlichen Darstellungsfehlern. (Manchmal ist es auch möglich ein ganzzahliges vielfaches der vorgesehenen Größe zu verwenden. Zum Beispiel bei einer Pixelfont für 6 px kann auch 12/18/24... px richtig dargestellt werden)



Und was noch wichtig ist. Eine Pixelfont soll "pixelig" sein, also das Anti-Aliasing abschalten.

Hier noch ein Beispiel:
[IMG][/IMG]



"bei vielen Bildern die Größe verändern"
Batchverarbeitung, Stapelverarbeitung

Viele Bilder/Fotos in einem Ordner und alle zu groß? Viel zu viel Arbeit jedes einzeln zu bearbeiten? Dann ist Stapelverarbeitung das Schlagwort.
Bei diesem Verfahren werden auf jedes ausgewählte Bild die gleichen Arbeitsschritte ausgeführt (z.B. verkleinern, nachschärfen, unter neuem Namen speichern). Neben den Grafikprogrammen wie Photoshop und PhotoImpact gibt es auch eine Reihe anderere, zum Teil kostenlose, Programme wie:

IrfanView irfanview.com
PictureTray picturetray.com
ThumbsPlus thumbsplus.de
XnView xnview.com

Hinweis:
Ich empfehle, die so verarbeiteten Bilder in einem neuen Ordner speichern zu lassen, da solch eine Stapelverarbeitung in der Regel nicht rückgäng zu machen ist. Sollen z.B. Digitalfotos so für's Web verkleinert werden und werden die Originale dadurch überschrieben, so sind die hochauflösenden Fotos z.B. für eine spätere Entwicklung verloren. Ebenso könnte eine "falsche Bedienung" zu einem unschönen Datenverlust führen (z.B. das Hochformatbilder ungewollt in ein Querformat gepreßt werden, usw.)


Kurzanleitung zum automatischen Bilder-verkleinern mit Photoshop:

-Ein Bild öffnen
-Eine neue Aktion erstellen


-Das Bild mit Hilfe von Bild -> Bildgröße auf die gewünschte Größe bringen
-Aufzeichung beenden


-Bild schließen und nicht speichern
-Datei -> Automatisieren -> Stapelverarbeitung
-Die eben erstellte Aktion auswählen
-Den gewünschten Ordner selektieren

und los geht's


Vektorgrafik vs. Rastergrafik
Vektorformat, Bitmap, Pixmap, Pixelgrafik

Immer häufiger tauchen Fragen auf, ob man nicht einfach eine Rastergrafik in eine Vektorgrafik umwandeln könne, z.B. für den Printbereich, das Bedrucken von T-Shirts usw. Deshalb hier mal einen kleinen Exkurs.

Was ist eine Vektorgrafik bzw. das Vektorformat?
Geometrische Objekte wie Kreise, Linien, Rechtecke, Würfel usw. werden durch ihre mathematischen Eigenschaften beschrieben.
Kreis: Mittelpunkt und Radius
Linie: Verbindung von zwei Punkten
Polygone: Verbindung einer bestimmten Anzahl von Punkten
Splines: Kurven die durch Punkte und Tangenten an diese Punkte beschrieben werden.
...
Komplexere Gebilde werden dann aus solchen sogenannten "Grundprimitiven" gebildet. Das heißt, das komplette Bild wird aus solchen Koordinaten berechnet. Deshalb ist zum einen die gespeicherte Vektorgrafik sehr klein und zum anderen können im nachhinen solche Koordinaten und Daten verändert und das Bild daraus neu berechnet werden (z.B. verlustfreie Skalierung).

Was ist eine Rastergrafik?
Bei einer Rastergrafik wird eine bestimmte Fläche in ein Raster aufgeteilt (daraus resultieren Auflösung (DPI = Punkte pro Inch) und Bildgröße (x Punkte mal y Punkte)). Ein solches Rasterfeld nennen wir Bildpunkt oder Pixel. Ein solches Pixel kann nur eine Farbinformation aufnehmen.

Vorteil einer Rastergrafik ist, dass es sehr komplexe Bildstrukturen darstellen kann und das (zumindest im Moment) alle gängigen grafikverarbeitenden Geräte mit Rastergrafiken arbeiten (Monitore, Digicams, Drucker, Grafikkarten, Scanner usw.). Nachteil der Rastergrafik liegt in der "Nachbearbeitung", ist ein Kreis einmal auf eine Rastergrafik gebracht, so kann er im Nachhinein nicht ohne weiteres wieder entfernt oder verändert werden. Vergrößerungen von Rastergrafiken bleiben nur im geringen Maß ansehnlich (verpixeln) und eine Verkleinerung bedeutet automatisch Verlust von Informationen. (Deshalb ist es auch nicht möglich aus einem Thumbnail das ursprüngliche Foto zu erhalten.)

Anwendung der Formate und Verarbeitung in PS/PI/...
Photoshop, PhotoImpact und sicher noch eine Reihe anderer Programme bieten das Erzeugen von sogenannten Pfaden. Diese Pfade werden programmintern wie in einer Vektorgrafik verwaltet. D.h. ein Kreis besteht aus einem Mittelpunkt und einem Radius. Dadurch ist die Möglichkeit gegeben solche Pfade im Nachhinein (auch nach Speichern/Laden als PSD/UFO/...) zu verändern und verlustfrei zu skalieren. Erst beim Reduzieren auf den Hintergund (PS) bzw. Einbinden (PI) werden diese Pfade durch einen Algorithmus in eine Pixelgrafik umgewandelt. Manche Filter setzen z.B. eine Pixelgrafik voraus, dann wandelt das Programm Pfade automatisch um (oder man muß es vorher manuell machen um den Filter anwenden zu können), eine nachträgliche Änderung des Pfades ist dann nicht mehr möglich.
Zur Anzeige auf dem Bildschirm, Drucken, oder Speichern als JPG/GIF/... werden Pfade ebenfalls durch die Grafikpipeline des entsprechenden Programmes in eine Rastergrafik umgewandelt.

Kann man dann mit PI/PS/... Vektorgrafiken erstellen?
Grundsätzlich wäre es möglich, wenn man die Grafik komplett aus Pfaden erstellt. Manche Programme bieten dann auch den Export als Vektorgrafik z.B. im SVG-Format. Jedoch sind PS/PI/... keine Programme zum Erstellen von Vektorgrafiken und die Kompatibilität der exportierten Grafiken mit "richtigen" Vektorprogrammen läßt zu wünschen übrig oder ist garnicht gegeben. (eigene Erfahrungen beim Versuch mit PI)

Kann man Rastergrafiken in Vektorgrafiken umwandeln?
Jain. Also mir ist kein Porgramm bekannt, welches ein Komplexes Rasterbild (Foto der Dresdner Frauenkirche z.B.) befriedigend in eine Vektorgrafik umwandelt. Das Problem liegt darin "die Natur mathematisch beschreiben zu wollen". Sicher ist es möglich z.B. ein schwarzes Quadrat auf einer weißen Fläche durch Abtastung und Approximation in eine Vektorgrafik umzuwandeln, aber das Problem liegt in der Entscheidung aus welchen Grundprimitiven man ein komplexes Bild "nachbaut". Aus welchen Objekten würde man z.B. einen Baum machen?
Fazit: Soll eine (nicht-triviale) Pixelgrafik in eine Vektorgrafik umgewandelt werden, so muß man diese per Hand in einem Vektorprogramm "nachzeichnen". Das erfordert natürlich eine Menge Erfahrung und Übung.

Weiterführende Links:
de.wikipedia.org/wiki/Rastergrafik
de.wikipedia.org/wiki/Vektorgrafik
skillcorp.de/lehre/vektor-pixmap.gif

Programme die auf Vektorgrafiken basieren:
- diverse CAD-Programme
- CorelDraw
- Adobe Illustrator
- alle 3D-Programme
- InkScape inkscape.org
- SodiPodi sodipodi.com
- Flash

Berufsförderung
Wie geht es beruflich nach dem Zivildienst weiter ???
Sie sollen während Ihrer Zivildienstzeit die Möglichkeit erhalten, an allgemeinberuflichen und fachberuflichen Maßnahmen zur Bildung, Ausbildung und Weiterbildung teilzunehmen. Die Berufsförderung soll dazu beitragen, keine zivildienstbedingten Nachteile für Ihre berufliche Tätigkeit entstehen zu lassen, Anschluss an die Entwicklung auf dem Arbeitsmarkt zu erhalten sowie eine berufliche Weiterentwicklung zu ermöglichen.

Für die Teilnahme an ganztägigen fachberuflichen oder allgemeinberuflichen Bildungsmaßnahmen, die im Rahmen der Berufsförderung bezuschusst werden, kann Ihnen auch Sonderurlaub gewährt werden. Der Urlaub kann bis zu 5 Arbeitstagen während der Zivildienstzeit betragen.
Weitere Informationen zum Thema "Sonderurlaub" finden Sie hier.

Es besteht jedoch kein Rechtsanspruch auf die Förderung bestimmter Maßnahmen!

Nun aber der Link zur Website lerneniminternet.de/

gruß jone

Hier gibt es auch noch sehr nützliche Tutorials mit allem was das Web betrifft:
Photoshop Tutorials and Flash Tutorials (ist alles auf Englisch!)

hier steht ja garnichts über CMS (Content-Management-System)

Ein Content-Management-System (kurz CMS, übersetzt etwa Inhaltsverwaltungssystem), im Medienbereich auch: Redaktionssystem, ist ein Anwendungsprogramm, das die gemeinschaftliche Erstellung und Bearbeitung des Inhalts von Text- und Multimedia-Dokumenten (Content) ermöglicht und organisiert. Der darzustellende Informationsgehalt wird in diesem Zusammenhang als Content (Inhalt) bezeichnet. Der Benutzer sollte das System auch ohne Programmierkenntnisse sowie ohne Kenntnis von HTML oder XML bedienen können... (Wiki)

Systeme (open source):
typo3.org: TYPO3 Content Management System - Developer Resource
Joomla - Home
TYPOlight webCMS - Home
drupal.de

PHP - SELFPHP: Version 5.1.1 Befehlsreferenz - Tutorial – Kochbuch – Forum zum Thema PHP

GFX-World - Photoshop, Tutorials, Webdesign, Grafik, Galerie, Forum, 2d, 3d
auch ne nette ansammlung an tutorials, größtenteils photoshop

Hier gibt es auch viel zu sehen - Tuts, Fonts....

For Webdesigners - Helpful links for webdesigners

viel Spaß damit

Tom

Oha ich hab noch was

Photoshop User TV

immer die drei neuesten Videotut von NAPP

und hier die Legende Bert Monroy - der König des Photorealismus in Photoshop

über 100 meist sehr gute Tuts, teilweilse mit den notwendigen Files

PixelPerfect &mdash; Revision3

Tom

Was ich noch nicht gelesen habe ist : PSD-Tutorials.de - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie
was meiner meinung nach aber sicher mit aufgenommen werden sollte.
von dort hab ich schon das ein oder andere coole tut und
de contest´s sind auch nicht schlecht.....

Weitere Photoshop Tutorials :

photoshoptutorials.de/