Beiträge von koslowski

  • Wie kann ich in PS eine Welt als Vektorgrafik erstellen?

    Moin,

    Zitat von bodenseejenny


    Wie findet ihr das? Auch das ist mein erstes mal das ich mir so was gebastelt habe.
    Ich muss den Verlauf im Kopfbereich noch an die komplette Seite anpassen, ich weiß das das so nicht aussieht mit dem Kopf. Mir gehts jetzt hier nur um das erstellte Logo.

    ein paar altbekannte PS-Effekte ergeben leider noch kein vernünftiges Logo.

    Für mich ist das einfach nicht zu Ende gedacht.

    Ein Logo zu entwickeln bedeutet nicht sich ein paar Stunden hinzusetzen, und ein paar Schriftzüge mit PS-Effekten irgendwie cool ausschauen zu lassen.

    Ein Logo entwickeln ist echt viel Arbeit, die sich oft über Wochen hinzieht.

    Ich geb dir mal einen Link wo du dich ein wenig informieren kannst. :)

    Wenn dir Webdesign Spaß macht solltest du dich unbedingt mit den Grundlagen des Grafikdesigns auseinandersetzen.
    Webdesign besteht im Grunde aus zwei Wörtern: Web und Design.

    Viele konzentrieren sich entweder auf das Eine oder das Andere, was ich für einen Fehler halte.

    Schau dir doch mal dieses Buch an.
    Damit wirst du kein Grafikdesigner, aber es kann dir zumindest ein paar Grundlagen nahe bringen.

    edit. Alles was mir runden Sachen zu tun hat ist PS bekanntermassen nicht sonderlich gut.
    Fireworks hat da eindeutig den besseren Berechnungsalgorithmus.

  • Ist mein Layout stabil?

    Hi Grevas,

    Zitat von Grevas

    Ich meinte ja auch die Kolumnen Aufteilung, bei einem Fortlaufenden Text ist das natürlich schwierig.
    Für Dynamische Seiten hast du wohl Recht, ist begrenzt aber durchaus möglich. Man sollte sich trotzdem eine andere Lösung dafür überlegen ;) . Es geht mir letztendlich nur um eine sinnvolle Textgestaltung und kein riesenblock :D

    ja okay, das du für Riesentexte keinen Blocksatz hernimmst, hätte ich mir fast denken können. :)
    (Du ahnst aber nicht wieviel Klappstühle meinen ihre Monstertexte mit Blocksatz gestalten zu müssen, weil es von weitem so schön geschlossen ausschaut. Wahrscheinlich lesen die sich ihre eigenen Texte mit dem Blocksatz nicht mehr durch, sonst wüßten sie wie mühsam das sein kann. :D )

    Meine persönliche Erfahrung mit sinnvoller Textgestaltung ist, das die Laufweite der Zeilen nicht zu groß sein darf.
    Außerdem ist es schön, wenn der Text mit sinnvollen Überschriften und Absätzen durchstrukturiert ist, das ist beim "Seite durchscannen" so angenehm.

  • Ist mein Layout stabil?

    Moin,

    Zitat von bodenseejenny


    Oh... und ich war so stolz auf mein erstes Layout :oops:

    was leider semantisch und SeO-mäßig eine ziemliche Katastrophe ist.

    ich dachte du hast Little Boxes 1 gelesen???

    Ein Menü ist eine Aufzählung von Links und gehören semnatisch in eine ul.

    Wo ist denn deine Hauptüberschrift (h1) ??
    Google kann nicht in Grafiken lesen, deshalb solltest du den Kopf mit einer Image Replacement Technik gestalten.

    Dein grafisches Menü ist ebenfalls äußerst suboptimal.
    Es gibt zwei Fälle von grafischem Menü, einmal Text im HG-Bild, einmal nur HG-Bild
    Ein img hat in einem grafischen Menü nichts zu suchen.

    Bleib erstmal bei festen px-Layouts.
    Das mit dem %-Layout kann bei breiten Bildschirmen übel ausschauen oder wegen der größeren Zeilenweite dann sehr mühsam zu lesen sein.

    Flexibler ist auch z.B. ein em-Layout.

    Little Boxes 1 gibts jetzt auch als kostenlosen Onlinekurs.

    Vielleicht solltest du auch erstmal dann Little Boxes 2 durcharbeiten.

    Du mußt bedenken, du stehst noch am Anfang.
    Das alles zu verstehen ist nicht so leicht und braucht seine Zeit.

    Wenn du z.B. meinen Link zu Image Replacemnet nach Gilder /Levin nicht verstehst, hast du letztlich position:absolute/relative auch nicht verstanden.

    Sei also nicht ungeduldig, kommt alles mit der Zeit. :)

    edit Grevas
    das in der Zeitung ist Blocksatz und der ist fürs Web leider ungeeignet.

    edit. edit. @Jenny du hast auch gefloatet und nicht gecleart.
    Außerdem leidet die Seite an der 18px-Seuche, eine Abart der 12px-Seuche.

  • CSS :before Selektor

    Hi,

    also ich hab das ohne Probleme hingekriegt.

    In einem container hab ich ne verlinkte h3-Überschrift und in der Zeile darunter ein verlinktes Bild:

    HTML
    <h3><a href="http://beispiel.de/">Textlink</a></h3>
