![]() |
#1
|
|||
|
|||
Auflösung eines Website Layouts
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 |
#2
|
|||
|
|||
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 |
#3
|
||||
|
||||
Mit Photoshop gestaltest du nur das Design.
Den Content machst du nur mit einem Editor. |
#4
|
|||
|
|||
Zitat:
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 |
#5
|
|||
|
|||
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 Geändert von Ylloh (26.01.11 um 11:26 Uhr). |
#6
|
||||
|
||||
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? ![]() |
#7
|
|||
|
|||
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 |
#9
|
|||
|
|||
Hallo ersteinmal Danke für eure Rückmeldung ich werde auf jeden Fall mal das Layout überarbeiten.
Nochmal zurück zu meiner Frage Ich habe mit ImageReady das Layout als HTML Datei abgespeichert. 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? Zitat:
Vielen Dank für den Buchtipp,ich bin gerne bereit mir Lektüre anzuschaffen,hab lieber ein Buch vor mir als den Bildschirm ![]() Vielen Dank |
#10
|
||||
|
||||
Hallo,
wenn Fragen bez. CSS auftauchen kann ich auch noch einen Link beisteuern. http://www.css4you.de/ Meiner Meinung nach sehr verständlich. Heiko |
![]() |
Lesezeichen |
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Auflösung, etc. | dorftrottel | Hilfestellung, Tipps und Tricks | 8 | 12.02.10 20:52 |
Auflösung | micheldeutsch | Hilfestellung, Tipps und Tricks | 4 | 17.05.09 13:35 |
Auflösung | Steffen | Hilfestellung, Tipps und Tricks | 11 | 25.10.08 11:11 |
Erläuterung des Layouts | Termiwtb | Hilfestellung, Tipps und Tricks | 21 | 24.08.08 20:32 |
Hilfe gesucht: Layouts erstellen | HellBurn | Hilfestellung, Tipps und Tricks | 5 | 25.10.07 16:43 |