Vollständige Version anzeigen : Web-Design Photoshop Layout und nun?
Hallo,
Ich bin seit wenigen Monaten dabei mit Hilfe von Photoshop und Imageready Websiten zu erstellen oder besser gesagt das Layout der Websites.
Nun höre ich immer sehr viel von HTML und CSS mit denen sich gute Websites erstellen lassen.
Ist es möglich das Photoshop Layout in ein Programm importieren zu lassen und Inhalt und Verfeinerung des Layout durch HTML und CSS hinzuzufügen?
Ich hoffe ihr versteht was für ein Programm ich suche,ich kann es im Moment nicht besser erklären :whistling
Falls ich im falschen Unterforum bin,bitte ich einen Mod darum mich zu verschieben.
Danke schön und einen schönen Sonntag
drehstuhl
dorftrottel
27.12.09, 15:00
Hallo drehstuhl,
um ein Bild in einem sogenannten Editor zu öffnen und zu bearbeiten musst du dein Layout nur als .html abspeichern.
Gehe dazu auf "Für Web und Geräte speichern", dann alles einstellen, dann speichern wählen, dann wird angezeigt, wo du es hinspeichern willst. Dort musst du unten, unter dem Dateinamen, das Drop-Down Menu aufrufen.
Nun noch auf, ich glaube "HTML und Bilder" gehen und fertig.
Um dann den HTML und CSS Code machen zu können brauchst du wie schon gesagt, einen Editor.
Adobe hat einen hauseigenen namens Dreamweaver.
Ansonsten gibt es noch einen sehr gute Freeware namens NVU.
Hoffe habe alles beantwortet, bei Fragen -> fragen.
Hi,
ja das hat mir schon sehr geholfen,die von dir beschriebenen Funktionen sind mir vertraut und habe ich schon mal genutzt um mir mein Layout in meinem Browser anzuschauen.
Vielen Dank Dorftrottel =)
Eduardo Da Vinci
28.12.09, 02:22
Gab es in CS3 Imageready ?
Nein gibt es eigentlich nicht...:nixweiss:
dorftrottel
28.12.09, 11:09
nein, aber in CS2 glaube ich und dann habe ich mal irgendwo gelesen, dass man IR von dort aus weiter verwenden kann in CS3.
Sonst habe ich das falsch verstanden.
Hi,
ich habe CS2 verwendet,in meinem Profil steht noch CS3(dies durfte ich in Kanada aufgrund meiner Highschool benutzen),zurück in Deutschland musste ich wieder zurück auf CS2^^
Wieviel Zeit und Aufwand benötigt es denn bei euch so, ein PSD Design in eine funktionsfähige Homepage zu verwandeln? Und wie kompliziert ist das?
Naja..rechne es um wenn man für eine anständige Homepage vom Profi so um die 4000€ bezahlt ;)
Naja wenn du dich 30 Tage reinhängst holst du dir die Testversion vom Dreamweaver und bastelst da deine Homepage zusammen.
Spätere anpassungen gehen auch so.
Wenn du es komplett per Hand machen willst empfehle ich dir diese Seite
http://de.selfhtml.org/
Wenn es komplizierter wird musst du dich aber eher richtung PHP bewegen und nicht html.
Was du noch machen könntest ist du setzt dir ein fertiges CMS hin. Joomla oder Wordpress was du dir wünscht
und passt dort ein fertiges Layout auf dein Design an da kommst du schneller vorran.
Weil wieso ein neues CMS schreiben wenn es schon fertige gibt.
Funktionsfähige Homepage muß ja nicht gleich CMS bedeuten; das wäre mit Kanonen auf Spatzen geschossen.
Ich habe schon versucht, die Templates von Wordpress anzupassen und mußte ziemlich knobeln, obwohl ich recht vertraut bin mit CSS.
Stellt sich immer die Frage, wofür die Page genutzt werden soll. Sollen da z.B. auch Bilder gezeigt werden, ist Wordpress schnell am Ende und eher die Image Galleries gefragt, von denen es ja auch einige kostenlos gibt.
CSS braucht ein wenig an Einarbeitung, dann ist es aber ein mächtiges Werkzeug, mit dem sich sehr viel anfangen läßt... und das Design kann ja jederzeit mitgenommen und portiert werden, wenn die Wünsche, Vorstellungen und Anforderungen an die HP steigen ;)
Jop da hast du recht man müsste mal wissen was die Page können soll.
Das klingt komplizierter als ich dachte. Aber danke für die Antwort, ich werde mir mal meine Gedanken dazu machen.
webtom und wenn du guten code schreiben willst ist es noch vieeeeel komplizierter.
das hatte ich schon fast befürchtet ;)
Was sind denn deine anforderungen für diese Page?
Wie soll diese aussehen? vl hast du ja eine Referenzseite wie deine in etwa aussehen soll.
Es gibt nämlich sicher im Netz eine kleine Vorlage einer Homepage die
deine Anforderungen erfüllt und die du individuell anpassen kannst.
Am Ende installiert er dann ein Wordpress in 5 min und ist damit auch ganz glücklich ;)
Wer Wordpress in 5 min. installieren kann, hat richtig Ahnung und vermutlich nen Rootserver. Bei mir dauert es schon länger allein die Dateien auf den Server zu bringen :bleh:
Bei mir hat´s so lange gedauert. Damit machen die ja Werbung das es so schnell geht. Natürlich hast du Recht, man brauch schon ne domain oder irgendeinen Webspace. Und die MySQL Sachen sind auch nicht das allerleichteste wenn man sich damit nicht auskennt, aber alles in allem geht das seehr schnell und ist seeehr anpassbar.
Na ja, auch da habe ich meine Erfahrungen. Es hat mich zwei Tage und netto etwa 12 Stunden gekostet, ehe ich meinen Blog (http://blog.torzlang.de/) soweit hatte, daß mir das Design gefallen hat und dem entsprach, was ich fertig im Kopf hatte ;)
.... und mittlerweile ist es über ein Jahr her, daß ich da was geschrieben habe :whistling
Haha, kann ich mir vorstellen. Mach das ja auch freiberuflich nebenbei ein bisschen und hab den Blog einer Freundin gemacht, die hatte soviele Logo Änderungswünsche das es eewig gedauert hat. Lady-blog.de oder sowas.
Naja, wenn der threadersteller fragen hat, kann er sie ja gerne hier im board stellen.
Ich habe es z.b. mit Joomla gemacht .
Hatte angefangen mit HTML und CSS und wollte mir eine Seite damit selber erstellen besser gesagt hatte ich damit und Dreamwaver eine fertig ,doch muß ich ehrlich gestehen das mir das mit HTML/CSS etwas zu aufwendig war da ich davon null ahnung habe genauso wie von Photoshop.
Hatte mir auch gleich mal drei Bücher gekauft welche sich mit HTML und CSS beschäftigen ,aber irgendwie fehlt mir da die gedult zu um das von der picke auf gescheit hin zu bekommen .
Habe dann ein passendes Template von Joomla genommen welches im grunde das schon macht was ich habe wollte (Body Fix so das nur der Content usw sich beim Scrolen bewegt).
Nun habe ich halt den Hintergrund durch eine eigene Grafik ersetzt und werd jetzt Textfarbe und ein paar kleinigkeiten ändern .
Auf jeden fall habe ich das grundgerüst jetzt so wie ich es haben möchte .
Was ich bei Joomla auch nicht schlecht finde ist das man sachen wie Besucherzähler usw alles bekommt .
Nun kann ich parallel dazu weiter mein Verständniss zu HTML/CSS/php versuchen zu intensivieren um dann mal irgendwann so weit zu sein mir eine "Eigene" HP zu erstellen oder halt mal ein eigenes Template für Joomla selber zu erstellen ob.
Ich find es klasse .
Ich find Joomla gut :)
Gruß Andreas
Hallo Andreas,
ich kann Dir nur wärmstens YAML ans Herz legen, wenn Du eine gute in vielen Browsern schön angezeigte Homepage bauen möchtest. Da gibt es auch Entsprechende Sachen zu Joomla und Typo3.
Ich baue gerade eine schöne Homepage mit YAML und bin nach einiger Einarbeitungszeit absolut begeistert, wie schnell man mit der Zeit Anpassungen vornehmen kann.
Gruß
Heike
Hallo Heike,
klingt für mich interessant, weil ich einst mal fit in HTML und CSS war, aber inzwischen mangels intensiver Anwendung vieles wieder vergessen habe.
Ich will mein bisheriges Layout dringend neu überabeiten und lege viel Wert auf Barrierefreiheit.
Allerdings muss ich mich dort erstmal in Ruhe durchlesen, denn momentan checke ich noch nicht so ganz, was dieses YAML eigentlich tut. ;)
Liebe Grüße
Saruna
Liebe Saruna,
tja damit beschäftigen musst Du Dich auf jeden Fall, denn ein YAML-Layout, das individuell angepasst werden muss, setzt schon gewisse Grundkenntnisse ind CSS und HTML voraus. Wenn Du Dir die Seite ansiehst, dann wirst Du noch einen Assistenten finden, der Dir die Arbeit ein wenig erleichtert.
Im Prinzip ist in YAML alles vorbereitet, so dass Du mit Deinen individuellen Änderungen relativ schnell zu einer schönen und stabilen mit CSS gestalteten Seite kommst. Wichtig ist, dass Du immer wieder testest, ob das in allen Browsern passt, denn schon kleine Fehler beim HTML oder CSS lassen natürlich manche Browser beim Lesen verzweifeln ;).
Aber wenn Du die Struktur mal verstanden hast, dann ist das sicher eine gute Sache. Ich war wirklich froh, als ich mein YAML-Buch entdeckt habe, denn diese Browserfehler, auf die man bei einem CSS Design achten muss lassen einem schon graue Haare wachsen.
Es lohnt sich auf jeden Fall :)
Gruß
Heike
Hallo liebe Heike,
da hab ich ja was vor mir mit dem Lesen. ;) Habe heute schon mal ein bissl durchgeschnüffelt auf den Seiten und mir alles Mögliche heruntergeladen. Ich finde den Tipp heiß und kann mir schon vorstellen, dass Yaml was für mich sein könnte. Dank Selfhtml kann ich ja immer mal schnell nach den jeweiligen Codes schauen.
Apropos Browser-Nervereien: Mich hat damals eigentlich immer nur dieser IE den letzten Nerv geraubt. Bislang habe ich immer mit dem guten alten Phase 5 gewerkelt und mich prima daran gewöhnt. Allerdings habe ich sehr viele Seiten inzwischen, und das heißt trotz zentraler CSS doch jede Menge Umgemodel.
Ich denke auch an später und eine schnellere Layout-Veränderung mit Yaml. Na mal schauen. Derzeit habe ich gerade einige Lernprojekte am Laufen - daher werde ich noch ein bisschen waren müssen, ehe ich mich hierum kümmern kann. Ich will am liebsten immer mehrgleisig fahren, aber das klappt nicht mehr so gut wie früher. ;)
Noch einen schönen Abend wünsche ich.
Liebe Grüße
Saruna
Auch immer wieder praktisch: Der YAML-Builder (http://builder.yaml.de/#)
Gruß
intelli
vBulletin® v3.8.7, Copyright ©2000-2024, Jelsoft Enterprises Ltd.