<p><a href="beispiel.de/"><img src="grafik.png" width="300" height="225" /></a></p>

    Formatiert hab ich dann so:

    HTML
    h3 a:before  {
    content:"Ein Text davor ";
    font-style:italic;
    color:red;
}

    Das betrifft alle a's die nach einer h3 kommen.

    Wenn du lauter p's hast, dann wickel den Link noch in ein span z.B.

    HTML
    [code=html]
<p><span><a href="http://beispiel.de/">Textlink</a></span></p>
<p><a href="beispiel.de/"><img src="grafik.png" width="300" height="225" /></a></p>

    [/code]

    Dann müßtest du so formatieren:

    HTML
    p span a:before  {
    content:"Ein Text davor ";
    font-style:italic;
    color:red;
}

  • Bilder einbinden

    Hi,

    Zitat von Unregistriert

    wie wäre es mit <div class="bild"><img src="bildname.gif" alt="" /></div>
    .bild {
    width: ???;
    height: ???;
    }
    Halbfertiges Wissen, eher XHTML :)

    Offensichtlich hast du das mit dem vorher reservieren nicht ganz verstanden.

    Strikte Trennung von Markup und Gestaltung ist wichtig.

    Höhe und Breite des Bildes standen aber schon fest, das hat das Bildbearbeitungsprogramm erledigt bevor das Bild auf den Webserver hochgeladen wurde.
    Da muss hinsichtlich der Abmessungen nix mehr gestaltet werden.

    Wenn das Bild per CSS einen Rahmen bekäme oder irgendwie positioniert werden soll, gehören die Formatierungen dazu ins CSS.

    Durch die Angaben von Höhe/Breite im Quelltext reserviert der Browser den Platz schon einmal.
    Die Bilder werden vom Browser so ziemlich als letztes geladen.
    Wenn er also vorher nix reservieren kann besteht die Möglichkeit, das die Website hüpft.

    Jetzt etwas klarer??

  • Bilder einbinden

    Hi,

    Zitat von Unregistriert

    Eins davon stimmt, aber nur alt="". Der Rest ist absoluter Quatsch

    bevor du dein Halbwissen hier so ungefiltert rauströtest, solltest du vielleicht mal kurz innehalten und überlegen, warum man beim img-Tag width/height angeben sollte?????? ;)

    Na, keine Idee?

    Damit der Browser den Platz für die Bilder schon mal im vorhinein reservieren kann, damit es beim Laden nicht immer so plötzliche Sprünge gibt, die vermuten lassen würden, das deine Site in den letzten Zuckungen liegt. :mrgreen:

    Vor allem bei komplexen Sites mit vielen img's sieht das sehr unschön aus. ;)

  • Element a:link macht im externen CSS Probleme! Bitte um Hilfe

    Hi,

    Zitat

    a:visited { color: #cc6666; }

    du hattest da eine 6 vergessen.

    Bei dem Buch ist eine DVD mit den ganzen Beispielen, jeweils in Anfang und fertig getrennt.

    Bei mir ist der unbesuchte Link bei dem Kapitel auf der DVD rot.

    Du hast irgendwo einen unauffälligen Fehler gemacht und findest ihn nicht.
    Ist mir damals auch manchmal so gegangen.
    Ich hab dein mein Geschreibsel mit seinen Dateien verglichen.

    Meist hab ich den Fehler dann mühevoll gefunden.
    Wenn nicht, hab ich dann seine Datei genommen und weitergemacht. ;)

    edit. siehste, Driver sieht hier auch mehr als ich. :lol:

  • Wie binde ich die eine Schrift wie Bauhaus in CSS ein?

    Hi,

    Zitat von firefox5.0

    Oder du verwendest PHP, um das Bild dynamisch zu generieren.
    Dazu suche mal nach imagettf und php in Google.

    der H1-Text sollte doch noch im Quelltext stehen und nicht durch das Bild ersetzt werden, sonst hat Google ja nix zu indexieren.
    Deshalb schiebt man bei Gilder/Levin ja das Bild über den Text.

    Wenn ich das Bild mit PHP generiere ist das doch insgesamt umständlicher, weil die entsprechenden CSS-Formatierungen ja immer noch hinterlegt werden müßten.

    Oder habe ich dich falsch verstanden?

  • Wie binde ich die eine Schrift wie Bauhaus in CSS ein?

    Hi,

    Browser können nur die Schriftart darstellen, die sie intus haben und das sind nicht so viele.
    Deshalb sollte man auch immer eine Auswahl von Schriftarten angeben.

    Statistiken welche Systeme welche Schriftarten intus haben kannst du hier unter font survey results einsehen.

    Wenn es z.B. nur um eine H1-Überschrift geht läßt sich da sicher was mit Image Replacement nach Gilder/Levin machen.
    Da sieht dann die Schrift garantiert überall ziemlich gleich aus. ;)

  • Was nutzt mir das Element Div?

    Moin,

    Zitat von Elvis

    Ich sag nur: besser gleich gute Bücher kaufen. :mrgreen:

    jep, genau. :)

    Allerdings halte ich den Onlinekurs und das Buch des Autors für vollkommen ungeeignet Anfänger die Materie auf verständliche Weise näherzubringen.
    Der Autor schreibt für Akademiker und nicht für normale Leute. ;)

    Wenn ich solche Sprachungetüme lese:

    Zitat

    Design bedeutet folglich nicht einfach nur visuelle, Form- und Materialgestaltung mit dem Ziel, ein ästhetisches Produkt zu entwerfen, sondern hat ein ergonomisches Produkt zum Ziel unter Beachtung der Funktionalität, Gebrauchstauglichkeit und (handwerklichen) Qualität.

    sträuben sich mir die Nackenhaare.
    Da ist man erstmal ne Weile damit beschäftigt den Satz überhaupt zu verstehen.

    Der Autor weiss fachlich von was er redet, kann es sprachlich und didaktisch leider nicht gut rüberbringen.

    Einen guten Onlinekurs gibt es z.B. hier.
    Die Sprache der Autorin ist klar, knapp, sehr präzise und vor allem verständlich.

    Als Buch ist die Little Boxes Reihe gut geeignet.

    Einfach mal von z.B. Little Boxes 1 das dritte Kapitel downloaden und lesen.
    Dann mal das Gleiche des ersten Autors zum Vergleich lesen.

    Da liegen imho doch Welten dazwischen. ;)

  • Was nutzt mir das Element Div?

    Hi,

    ein div ist ein neutrales Blockelement was dazu dient, andere Elemente zusammenzufassen, um sie sinnvoll zu gruppieren.

    Das beim p oben und unten ein Abstand eingefügt wird liegt an den browserinternen Vorformatierungen, die leider nicht bei allen Browsern gleich sind.
    Deshalb macht es Sinn ganz oben in deiner CSS:

    Code
    *  {
   padding:0;
   margin:0;
}

    zu notieren. Alle Abstände für alle Elemente werden so auf null gesetzt und du hast eine einheitliche Grundlage von der aus du die Abstände neu definierst.

    Zeilenumbrüche mit <br /> zu definieren ist relativ selten notwendig und gilt unter gestandenen Webdesignern als Bäh.. ;)
    Dann sollte man lieber einen neuen Textabsatz machen.

  • HTML Seite mit CSS zentrieren

    Moin,

    Zitat von Donkey


    Noch ein Tipp:
    Lass das mit der begrenzten Breite.
    Das ist nur ärgerlich für Leute mit grösseren Bildschirmen.
    Mach lieber ein flexibles Layout ;)

    ärgerlich für Leute mit grösseren Bildschirmen ist vor allen Dingen keine begrenzte Breite.
    Da geht dann die Laufweite der Zeilen gegen unendlich und man hat spätestens nach zwei Zeilen keinen Bock mehr weiterzulesen, weil es zu anstrengend ist. ;)

    Eine gute Usability sollte immer wichtiger sein als eine gute Optik (für Monsterbildschirme).
    Schließlich wollen wird ja Infos von Webseiten lesen und nicht nur ein Bild betrachten, wo rechts und links kein Rand ist.

  • HTML codiertes Zeichen

    Hi,

    Zitat von firefox5.0


    Gibt es ein Zeichen, welches ein kleines "Schlösschen" darstellt?
    Unter Schlösschen meine ich ein Sicherheitsschloss, so ein kleines Ding da, was für Sicherheit steht..

    Es gibt da vier Schriftarten Webdings, Wingdings, Wingdings 2 und Wingdings 3 die vor allem aus solchen Zeichen und Symbolen bestehen.
    Vielleicht ist ja das dabei was du suchst. ;)

  • sinnvoll mehrere Layouts für verschiedene Auflösungen zu erstellen?

    Hi,

    Zitat von NyctalusNoctula

    Das interressiert mich jetzt, wie du das Layout umsetzen möchtest. die Anzeigen werden dynamisch generiert, aber es werden immer gleich viele pro Seite angezeigt. Außerdem haben sie ne feste Höhe und Breite. Das heißt laut deiner Aussage müsste es umsetzbar sein.
    Gib mir doch bitte mal den Code dazu. Das interessiert mich echt.
    https://www.forum-hilfe.de/showpost.php?p=336351&postcount=10 hier siehst du wie sich die seite verhalten soll. Ich glaube allerdings nicht, dass dies möglich ist, da ich schon alles mögliche versucht habe. Dabei ist mein Ansinnen gar nicht mal so kompliziert finde ich.

    ach so, du willst das je nach Bildschirmauflösung und Bildschirmbreite entweder ein oder zwei Anzeigen nebeneinander sind.
    Jetzt kapier ich das erst.

    Ich denke jede Lösung dazu wird nicht zu einem befriedigenden Ergebnis führen.

    Wie es jetzt ist ist es auch übersichtlich. Zwei Anzeigen nebeneinander sind nicht sehr nutzerfreundlich.
    Dann hast du ja praktisch vier Spalten.
    Das wäre mir zum Lesen zu anstrengend.

    Ich denke du hast dich da in irgendwas festgebissen was im Grunde ein Schmarrn ist und jetzt willste nicht mehr loslassen.
    Deshalb auch die Umfrage.
    Du suchst Bestätigung für dein im Grunde ähh...., Unterfangen.


    Zitat von NyctalusNoctula


    IE6 Nutzer gehen mir am Arsch vorbei. Wer immer noch den IE6 bnenutzt, dem gehörts nicht anders, als dass die Seite nicht richtig dargestellt wird.

    Jetzt widersprichst du dir aber selber.

    Du hast doch eben noch das gepostet:

    Zitat

    Ich achte selbstverständich auch auf die von dir genannten Sachen zur Benutzerfreundlichkeit und Barrierefreiheit.

    Dir gehen also 16% aller Nutzer (so hoch ist der IE6-Anteil ca im Moment)
    am Arsch vorbei.

    Das spricht aber nicht gerade für eine besucherfreundliche Einstellung deinerseits.

    Naja, ich seh gerade das bei Kontakt ein Captcha ist.

    Screenreaderuser sind also von der Kontaktaufnahme ausgeschlossen.
    Da gibt es doch längst Lösungen die Behinderten nicht soviel Steine in den Weg legen.

    Ach und jetzt seh ich das dort weder Skiplinks angeboten werden und Skiplinktabs auch nirgends zu entdecken sind.
    Deine Bilder haben auch keine Alternativtexte, falls Grafiken ausgeschaltet sind.

    Erzähl mir doch bitte in Zukunft nicht mehr so einen Unfug:

    Zitat

    Ich achte selbstverständich auch auf die von dir genannten Sachen zur Benutzerfreundlichkeit und Barrierefreiheit.

    Das ist ja wohl erwiesenermaßen falsch, (immer vorausgesetzt das du die Seite gebastelt hast).

    Ich mag es nicht wenn man mir einen Schmarrn erzählt, deshalb verabschiede ich mich mal aus diesem Fred. :neutral: