Auflösung eines Website Layouts

[drehstuhl]

Hallo,
ersteinmal wünsche ich euch ein erfolgreiches und gutes Jahr 2010

Ich bin leider noch Anfänger auf dem Gebiet der Webgestaltung,deshalb werde ich euch in der Zukunft mit ein paar Fragen belästigen

Ich bin im Moment am gestalten eines Website Layout in Photoshop,ich benutzt die gängige Auflösung von 1024x768. Wenn ich mir meine Arbeit im Webbroweser Firefox anschaue finde ich das die Website immer sehr "klobig" und groß erscheint.

Welche Auflösung wird denn empfohlen und kann man diese nachträglich noch in Photoshop ändern?

Meine 2. Frage wär,was man nachträglich noch mit einem HTML-Editor an dem Photoshop Layout ändern kann?
Also man kann ja Texte und Bilder auch sehr gut mit Photoshop einbinden.

Wo genau liegt der Vorteil,der nachträglichen Bearbeitung mit HTML.

Vielen Dank schonmal und ich hoffe ihr konntet ein wenig meine Fragen verstehen

Schönen 1.Januar im neuem Jahr

drehstuhl

[panazoom]

wenn Du mit einer Breite von 1004 px arbeitest und diese zentrierst, machst Du eigentlich nichts falsch, dann sieht das auch noch auf großen Monitoren mit einer größeren Auflösung gut aus. Wenn Deine Homepage klobig wirkst, liegt das an Deinem Design. Da passen z. B. die Farben nicht zueinander, das können viele Punkte sein, die da mitspielen.

Zum 2. Punkt
Man kann alles nachträglich ändern, Willst Du Bildbearbeitung machen oder willst Du ne Website bauen oder wie kommst Du drauf, dass Du Texte mit Photoshop machen kannst?
Google kann diese Bilder dann nicht lesen und das bringt Dir relativ wenig, wenn Du Texte als Bilder reinstellst.
Am besten wäre es, Du, würdest es uns mal zeigen, dann kann man bessere Ansätze machen, anstatt herumzuraten, ohne zu wissen über was man spricht.

Mit Photoshop bereitest Du vor, damit Du Dir einen besseren Eindruck verschaffen kannst, wie Deine Website nachher fertig aussieht, mit html setzt Du das Ganze um, was Du in Photoshop designed hast.

Olaf

[drehstuhl]

Zitat von panazoom

Zum 2. Punkt
Man kann alles nachträglich ändern, Willst Du Bildbearbeitung machen oder willst Du ne Website bauen oder wie kommst Du drauf, dass Du Texte mit Photoshop machen kannst?
Google kann diese Bilder dann nicht lesen und das bringt Dir relativ wenig, wenn Du Texte als Bilder reinstellst.
Am besten wäre es, Du, würdest es uns mal zeigen, dann kann man bessere Ansätze machen, anstatt herumzuraten, ohne zu wissen über was man spricht.

Mit Photoshop bereitest Du vor, damit Du Dir einen besseren Eindruck verschaffen kannst, wie Deine Website nachher fertig aussieht, mit html setzt Du das Ganze um, was Du in Photoshop designed hast.

Olaf

Hi also ich wollte eigentlich mit Photoshop und ImageReady eine Website erstellen.

Ich dachte mit ImageReady lass ich mir mein Website Layout als HTML generieren und verfeiner den Code mit HTML und CSS.

Hier mal nen Beispiel
http://paid4guthaben.de/Hannes/Hannes-Website.html#

Was genau bedeutet Content(Inhalt?)?

Vielen Dank für eure Auflklärung

[dorftrottel]

Mit Photoshop gestaltest du nur das Design.

Den Content machst du nur mit einem Editor.

[panazoom]

Hallo drehstuhl,

ist doch gar nicht mal so schlecht für den Anfang. Du hast allerdings Rec ht, dass einen das Ding erschlägt. Nun gut es sind alles recht dunke Farben, ich würde an Deiner Stelle mal versuchen die Fläche in der Mitte mit ner anderen Farbe zu gestalten, ein leichter Pastellton, der nicht so wuchtig wirkt schafft hier schon Abhilfe.
Gefällt Dir die Schriftart für die Navigation wirklich? Die solltest Du heutzutage mit Hilfe von css gestalten und diese Schriftart hat nicht jedermann auf seiner Festplatte. Da nimmt man idialerweise ne trebuchet oder verdana oder ähnliches.
Wenn Du mich jetzt frägst was das mit dem css ist, da empfehle ich Dir folgendes Training, dass auch für Anfänger, die sich nicht mit html auskennen, sehr gut ist:
Little Boxes Teil 1 als Videotraining mit Buch
Wow!
Es gibt schon eine ganze Menge an deutschsprachigen CSS-Büchern, aber das ist hier ist das beste für den/die Ein- und Umsteiger/in!
Es ist kurz und knapp gehalten (knapp 160 Seiten Inhalt), lässt aber nichts Wichtiges aus.
Es ist leicht verständlich geschrieben und vor allem macht es Spaß, es zu lesen!
Wer CSS lernen will und das beste Buch dazu sucht:
Dies ist es!
Bevor Du anfängst ist dieses Buch hervorragend:
Little Boxes Teil 0: Was Sie wissen sollten, bevor Sie eine Website bauen
Der Autor erklärt in verständlichen Sätzen, welche Gedanken man sich machen sollte, bevor man sich an die eigene Website traut. Vieles liegt eigentlich nah, bekommt aber durch die gute Einführung ein System. Man erkennt auch als Anfänger plötzlich Zusammenhänge und es wird bewusst, wie systematisch und strukturiert man eine Website aufbauen könnte, wenn man Peter Müllers Tipps befolgt. Und wie man Fehler vermeidet. Das größte Lob jedoch für den Mut, Begriffe und Abkürzungen zu erklären, die man sich kaum zu fragen traut, weil viele dies als selbstverständlich voraussetzen.

