- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(82|syslevelroot|
mediamueller.de\'sign: design und fotografie
vorwort
die seiten von mediamueller befassen sich mit digitalen fotografien die als grundlage für die themen
dienen.
inhalt
- fotografie
mit beginn der digitalen fotografie hat dieses thema bei mediamueller stetig an bedeutung gewonnen. digitale fotografie und fotobearbeitung sind zentrale punkte dieses webauftritts. das spektrum deckt sowohl schwarzweiß- und farbbilder als auch infrarot-fotografie und panoramabilder ab. - webdesign
design follows content...
der erste eindruck entscheidet darüber, ob sich ein besucher weitere seiten eines internetauftritts anschaut. der schlüssel zur wiederkehr von besuchern liegt jedoch in erster linie am inhalt, dem sogenannten content. dieser wird auch von suchmaschinen gern "gesehen" und sorgt bei geschickter ausdrucksforum für gute platzierungen in den suchmaschinen. - fotodesign
der abschnitt fotodesign befasst sich u.a. mit webdesign, panoramabildern im klassischen druckbaren panoramaformat sowie mit full-panoramafotografie (360 grad-bildschirm panoramen).
neu
- internetshop texora für wohntextilien ist seit 11.mai.2011 online. technisch setzt der shop auf aktuelle web-technologien. www.texora.de.
- leben ist wandlung: praxis von claudia steller für ganzheitliche heilkunst
82|syslevelroot|mediamueller.de\'sign: design und fotografie
vorwort
die seiten von mediamueller befassen sich mit digitalen fotografien die als grundlage fuer die themen
dienen.
inhalt
- fotografie
mit beginn der digitalen fotografie hat dieses thema bei mediamueller stetig an bedeutung gewonnen. digitale fotografie und fotobearbeitung sind zentrale punkte dieses webauftritts. das spektrum deckt sowohl schwarzweiss- und farbbilder als auch infrarot-fotografie und panoramabilder ab. - webdesign
design follows content...
der erste eindruck entscheidet darueber, ob sich ein besucher weitere seiten eines internetauftritts anschaut. der schluessel zur wiederkehr von besuchern liegt jedoch in erster linie am inhalt, dem sogenannten content. dieser wird auch von suchmaschinen gern "gesehen" und sorgt bei geschickter ausdrucksforum fuer gute platzierungen in den suchmaschinen. - fotodesign
der abschnitt fotodesign befasst sich u.a. mit webdesign, panoramabildern im klassischen druckbaren panoramaformat sowie mit full-panoramafotografie (360 grad-bildschirm panoramen).
neu
- internetshop texora fuer wohntextilien ist seit 11.mai.2011 online. technisch setzt der shop auf aktuelle web-technologien. www.texora.de.
- leben ist wandlung: praxis von claudia steller fuer ganzheitliche heilkunst
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(93|userinfo/privacy|
datenschutzerklärung
datenschutz - inhalt :
1. datenschutzgesetz
2. gründe zur erhebung der daten
3. welche daten werden erhoben
4. schutz ihrer daten
5. cookies
6. e-cards
7. newsletter
8. auskunftsrecht
1. datenschutzgesetz
der betreiber des internet-auftritts www.mediamueller.de (dipl. math. thomas müller) richtet sich zum schutz ihrer persönlichen daten nach den regeln und vorgaben der geltenden datenschutzgesetze.
2. gründe zur erhebung der daten
personenbezogene daten werden auf dieser webseite ausschließlich im rahmen der geltenden datenschutzgesetze erhoben, genutzt und verarbeitet, soweit es technisch notwendig ist für die zurverfügungstellung der online-plattform für die nutzer.
ich verwenden diese informationen ausschließlich im rahmen des betriebs dieser online-plattform um mit ihnen über
kontaktanfragen und informationen zum internetauftritt zu kommunizieren,
meine datensätze zu aktualisieren und ihre anmelde-konten bei mir zu unterhalten und zu pflegen sowie dazu,
inhalte wie z. b. wunschzettel abzubilden und ihnen produkte oder dienstleistungen zu empfehlen, die sie interessieren könnten soweit mir ihr einverständnis hierzu vorliegt.
die erhobenen daten dienen auch dazu diese internet-plattform zu verbessern,
einem missbrauch der website vorzubeugen oder einen zu entdecken.
3. welche daten werden erhoben
ich erhebe und speichere automatisch auf dem server log file informationen, die ihr browser bei der nutzung unserer internetseite automatisch übermittelt:
- browsertyp und browserversion
- das verwendete betriebssystem
- referrer url (die von ihnen zuvor besuchte seite)
- die ip-adresse ihres rechners
- datum und uhrzeit ihrer anfrage
- verwendete suchbegriffe
diese daten sind für uns anonym und können nicht bestimmten personen zugeordnet werden.
4. schutz ihrer daten
alle daten werden vertraulich behandelt. sie werden nicht mit anderen datenquellen zusammengeführt und auch nicht an dritte verkauft.
die daten sind gegen die kenntnisnahme dritter geschützt, unbefugte haben keinen zugang zu ihren daten. die daten werden gelöscht sobald sie nicht mehr benötigt werden.
5. cookies
dieser internet-auftritt verwendet sogenannte flüchtige cookies, die ausschließlich dazu verwendet werden die benutzerfreundlichkeit und sicherheit dieser internetseite zu verbessern.
cookies sind kleine textdateien. diese werden, sobald sie unsere internetseite besuchen auf ihrem rechner abgelegt und von ihrem browser gespeichert. da ich flüchtige cookies verwende, werden diese cookies automatisch gelöscht, sobald sie ihren browser schließen.
cookies sind keine viren, sie richten keinen schaden auf ihrem rechner an und leiten keine informationen von ihrem rechner an uns weiter.
6. e-cards
wenn sie e-cards über diese internetseite verschicken oder erhalten werden folgende daten zu folgendem zweck erhoben:
datum, uhrzeit, ihre ip-adresse, die von ihnen angegebenen empfängerdaten sowie der inhalt.
diese daten werden ausschließlich für den versand von e-cards gespeichert und werden unabhängig davon, ob der empfänger die karte abgeholt hat, nach ablauf einer abholfrist gelöscht.
7. newsletter
wenn sie von mir newsletter erhalten möchten, benötige ich ihre gültige e-mail-adresse. um den mißbrauch ihrer e-mail-adresse zu verhindern, sendet das system eine sicherheits-kontroll-e-mail um so sicherzustellen, daß sie als inhaber der mir angegebenen e-mail-adresse bzw. daß der inhaber der von ihnen angegebenen e-mail-adresse mit der zusendung unserer newsletter einverstanden ist.
für die abwicklung des newsletter-versands werden keine weiteren daten benötigt, erhoben und gespeichert.
sie können ihre einwilligung zum versand des newsletters an sie bzw. den inhaber einer von ihnen angegebenen e-mail-adresse jederzeit widerrufen. sämtliche zu ihrer person gespeicherten daten, die in zusammenhang mit dem versand unserer newsletter an sie erhoben und gespeichert wurden, werden nach ihrem widerruf unverzüglich gelöscht.
8. auskunftsrecht
gerne geben ich ihnen auskunft über die zu ihrer person gespeicherten daten. wenn sie fragen hierzu haben stehe ich ihnen gern zur verfügung.
bitte verwenden sie hierzu mein kontakt-formular oder senden sie mir ihre anfrage schriftlich an: thomas müller, jasperallee 59, d-38102 braunschweig.
93|userinfo/privacy|datenschutzerklaerung
datenschutz - inhalt :
1. datenschutzgesetz
2. gruende zur erhebung der daten
3. welche daten werden erhoben
4. schutz ihrer daten
5. cookies
6. e-cards
7. newsletter
8. auskunftsrecht
1. datenschutzgesetz
der betreiber des internet-auftritts www.mediamueller.de (dipl. math. thomas mueller) richtet sich zum schutz ihrer persoenlichen daten nach den regeln und vorgaben der geltenden datenschutzgesetze.
2. gruende zur erhebung der daten
personenbezogene daten werden auf dieser webseite ausschliesslich im rahmen der geltenden datenschutzgesetze erhoben, genutzt und verarbeitet, soweit es technisch notwendig ist fuer die zurverfuegungstellung der online-plattform fuer die nutzer.
ich verwenden diese informationen ausschliesslich im rahmen des betriebs dieser online-plattform um mit ihnen ueber
kontaktanfragen und informationen zum internetauftritt zu kommunizieren,
meine datensaetze zu aktualisieren und ihre anmelde-konten bei mir zu unterhalten und zu pflegen sowie dazu,
inhalte wie z. b. wunschzettel abzubilden und ihnen produkte oder dienstleistungen zu empfehlen, die sie interessieren koennten soweit mir ihr einverstaendnis hierzu vorliegt.
die erhobenen daten dienen auch dazu diese internet-plattform zu verbessern,
einem missbrauch der website vorzubeugen oder einen zu entdecken.
3. welche daten werden erhoben
ich erhebe und speichere automatisch auf dem server log file informationen, die ihr browser bei der nutzung unserer internetseite automatisch uebermittelt:
- browsertyp und browserversion
- das verwendete betriebssystem
- referrer url (die von ihnen zuvor besuchte seite)
- die ip-adresse ihres rechners
- datum und uhrzeit ihrer anfrage
- verwendete suchbegriffe
diese daten sind fuer uns anonym und koennen nicht bestimmten personen zugeordnet werden.
4. schutz ihrer daten
alle daten werden vertraulich behandelt. sie werden nicht mit anderen datenquellen zusammengefuehrt und auch nicht an dritte verkauft.
die daten sind gegen die kenntnisnahme dritter geschuetzt, unbefugte haben keinen zugang zu ihren daten. die daten werden geloescht sobald sie nicht mehr benoetigt werden.
5. cookies
dieser internet-auftritt verwendet sogenannte fluechtige cookies, die ausschliesslich dazu verwendet werden die benutzerfreundlichkeit und sicherheit dieser internetseite zu verbessern.
cookies sind kleine textdateien. diese werden, sobald sie unsere internetseite besuchen auf ihrem rechner abgelegt und von ihrem browser gespeichert. da ich fluechtige cookies verwende, werden diese cookies automatisch geloescht, sobald sie ihren browser schliessen.
cookies sind keine viren, sie richten keinen schaden auf ihrem rechner an und leiten keine informationen von ihrem rechner an uns weiter.
6. e-cards
wenn sie e-cards ueber diese internetseite verschicken oder erhalten werden folgende daten zu folgendem zweck erhoben:
datum, uhrzeit, ihre ip-adresse, die von ihnen angegebenen empfaengerdaten sowie der inhalt.
diese daten werden ausschliesslich fuer den versand von e-cards gespeichert und werden unabhaengig davon, ob der empfaenger die karte abgeholt hat, nach ablauf einer abholfrist geloescht.
7. newsletter
wenn sie von mir newsletter erhalten moechten, benoetige ich ihre gueltige e-mail-adresse. um den missbrauch ihrer e-mail-adresse zu verhindern, sendet das system eine sicherheits-kontroll-e-mail um so sicherzustellen, dass sie als inhaber der mir angegebenen e-mail-adresse bzw. dass der inhaber der von ihnen angegebenen e-mail-adresse mit der zusendung unserer newsletter einverstanden ist.
fuer die abwicklung des newsletter-versands werden keine weiteren daten benoetigt, erhoben und gespeichert.
sie koennen ihre einwilligung zum versand des newsletters an sie bzw. den inhaber einer von ihnen angegebenen e-mail-adresse jederzeit widerrufen. saemtliche zu ihrer person gespeicherten daten, die in zusammenhang mit dem versand unserer newsletter an sie erhoben und gespeichert wurden, werden nach ihrem widerruf unverzueglich geloescht.
8. auskunftsrecht
gerne geben ich ihnen auskunft ueber die zu ihrer person gespeicherten daten. wenn sie fragen hierzu haben stehe ich ihnen gern zur verfuegung.
bitte verwenden sie hierzu mein kontakt-formular oder senden sie mir ihre anfrage schriftlich an: thomas mueller, jasperallee 59, d-38102 braunschweig.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(94|userinfo/imprint|
mediamueller - impressum
impressum
thomas müller
jasperallee 59
38102 braunschweig
kontakt
haftungsausschluss
mediamueller .de ist stets bemüht auf seinen internetseiten richtige und vollständige informationen zur verfügung zu stellen.
mediamueller.de kann jedoch keine haftung oder garantie für die aktualität, richtigkeit sowie vollständigkeit übernehmen.
wir behalten uns ausdrücklich vor, ohne vorherige ankündigung ergänzungen oder Änderungen der bereitgestellten informationen vorzunehmen.
links zu webangeboten dritter
mediamueller .de übernimmt keine haftung oder garantie, für die inhalte von internetseiten, auf die in seinen webseiten direkt oder indirekt verwiesen wird.
die einbeziehung von "hyperlinks" zu webangeboten dritter beinhaltet weder eine bestätigung der angaben auf diesen webseiten noch schließt diese eine verbindung mit deren betreibern ein.
urheberrechtsschutz
alle rechte vorbehalten. inhalt und struktur unserer webseiten, insbesondere texte, fotos, bilder, grafiken, animationen, videos und sounds sowie deren anordnung unterliegen dem schutz des urheberrechts und anderer schutzgesetze.
jede vervielfältigung, verbreitung, speicherung, sendung und wieder- bzw. weitergabe der inhalte oder teilen hiervon ist ohne schriftliche genehmigung von mediamueller.de ausdrücklich untersagt.
94|userinfo/imprint|mediamueller - impressum
impressum
thomas mueller
jasperallee 59
38102 braunschweig
kontakt
haftungsausschluss
mediamueller .de ist stets bemueht auf seinen internetseiten richtige und vollstaendige informationen zur verfuegung zu stellen.
mediamueller.de kann jedoch keine haftung oder garantie fuer die aktualitaet, richtigkeit sowie vollstaendigkeit uebernehmen.
wir behalten uns ausdruecklich vor, ohne vorherige ankuendigung ergaenzungen oder Aenderungen der bereitgestellten informationen vorzunehmen.
links zu webangeboten dritter
mediamueller .de uebernimmt keine haftung oder garantie, fuer die inhalte von internetseiten, auf die in seinen webseiten direkt oder indirekt verwiesen wird.
die einbeziehung von "hyperlinks" zu webangeboten dritter beinhaltet weder eine bestaetigung der angaben auf diesen webseiten noch schliesst diese eine verbindung mit deren betreibern ein.
urheberrechtsschutz
alle rechte vorbehalten. inhalt und struktur unserer webseiten, insbesondere texte, fotos, bilder, grafiken, animationen, videos und sounds sowie deren anordnung unterliegen dem schutz des urheberrechts und anderer schutzgesetze.
jede vervielfaeltigung, verbreitung, speicherung, sendung und wieder- bzw. weitergabe der inhalte oder teilen hiervon ist ohne schriftliche genehmigung von mediamueller.de ausdruecklich untersagt.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(95|userinfo/links|
mediamueller: links
95|userinfo/links|mediamueller: links
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(96|userinfo/abmelden|
abmelden
um sich bei mediamueller abzumelden betätigen sie bitte die schaltfläche "abmelden".
zum kontoübersicht ihrer daten
96|userinfo/abmelden|abmelden
um sich bei mediamueller abzumelden betaetigen sie bitte die schaltflaeche "abmelden".
zum kontouebersicht ihrer daten
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(97|design|
mediamueller - design
design follows content
97|design|mediamueller - design
design follows content
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(98|design/photodesign|
photodesign
bei photodesign versteht mediamueller so ziemlich alle themen rund um die fotografie.
- infrarot
- panoramen
- portraits
- landschaft
- hdr
- photomosaik
98|design/photodesign|photodesign
bei photodesign versteht mediamueller so ziemlich alle themen rund um die fotografie.
- infrarot
- panoramen
- portraits
- landschaft
- hdr
- photomosaik
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(99|design/webdesign|
webdesign
vom wort webdesign läßt sich design im web und design für das web also internet ableiten. mediamueller ist seit vielen jahre online und hat den wandel von vielen html-dialekten durchlebt. derzeit scheint sich für vieles im sinne standardisierung bei den browser zu verbessern: selbst microsoft hat es seit dem ie-9 (internet-explorer 9) endlich geschafft gängige webstandards zu beachten. damit wird es für diejenigen die designvorgaben auch umsetzen wollen oder müssen zunehmend einfacher, oder erst möglich dieses ohne absurden extra aufwand zu realisieren.
99|design/webdesign|webdesign
vom wort webdesign laesst sich design im web und design fuer das web also internet ableiten. mediamueller ist seit vielen jahre online und hat den wandel von vielen html-dialekten durchlebt. derzeit scheint sich fuer vieles im sinne standardisierung bei den browser zu verbessern: selbst microsoft hat es seit dem ie-9 (internet-explorer 9) endlich geschafft gaengige webstandards zu beachten. damit wird es fuer diejenigen die designvorgaben auch umsetzen wollen oder muessen zunehmend einfacher, oder erst moeglich dieses ohne absurden extra aufwand zu realisieren.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(100|shop-konfiguration|
system konfiguration
100|shop-konfiguration|system konfiguration
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(2|userinfo|
benutzer-informationen
navigationsunterpunkte:
[=immediatechildmenuitems=]
2|userinfo|benutzer-informationen
navigationsunterpunkte:
[=immediatechildmenuitems=]
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(3|shop-konfiguration/systemverwaltung|
systemverwaltung
3|shop-konfiguration/systemverwaltung|systemverwaltung
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(4|kundeninformationen|
kunden- und benutzerinformationen
4|kundeninformationen|kunden- und benutzerinformationen
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(5|mueller|
mueller
die website mediamueller bündelt die aktivitäten des author thomas müller hinsichtlich seiner interessen.
diese umfassen neben der
- entwicklung auch alles was im zusammenhang mit
- fotografie
- bildbearbeitung
- videobearbeitung
zu tun haben.
5|mueller|mueller
die website mediamueller buendelt die aktivitaeten des author thomas mueller hinsichtlich seiner interessen.
diese umfassen neben der
- entwicklung auch alles was im zusammenhang mit
- fotografie
- bildbearbeitung
- videobearbeitung
zu tun haben.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(6|media|
media
diverse medien stehen seit jahren im interesse von mediamueller
navigationsunterpunkte:
[=immediatechildmenuitems=]
6|media|media
diverse medien stehen seit jahren im interesse von mediamueller
navigationsunterpunkte:
[=immediatechildmenuitems=]
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(7|development|
development
webanwendungen
navigationsunterpunkte:
[=immediatechildmenuitems=]
7|development|development
webanwendungen
navigationsunterpunkte:
[=immediatechildmenuitems=]
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(8|development/webanwendungen|
webanwendungen
navigationsunterpunkte:
[=immediatechildmenuitems=]
8|development/webanwendungen|webanwendungen
navigationsunterpunkte:
[=immediatechildmenuitems=]
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(9|development/css|
css
mit css3 bieten sich unter html5 bisher im web kaum vorstellbare möglichkeiten.
siehe moving :target\'s
9|development/css|css
mit css3 bieten sich unter html5 bisher im web kaum vorstellbare moeglichkeiten.
siehe moving :target\'s
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(10|development/css/moving-target-s|
moving :target\'s
animiertes interaktives web auch ohne javascript und flash
anwendungsbeispiel anhand einer kleinen bildergalerie die heute schon in modernen browsern auch ohne die verwendung von javascript einige her macht...
10|development/css/moving-target-s|moving :target\'s
animiertes interaktives web auch ohne javascript und flash
anwendungsbeispiel anhand einer kleinen bildergalerie die heute schon in modernen browsern auch ohne die verwendung von javascript einige her macht...
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(11|mediamueller|
mediamueller
die website mediamueller bündelt die aktivitäten des author thomas müller hinsichtlich seiner interessen.
diese umfassen neben der
- entwicklung auch alles was im zusammenhang mit
- fotografie
- bildbearbeitung
- videobearbeitung
zu tun haben.
navigationsunterpunkte:
[=immediatechildmenuitems=]
11|mediamueller|mediamueller
die website mediamueller buendelt die aktivitaeten des author thomas mueller hinsichtlich seiner interessen.
diese umfassen neben der
- entwicklung auch alles was im zusammenhang mit
- fotografie
- bildbearbeitung
- videobearbeitung
zu tun haben.
navigationsunterpunkte:
[=immediatechildmenuitems=]
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(12|mediamueller/blende-1|
blende 1
fotografie
besuchen sie auch meine fotoseite blende-1.de
12|mediamueller/blende-1|blende 1
fotografie
besuchen sie auch meine fotoseite blende-1.de
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(13|mediamueller/sqlstore|
sqlstore
datenbank-system - optimiert für websysteme
sqlstore.de
13|mediamueller/sqlstore|sqlstore
datenbank-system - optimiert fuer websysteme
sqlstore.de
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(14|mediamueller/tmue|
tmue.de
private hompage von thomas müller
tmue.de
14|mediamueller/tmue|tmue.de
private hompage von thomas mueller
tmue.de
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(15|media/photodesign|
photodesign
bei photodesign versteht mediamueller so ziemlich alle themen rund um die fotografie.
- infrarot
- panoramen
- portraits
- landschaft
- hdr
- photomosaik
15|media/photodesign|photodesign
bei photodesign versteht mediamueller so ziemlich alle themen rund um die fotografie.
- infrarot
- panoramen
- portraits
- landschaft
- hdr
- photomosaik
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(16|media/webdesign|
webdesign
vom wort webdesign läßt sich design im web und design für das web also internet ableiten. mediamueller ist seit vielen jahre online und hat den wandel von vielen html-dialekten durchlebt. derzeit scheint sich für vieles im sinne standardisierung bei den browser zu verbessern: selbst microsoft hat es seit dem ie-9 (internet-explorer 9) endlich geschafft gängige webstandards zu beachten. damit wird es für diejenigen die designvorgaben auch umsetzen wollen oder müssen zunehmend einfacher, oder erst möglich dieses ohne absurden extra aufwand zu realisieren.
16|media/webdesign|webdesign
vom wort webdesign laesst sich design im web und design fuer das web also internet ableiten. mediamueller ist seit vielen jahre online und hat den wandel von vielen html-dialekten durchlebt. derzeit scheint sich fuer vieles im sinne standardisierung bei den browser zu verbessern: selbst microsoft hat es seit dem ie-9 (internet-explorer 9) endlich geschafft gaengige webstandards zu beachten. damit wird es fuer diejenigen die designvorgaben auch umsetzen wollen oder muessen zunehmend einfacher, oder erst moeglich dieses ohne absurden extra aufwand zu realisieren.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(17|media/navigationskonzepte|
navigationskonzepte
auf basis von ungeordneten ul/li/a - listen navigationsstrukturen unter zuhilfenahme von css verschiedene erzeugen.
gängig sind folgende anordnungen
- klassischer aufbau: navigation links / rechts
- anordnung als tab-reiter
- aufklapp-menu
- horizontal in mehrenen ebenen als seitenüberschrift mit hintergrundbild
neben der darstellung spielt auch das verhalten beim anklicken eine rolle:
bei der baumartigen struktur gibt es neben der variante bei der alle unterpunkte immer aufgeklappt sind auch die varianten bei denen nur der jeweils angeklickte bereich aufgeklappt ist.
17|media/navigationskonzepte|navigationskonzepte
auf basis von ungeordneten ul/li/a - listen navigationsstrukturen unter zuhilfenahme von css verschiedene erzeugen.
gaengig sind folgende anordnungen
- klassischer aufbau: navigation links / rechts
- anordnung als tab-reiter
- aufklapp-menu
- horizontal in mehrenen ebenen als seitenueberschrift mit hintergrundbild
neben der darstellung spielt auch das verhalten beim anklicken eine rolle:
bei der baumartigen struktur gibt es neben der variante bei der alle unterpunkte immer aufgeklappt sind auch die varianten bei denen nur der jeweils angeklickte bereich aufgeklappt ist.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(18|mediamueller/konfiguration|
system konfiguration
18|mediamueller/konfiguration|system konfiguration
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(19|development/css/vignetierung|
vignetierung simulieren
zum präsentieren von fotos geeignet
19|development/css/vignetierung|vignetierung simulieren
zum praesentieren von fotos geeignet
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(20|development/css/voll-vignetiert|
vollständig vignetiert
20|development/css/voll-vignetiert|vollstaendig vignetiert
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(21|development/in-arbeit|
aktuelle themen
hier werden themen gebündelt, welche sich derzeit in entwicklung befinden.
diese seiten sowei alle unterseiten hiervon haben den status ungetestet und dienen nur als experimentierplattform - also vorsicht.
21|development/in-arbeit|aktuelle themen
hier werden themen gebuendelt, welche sich derzeit in entwicklung befinden.
diese seiten sowei alle unterseiten hiervon haben den status ungetestet und dienen nur als experimentierplattform - also vorsicht.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(22|development/css3|
css 3
nützliche neue css-3 selektoren
beispiele:
tbody tr:nth-child(-n+6) /* die ersten sechs zeilen einer tabelle */
tbody tr:nth-last-child(-n+2) /* die letzten beiden zeilen einer html tabelle */
22|development/css3|css 3
nuetzliche neue css-3 selektoren
beispiele:
tbody tr:nth-child(-n+6) /* die ersten sechs zeilen einer tabelle */
tbody tr:nth-last-child(-n+2) /* die letzten beiden zeilen einer html tabelle */
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(23|mediamueller/konfiguration/einstellungen|
einstellungen
23|mediamueller/konfiguration/einstellungen|einstellungen
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(24|mediamueller/konfiguration/benutzerverwaltung|
benutzerverwaltung
24|mediamueller/konfiguration/benutzerverwaltung|benutzerverwaltung
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(25|mediamueller/design-pages|
design pages
seiten mit gutem design oder interessanten konzepten
nclud.com: navigation: linke seite mit vier links, welche dann als teilcontent jeweils drei "carousell"-bilder zeigen
matthewlein.com/experiments: coole css3 experimente
jrphotography: photo site template
themeforest: photolux-photography-portfolio
themeforest: creativestable.com (pferdeseite)
login-template: mandylane
25|mediamueller/design-pages|design pages
seiten mit gutem design oder interessanten konzepten
nclud.com: navigation: linke seite mit vier links, welche dann als teilcontent jeweils drei "carousell"-bilder zeigen
matthewlein.com/experiments: coole css3 experimente
jrphotography: photo site template
themeforest: photolux-photography-portfolio
themeforest: creativestable.com (pferdeseite)
login-template: mandylane
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(26|media/webdesign/typografie|
typography
h1 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h2 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h3 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h4 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h5 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h6 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
ordered lists
- lorem ipsum dolor sit amet
- cconsectetur adipisicing elit sed
- tempor incididunt ut labore
- lorem ipsum dolor sit amet
- cconsectetur adipisicing elit sed
- tempor incididunt ut labore
- lorem ipsum dolor sit amet
- cconsectetur adipisicing elit sed
- tempor incididunt ut labore
unordered lists
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
paragraph with images
donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada. adipiscing elit.
maurisfetun duis ultricies pharetra magna. unean auctor wisi eturna. aliquam erat volutpat.
adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada dipiscing elit maurise
orcdonec umet lorem doloronsec tetuer malesuada. sed ipsum neque, lobortis quis mollis quis, mattis et diam. ut hendrerit euismod tortor quis convallis.
ut ac dolor sed lectus ultricies dignissim. nullam sit amet metus et diam pellentesque faucibus.
phasellus vel velit eget tellus lobortis consequat. suspendisse felis dui, suscipit euismod laoreet sed,
suscipit vitae nulla.
donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada. adipiscing elit.
maurisfetun duis ultricies pharetra magna. unean auctor wisi eturna. aliquam erat volutpat.
adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada dipiscing elit maurise
orcdonec umet lorem doloronsec tetuer malesuada. sed ipsum neque, lobortis quis mollis quis, mattis et diam. ut hendrerit euismod tortor quis convallis.
ut ac dolor sed lectus ultricies dignissim. nullam sit amet metus et diam pellentesque faucibus.
phasellus vel velit eget tellus lobortis consequat. suspendisse felis dui, suscipit euismod laoreet sed,
suscipit vitae nulla.
pullquotes
donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon.
adipiscing elit maurise pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada.
udipiscing elit mauris sifermentum. tellus dolor, dapibus eget, elementum. unean auctor wisi eturna.
aliquam erat volutpat. duis turpis. integer rutrum ante eu lacus consectetuer.
unean auctor wisi eturna. aliquam erat volutpat. duis turpis. donec accumsan malesuada orci.
integer rutrum ante acus consect etuer. adipiscing elit. maurisfetun duis ultricies pharetra magna.
tellus dolor, dapibus eget, elementum. unean auctor wisi eturna. aliquam erat volutpat. duis turpis.
integer rutrum ante eu lacus consectetuer.
adipiscing elit. maurisfetun duis ultricies pharetra magna. donec accumsan malesuada orci. donec amet eros.
lorem ipsum dolor amet. consectetuer adipiscing elit. mauris fermentum dictum magna. unean auctor wisi eturna. aliquam erat volutpat.
unean auctor wisi eturna aliq erat volutpat. integer rutrum ante eu lacus consectetuer.
adipiscing elit. maurisfetun duis ultricies pharetra magna donec accumsan malada orci. donec amet eros.
lorem ipsum dolor consectetuer adipisc mauris ultricies pharetra magna. maurisfetun duis ultricies pharetra magna.
donec accumsan malesuada orci. donec amet eros.
unean auctor wisi eturna aliq erat volutpat. integer rutrum ante eu lacus consectetuer.
adipiscing elit. maurisfetun duis ultricies pharetra magna donec accumsan malada orci. donec amet eros.
lorem ipsum dolor consectetuer adipisc mauris ultricies pharetra magna. maurisfetun duis ultricies pharetra magna.
donec accumsan malesuada orci. donec amet eros.
26|media/webdesign/typografie|typography
h1 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h2 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h3 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h4 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h5 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
h6 lorem ipsum dolor sit amet
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit
ordered lists
- lorem ipsum dolor sit amet
- cconsectetur adipisicing elit sed
- tempor incididunt ut labore
- lorem ipsum dolor sit amet
- cconsectetur adipisicing elit sed
- tempor incididunt ut labore
- lorem ipsum dolor sit amet
- cconsectetur adipisicing elit sed
- tempor incididunt ut labore
unordered lists
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- lorem ipsum dolor sit amet, consectetur.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
- duis vitae nunc quis enim venenatis.
paragraph with images
donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada. adipiscing elit.
maurisfetun duis ultricies pharetra magna. unean auctor wisi eturna. aliquam erat volutpat.
adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada dipiscing elit maurise
orcdonec umet lorem doloronsec tetuer malesuada. sed ipsum neque, lobortis quis mollis quis, mattis et diam. ut hendrerit euismod tortor quis convallis.
ut ac dolor sed lectus ultricies dignissim. nullam sit amet metus et diam pellentesque faucibus.
phasellus vel velit eget tellus lobortis consequat. suspendisse felis dui, suscipit euismod laoreet sed,
suscipit vitae nulla.
donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada. adipiscing elit.
maurisfetun duis ultricies pharetra magna. unean auctor wisi eturna. aliquam erat volutpat.
adipiscing elit maurise
pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada dipiscing elit maurise
orcdonec umet lorem doloronsec tetuer malesuada. sed ipsum neque, lobortis quis mollis quis, mattis et diam. ut hendrerit euismod tortor quis convallis.
ut ac dolor sed lectus ultricies dignissim. nullam sit amet metus et diam pellentesque faucibus.
phasellus vel velit eget tellus lobortis consequat. suspendisse felis dui, suscipit euismod laoreet sed,
suscipit vitae nulla.
pullquotes
donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon.
adipiscing elit maurise pharetra magna accumsan. malesuada orcdonec umet lorem doloronsec tetuer malesuada.
udipiscing elit mauris sifermentum. tellus dolor, dapibus eget, elementum. unean auctor wisi eturna.
aliquam erat volutpat. duis turpis. integer rutrum ante eu lacus consectetuer.
unean auctor wisi eturna. aliquam erat volutpat. duis turpis. donec accumsan malesuada orci.
integer rutrum ante acus consect etuer. adipiscing elit. maurisfetun duis ultricies pharetra magna.
tellus dolor, dapibus eget, elementum. unean auctor wisi eturna. aliquam erat volutpat. duis turpis.
integer rutrum ante eu lacus consectetuer.
adipiscing elit. maurisfetun duis ultricies pharetra magna. donec accumsan malesuada orci. donec amet eros.
lorem ipsum dolor amet. consectetuer adipiscing elit. mauris fermentum dictum magna. unean auctor wisi eturna. aliquam erat volutpat.
unean auctor wisi eturna aliq erat volutpat. integer rutrum ante eu lacus consectetuer.
adipiscing elit. maurisfetun duis ultricies pharetra magna donec accumsan malada orci. donec amet eros.
lorem ipsum dolor consectetuer adipisc mauris ultricies pharetra magna. maurisfetun duis ultricies pharetra magna.
donec accumsan malesuada orci. donec amet eros.
unean auctor wisi eturna aliq erat volutpat. integer rutrum ante eu lacus consectetuer.
adipiscing elit. maurisfetun duis ultricies pharetra magna donec accumsan malada orci. donec amet eros.
lorem ipsum dolor consectetuer adipisc mauris ultricies pharetra magna. maurisfetun duis ultricies pharetra magna.
donec accumsan malesuada orci. donec amet eros.
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(27|media/webdesign/menu-test|
menu-test
27|media/webdesign/menu-test|menu-test
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(28|development/css3/ueberblendungen|
css 3& 160; überblendungen
28|development/css3/ueberblendungen|css 3 ueberblendungen
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(29|development/css3/vollbild|
vollbild
29|development/css3/vollbild|vollbild
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(30|development/css3/icon-zoom|
icons + zoom
30|development/css3/icon-zoom|icons + zoom
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(31|development/html-5/drag-drop|
drag drop
31|development/html-5/drag-drop|drag drop
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(32|development/webanwendungen/feldbeschriftungen|
anordnung von feldbeschriftungen
ein immer wieder diskutiertes thema
wo ist es am sinnvollsten die beschriftung von formularfeldern anzuordnen?
- über dem feld,
- vor dem feld
wie soll die spaltenaufteilung sein?
- einspaltig,
- zweispaltig,
- vierspaltig
diese testseite gibt hilfestellung zu den fragen: einfach mal ausprobieren...
32|development/webanwendungen/feldbeschriftungen|anordnung von feldbeschriftungen
ein immer wieder diskutiertes thema
wo ist es am sinnvollsten die beschriftung von formularfeldern anzuordnen?
- ueber dem feld,
- vor dem feld
wie soll die spaltenaufteilung sein?
- einspaltig,
- zweispaltig,
- vierspaltig
diese testseite gibt hilfestellung zu den fragen: einfach mal ausprobieren...
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(33|development/html-5|
navigationsunterpunkte:
[=immediatechildmenuitems=]
33|development/html-5|navigationsunterpunkte:
[=immediatechildmenuitems=]
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(34|development/webanwendungen/umfrage-formular/saymercy|
vielen dank
danke für ihre teilnahme an unserer umfrage
34|development/webanwendungen/umfrage-formular/saymercy|vielen dank
danke fuer ihre teilnahme an unserer umfrage
)]
- E_NOT_STRING_NEEDLE[needle=38102;, haystack=(35|development/javascript|
javascript tests
orientation auf smartphones
35|development/javascript|javascript tests
orientation auf smartphones
)]