Also ich soll für einen freund ein ganz simples Homepage Design erstellen
angefangen mit einer einfachen Startseite die so aussehen soll:
man soll als Besucher halt auf das AVOID und das MUSIC klicken können
dadurch gelangt man dann halt zu den eigentlichen Seiten
jetzt weis ich aber nicht wie ich das in html umsetzen soll, weil das MUSIC und AVOID ja zum Logo gehören und ich vorhatte das ganze einfach als Bild einzufügen xD
hättet ihr ideen wie man das machen könnte?
meine zweite frage wäre wie ich das AV "dreckiger" bekommen könnte, sodass es zum gesamtbild passt
mir gehen grad die ideen aus
http://azrail922.deviantart.com/
This post has been edited 1 time(s), it was last edited by AzRalL: 20.12.2010 15:43.
ich bin zwar echt kein Profi in Sachen Webdesign, aber ich erinner mich noch an unsere Schulausbildung...schneid das Bild doch entsprechend zu und fügs dann mittels Tabelle auf der Website wieder zusammen...
oder nutz imagemaps, aber kA ob das noch aktuell is, das liegt für mich schon paar Jahre zurück
GP SQUAD
GIFTS
^thx ali
^vex-master vexatious
^thx .pxl
^danke an Lexo
^danke Koinsi-Man
This post has been edited 1 time(s), it was last edited by Maq: 20.12.2010 16:14.
Original von Abwedler
ich bin zwar echt kein Profi in Sachen Webdesign, aber ich erinner mich noch an unsere Schulausbildung...schneid das Bild doch entsprechend zu und fügs dann mittels Tabelle auf der Website wieder zusammen...
oder nutz imagemaps, aber kA ob das noch aktuell is, das liegt für mich schon paar Jahre zurück
das problem dabei ist halt das die beiden wörter dann nicht an der selben stelle stehen würden!?
die wären dann wahrscheinlich irgendwo weiter unten
und das will ich ja gerade nicht ^^
Registration Date: 20.05.2010
Posts: 149
Location: Hamburg
Program: Photoshop 5 und was noch so kommen wird
Öffne deine Grafik in Photoshop oder Fireworks..... oder Dremaweaver
Für Photoshop: Benutze dann das "slicewerkzeug" (findet man im Feld der Werkzeugpalette beim Freistellwerkzeug). Wähle dann deinen Grafischen ausschnitt... bei dir das Avoid Music mit dem Slicewerkzeug. Wenn Du die Maustaste losgelassen hast sollten sich 5 slices bilden (ähnlich wie ein tabellenaufbau in html).
In dem Slice deiner Wahl klickst du doppelt rauf (wichtig: das werkzeug muss noch aktiv sein) und es öffnet sich ein Fenster. Dort trägst Du deine Wunsch URL ein und benennst das ziel (target) als "self".
Danach für "web und Geräte speichern" - gif, png oder jpg wählen - und dann die OPTIMIERTE VERSION speichern im FORMAT html und Bilder.
..................
Für Fireworks: einfach den Punkt HOTSPOT wählen im Werkzeugfenster.
..................
Registration Date: 20.05.2010
Posts: 149
Location: Hamburg
Program: Photoshop 5 und was noch so kommen wird
selbst wenn.... erkläre es doch so das es auch ein anfänger versteht wie der thread ersteller - wenn man etwas nachdenkt kann man als erfahrener erahnen was du andeuten wolltest.
#edit:
zur 2.en frage - nimm einen anderen farbton für das logo.... das s/w fängt an zu flimmern wenn man will, nimm mal einen leichten touch grau dazu.... wenn es och scnuddeliger werden soll ziehe ich coole splatter-grunge brushes vor... auch in dezenten bis kräftigen grautönen. Musst halt viel spielen und radieren... deckkraft abändern etc
This post has been edited 1 time(s), it was last edited by Sockenschuss: 20.12.2010 18:36.
Für Photoshop: Benutze dann das "slicewerkzeug" (findet man im Feld der Werkzeugpalette beim Freistellwerkzeug). Wähle dann deinen Grafischen ausschnitt... bei dir das Avoid Music mit dem Slicewerkzeug. Wenn Du die Maustaste losgelassen hast sollten sich 5 slices bilden (ähnlich wie ein tabellenaufbau in html).
In dem Slice deiner Wahl klickst du doppelt rauf (wichtig: das werkzeug muss noch aktiv sein) und es öffnet sich ein Fenster. Dort trägst Du deine Wunsch URL ein und benennst das ziel (target) als "self".
Danach für "web und Geräte speichern" - gif, png oder jpg wählen - und dann die OPTIMIERTE VERSION speichern im FORMAT html und Bilder.
..................
Für Fireworks: einfach den Punkt HOTSPOT wählen im Werkzeugfenster.
..................
Für DW: Einfach mal den HOTSPOT nehmen
....viel Spaß
super erklärt
bin jetzt schon wesentlich weiter ^^
man kann die beiden wörter nun anklicken ;D
das einzige was ich noch irgendwie hinkriegen muss ist die größe des ganzen
also das es sich immer an die auflösung anpasst...
jetzt heißt es html wieder zu lernen
http://azrail922.deviantart.com/
This post has been edited 1 time(s), it was last edited by AzRalL: 20.12.2010 19:56.
als tip: die tabelle zentrieren und dem BG nen farbton verpassen... möglichst einen der auch im logo zu finden ist
na endlich hinbekommen
nach über einer stunde kopfzerbrechen fällt mir das mit der tabelle zentrieren ein xD
also bei meiner auflösung (1280 x 1024) passt alles perfekt (man muss nicht scrollen oder so)
jedoch wenn ich die auflösung runtersetze auf 1024 x 768 zb. ist es wieder zu groß und man muss ne weile runterscrollen um alles zu sehen
jetzt hab ich grad keine ahnung was ich tun soll damit sich die größe anpasst je nach auflösung
hab das problem auch schon gegoogelt aber irgendwie will ich das nicht so ganz verstehen
sockenschuss du hast mir das davor auch schon gut erklärt mit dem slicen^^
hättest du vllt. ne idee wie ich das machen könnte das die größe sich automatisch der auflösung anpasst?
Registration Date: 20.05.2010
Posts: 149
Location: Hamburg
Program: Photoshop 5 und was noch so kommen wird
Eigentlich hast Du dir deine frage schon selbst beantwortet
Ideen gibt es viele... optimal ist keine sag ich mal pauschal, es sein einer postet DIE Lösung.
Die die ich kenne sind's auf alle fälle nicht.... mit javaS und html geht was aber es muss zwanghaft skaliert werden... und pixel mögen keine skalierung ab format.
Ich kürz das mal ab:
Stell dir 2 Fragen... - wer schaut das und auf welcher monitorauflösung?
Standart wird heute die auflösund 1024x768 sein. Von daher solltest du die intrografik auf 1000x7hundertund bearbeiten (du musst den browserrand abziehen).
Jeder User der unter der auflösung von 1024 schaut wird ewas srollen müssen, aber das wird ein geringer anteil sein. Bei einer grafik von 800x und hat sich das aber auch erledigt.
Nach oben ist dann keine grenze gesetzt und es bleibt auch anschaulich!
bedenke wenn jetzt deine 1024 grafik auf 1900 skaliert wird.... nur weil ein geier die auflösung hat... sieht bestimmt nicht sehr einladend aus, eine niedrigere aber auch nicht.
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
^danke an Lexo 
^danke Koinsi-Man
20.12.2010 