Olaf

[dorftrottel]

Zitat von panazoom

Gefällt Dir die Schriftart für die Navigation wirklich? Die solltest Du heutzutage mit Hilfe von css gestalten und diese Schriftart hat nicht jedermann auf seiner Festplatte.

Aber wenn er die Navi bereits in Photoshop gemacht hat, wird sie ja als jpg abgespeichert, kann sie dann nicht jeder anschauen?

[drehstuhl]

Zitat von dorftrottel

Aber wenn er die Navi bereits in Photoshop gemacht hat, wird sie ja als jpg abgespeichert, kann sie dann nicht jeder anschauen?

Hi also ich habe meinen Freund jetzt testen lassen er hat die Schrift nicht auf dem Pc und kann den Tex sehen,also ich denke das wird kein Problem sein.

Könnt ihr vielleicht nochmal auf meine Fragen in meinem letztem Post eingehen?

Danke schööön

[panazoom]

Zitat von drehstuhl

Hi also ich habe meinen Freund jetzt testen lassen er hat die Schrift nicht auf dem Pc und kann den Tex sehen,also ich denke das wird kein Problem sein.

Klar sieht er die Schrift richtig, da es ja als Bild hinterlegt ist. Sinn und Zweck von css mit html ist aber, dass man Bilder vermeidet, sie nur als sich wiederholdenden Inhalt anlegt, so dass die Bilder recht klein sind und keine großen Ladezeiten haben. Google kann die Bilder auch nicht wie einen Mensch sehen und somit wenig damit anfangen, besser wäre es, wenn hier ein Text steht, der muss aber eine Schriftart haben, die jeder auf der Festplatte hat, sonst sieht die Schrift auf jedem Rechner anders aus, je nachdem, welche Schriftarten sich auf Platte befinden.

Könnte ich jetzt nicht die HTML Datei in einem Editor wie Nvu öffnen und mit HTML und CSS noch daran feilen bzw. die Seite mit Inhalt füllen?

Die Frage ist schon längst beantwortet, allerdings zäumst Du das Pferd von hinten auf. Zuerst mal sollte das Grundgerüst stehen, wenn das fertig ist, kannst Du Dich um den Inhalt kümmern.
Wie gesagt, ich würde mir erst mal die Little Boxes Bücher antun, damit hast Du einen Grundstock und weist, was Du tust. Webdesign lernt man nicht von heute auf morgen, dazu ist es zu umfangreich und mit schnell, schnell fällt Mann schnell auf die Nase.

Ein Beispiel. Meine erste Website hat ca. 400 Stunden in Anspruch genommen. Sie ist heute nicht mehr aktuell, andere Leute empfinden sie teilweise als langweilig, aber das ist mir egal.
Gelernt habe ich damals mit selfhtml (Link weiter oben) und damit habe ich mir die Basis geschaffen, um die Auftragsarbeiten heute erledigen zu können.

Olaf

[dorftrottel]

Ich denke auch, dass du die Mitte mit einer anderen Farbe gestalten solltest.

Ich denke da an einen Creme Ton. So zB. #f9e389.
Er passt jetzt vielleicht nicht perfekt, aber ich finde ihn besser.


@panazoom: hast du auch ein gutes Buch für einen Anfänger in html?

[panazoom]

Zitat von dorftrottel

@panazoom: hast du auch ein gutes Buch für einen Anfänger in html?

Die gleichen Bücher wie oben genannt. Die Verbindung heutzutage von css mit html ist enorm wichtig, rein mit html ohne css wirst Du nicht glücklich,

SELFHTML 8.1.2 - Die bekannte Dokumentation zu HTML, JavaScript und CGI/Perl - Tutorial und Referenz, mit etlichen Zusatztips zu Design, Grafik, ... selfhtml.
Unbedingt zu empfehlen, dazu kostenlos, wenn man nicht weiterweiss, hier mal reinschauen. Mit dieser Seite habe ich damals mein Handwerk gelernt.

Olaf