website designen

D3athhunt3r

New member
Hi leute wollte mal fragen wenn ich in Photoshop ein Design mache wie kann ich das design dann umprogrammieren bzw. zu einer html seite um zu bauen? Schaffe es zwar das design zu machen aber halt keine html seite draus zu machen!

bitte um hilfe!

greetz
D3athhunt3r
 
Dazu musst du dein Gesamtbild vorzugsweise zerschneiden in mehrere Einzelteile, dazu bräuchtest du allerdings Erfahrung mit HTML. Tutorials gibts viele im Internet zum Beispiel [ ] , das ganze wird dann auf Tabellenbasis programmiert.

Alternativ kannst du dir das kostenlose Programm [ ] von Macromedia als Shareware herunterladen, wo du dann ein HTML Dokument erstellen kannst, eine Tabelle anlegen kannst und die Teilbilder per Drag&Drop einfügen kannst. Ich empfehle dir dringend einige zumindest fortgeschrittene HTML kenntnisse, weil man auch mit DV oft per Code nachbessern muss.

Wenns garnicht klappt meld dich unter ICQ 239938993 oder MSN: [email protected] ich kann dir zur Not behilflich sein.
 
Nen kleiner Tipp:
... wenn du 'ne .psd erstellst, dann erstell sie in der Größe 1003 * 800, denn die Standart-Auflösung liegt immerhin noch bei 1024 * 768, und 21 Pixel ist der Scrollbalken und der Rahmen vom Browser breit 🙂
 
Du nimmst mir schonwieder meine Arbeit weg!!
Aber ich glaub, wenn ich das richtig schreibe ist es besser als per PS oder ImageReady zu slicen....
Mal sehen was er sagt.
 
Naja es würde zwar schneller gehen, aber naja mach dues machen, aber du hast nur gesagt, wenn er es gar net peilt, aber so mitm slicen geht das schnell! Aber mach du das ich habe damit kein Problem
 
Das Problem ist, das man beim slicen nicht immer das bekommt, was man auch will...
Vielleicht will er da noch nen php script oder so drüber haben....
 
Der Images Slice ist großer Müll! Zur Aufklärung: Man macht keine Homepage mit HTML das HTML eine Dokumentsprache ist. Zum "programieren" eienr Website benötigt man also eine "Programiersprach" und, welche ist es?? CSS 🙂 Also Lern Css und xHTML und dann schneidest du dein Design (Das was wirklich Bild sein muss) aus und den rest codest du mit CSS!
CSS:
xHTML:

Mfg Verm.
 
Ich glaube ich kenne mich zu genüge mit HTML, XHTML und CSS aus und weiß auch, dass HTML KEINE programmiersprache ist!!!!
Das nur am Rand 🙂

und CSS heißt ja schließlich Cascading Style Sheet und damit allein kann man auch keine Seite machen.

Auf eine Antwort des Verfassers würde ich mich freuen 🙂
 
KeKs schrieb:
... CSS heißt ja schließlich Cascading Style Sheet und damit allein kann man auch keine Seite machen

Wenn du dich da mal nicht täuscht! .. Mann kann sehr wohl einzig via CSS ein Design erstellen und dieses ist auch 1000 mal Benutzerfreundlicher als eine reine HTML Seite.. ewt. solltest du dein Wissen über Webbasierende Formatsprachen noch etwas auffrischen bevor du sachen schreibst von denen du keine Ahnung hast. ( Ist meine Meinung da du sowas schreibst, ok? Keinen Aufstand machen)

Ich kann dazu nur sagen das es auch noch andere Leute gibt die soetwas wie eine Bajerefreiheit benötigen und für diese ist es ein muss das man die Präsents in CSS Formatiert!

Fals du noch keine Infos darüber hast, guckst du hier :

Zum Thema Slicen:

Via Photoshop ist das Slicen eine Feine sache, Jedoch darf man um Himmelswillen nicht die .html nehmen die er in dem Verzeichniss speichert, Grund:

Elemente sind nicht Dynamisch und BG's sind nicht als sollche gespeichtert. Ansonsten solltet ihr für Web speichern und darauf achten das nicht alle Menschen DSL haben, Faustregel ist: 1 Seite an Exatbilder ( Bilder die ausserhalb des Content in das Design verbaut sind ) sollten max. 80 -130 Kb groß sein, hört sich wenig an ist aber notwendig. Ihr könnt ja mal eine Professionalle Seite besuchen und die Bilder zählen. Soviel dazu...

Wenn mehr Infos benötig werden: Googlet mal nach " Slice Tutorials + Webseite" und ihr werdet genug finden!

Hoffe ich könnte euch das ein wenig näher bringen
 
OKOK ich habe mich geirrt, was CSS angeht, aber fakt ist, dass ich einige Erfahrungen mit HTML hab und nicht gleich als noob hingestellt werden will.

Und das mit dem Slicen stimmt, wenn man das als index nehmen will, muss man es erst modifizieren, da die Bildgrößen und anderes teilweise nicht immer stimmen. Außerdem werden die Seitenhintergründe sehr ladezeitenintensiv ausgelegt (sprich sie haben große Abmessungen und beanspruchen mehr ladezeit).
Also wenn du (Deathhunter) ne index willst, dann am besten selbstgemacht.
 
HAb ich nicht, hab micha uhc nicht auf dich bezogen wollte nur nicht, dass hier falsches weitegegeben wird. Und man macht auch Homepages nicht mit TAbles oder Divs, was ich aber nie hinbekomme 😀

Verm.
 
Seiten aus Tabellenstruktur sind veraltet und dafür wurden die tabellen nicht entworfen. Heutzutage soll man schon barrierearm und validen Code scripten.

PS: CSS ist keine Programmiersprache, damit gestaltet man @ Vermilion 😉


Compiler
 
Layouten ohne Tabellen ->

Siehe da, wird alles schön erklärt.

Probier es mal Lokal aus, funtzt wunderbar mit bisschen Übung.

MfG
Compiler
 
so leute hab jetzt mal ne psd datei bzw. ein design fertig ! wie fang ich jetzt an? also html grundkenntnisse hab ich auch nur ewig her wo ich sowas ma gemacht hab!
 
acti0n schrieb:
Mit welchem Tool kann man denn am Besten mit CSS und xHTML coden?

Hallo,

ich würde mal sagen mit seinem Kopf und seinen Fähigkeit das setzt natürlich das lernen vorraus. Aber T00Lz gibt es meines wissens auch. Da zum beispiel zu Empfehlen ist Dreamweaver was man sich ja mal testweise von der Macromedia Page runterladen kann.

Greetz BitNik
 
Ach das geht alles!
Wobei DW keine CSS Layouts macht.
Allerdings besteht die Mehrheit der Seiten eh aus Tabellen also lass ich das mal außen vor.

Links----------------------------------------------------------
  • MAcromedia Dreamweaver:
 
Ich weiß nicht was an Tabellen so schlimm ist!
Man kann ganz bequem sein Layout zusammenbasteln und die Bilder kann man ja trotzdem noch komprimieren! Also ich finde der Rest ist eher Spielerei.
 

Online-Statistiken

Zurzeit aktive Mitglieder
1
Zurzeit aktive Gäste
39
Besucher gesamt
40

Beliebte Forum-Themen

Zurück
Oben Unten