PDA

Vollständige Version anzeigen : Web-Design wie muss ich verlinken??


Shaiya
05.07.09, 15:50
Hallo zusammen,

ich hoffe dass Ihr mir hier weiter helfen könnt. :nixweiss:
Ich habe mit PS eine HP erstellt und möchte nun in Dreamweaver die Navi verlinken....ABER ich weiss einfach nicht, wie ich das anstellen soll *seufz*

Ich hoffe, dass jemand von euch mir das erklären kann, wie ich nun weiter vorgehen muss

Liebe Grüsse

Soese
05.07.09, 18:42
Bild anklicken -> unter Eigenschaften mit MAP arbeiten

Shaiya
05.07.09, 19:35
wie meinst du das mit Map arbeiten?
Die Buttons kann ich nicht einzelnd anklicken...daher weiss ich ja nicht, wie ich es anstellen soll, dass ich die verlinkung da machen kann :nixweiss:

redcab
05.07.09, 20:11
du meinst wie du den Navi Balken ganz oben so verlinkst das du beim Klick auf zb. BMX auf die entsprechende Seite kommst?

Öffne doch einfach die navi.htm klick auf BMX und gib als Link die BMX.htm ein. Und als Target eben den Mainframe. (sofern es sich um eine Frame Seite handelt)

HeikoAP
05.07.09, 20:14
Hallo, besteht die Navi aus mehreren Einzelbildern oder ist die ganze Navileiste eine Grafik?

Wenn das so ist geht´s nicht. Du musst schon für jeden Link eine Grafik haben. Oder zumindest muss die Schrift auswählbar sein um ihr einen Link zu geben.

Am besten du postest mal eine Link zu der Seite die Du bis jetzt erstellt hast.

Heiko

Shaiya
05.07.09, 21:15
Die Navi besteht aus einzelnen Bildern. Ich habe immer jeweils für "home" "bmx" "rennrad" usw. eine einzelne Grafik erstellt und diese in PS mit eingefügt.

Wie du das mit dem Link meinst, verstehe ich nicht ganz. Denn die Page gibt es noch nicht online.

Das Bild was ich eingefügt hatte, habe ich wie beschrieben komplett in PS erstellt. Und weiss nun nicht wie ich damit in Dreamweaver weiter verfahren muss. :nixweiss:

blindguard
05.07.09, 22:36
also ich hab ja keine ahnung - aber ich würde das ganze erst mal slicen (also auch jeden button für sich) ... aber wie gesagt, ich bin da absolut kein fachmann und lasse mich gerne korrigieren.

tuffenuff
05.07.09, 23:02
Shaiya willst du das ganze mit Frames oder mit PHP lösen?

HeikoAP
05.07.09, 23:03
Die Navi besteht aus einzelnen Bildern. Ich habe immer jeweils für "home" "bmx" "rennrad" usw. eine einzelne Grafik erstellt und diese in PS mit eingefügt.


und diese dann wahrscheinlich alles zusammen gespeichert. Nun ist die ganze Seite in Bild...so funktioniert das nicht.

Wie Blindguard schon geschrieben hat. Du musst Deinen PS-Entwurf dann erstmal in PS slicen. Wenn Du das gemacht hast wie es sein soll hast Du dann viele kleine Grafiken die Du dann in DW mittels css positionierst.

Dann kannst Du auch jeder einzelnen Grafik in Deiner Navi einen Link zuordnen.

Ohne eine Beispiel das schon Online ist kann ich Dir leider nur so helfen.

Ich denke zum Thema Slicen findest Du hier genug Info.

Eine Homepage ist nicht eben zwischen 12 und Mittag erstellt.

Heiko

HeikoAP
05.07.09, 23:04
Shaiya willst du das ganze mit Frames oder mit PHP lösen?

Er weiß nicht wie er einfache Links erstellt und Du fragst Ihn sowas. Frames nimmt heute eh keiner mehr.

Ich denke hier ist erstmal Grundlagenwissen aneignen angesagt.

Heiko

tuffenuff
05.07.09, 23:18
Hm ja, ich stand vor einigen Wochen vor dem gleichen Problem.
Und da wusste ich auch nicht ob ich das mit Frames oder PHP lösen möchte, und da wollte ich auch einfach nur das richtig verlinken. Also "klick" auf nen Link und unten 'nen neuer Inhalt...
Frames sind wirklich ausgestorben, aber vielleicht will er es ja doch damit lösen, weil PHP ja doch ein wenig komplizierter ist (außer man hat sich ein wenig eingearbeitet, dann ist es ganz leicht).
Wenn ich genauer wüsste worauf Shaiya hinaus möchte, könnte ich vllt auch ein wenig helfen, anstatt blöde Fragen zu stellen :D

Shaiya
06.07.09, 08:14
Ich danke euch für eure Antworten :)

Und SIE will es nicht mit Frames machen :whistling denn wie schon erwähnt, arbeitet man heute nicht mehr mit Frames. Dass eine HP nicht von 12 auf Mittag fertig ist, dass weiss ich :)
Slice habe ich noch nie genutzt, aber hmm ich werde mal sehen ob ich das hinbekomme. Habe schon etwas drüber gelesen und so schwer klingt das nicht.
In meinem Fernstudium wird das bis lang leider auch noch nicht erklärt. Allerdings liegt PHP und CSS hinter mir. Aber alles OHNE PS. Mit PS habe ich vorher noch nie eine HP erstellt und daher weiss ich halt nicht, wie es nun weiter geht sollte.

Habe ich es denn richtig verstanden, dass ich die Buttons slice und dann in DW einfüge um sie zu verlinken?

blindguard
06.07.09, 11:24
slicen und dann als html-seite speichern. ps legt dann einen ordner mit allen bildteilen sowie eine html-seite an.

redcab
06.07.09, 13:59
also wenn du willst kann ich dir gern behilflich sein. arbeite seit 7 jahren mit dreamweaver.

und @HeikoAP..

so kannst du eine grafik mit mehren Links hinterlegen...


<img src="images/navileiste.jpg" width="500" height="100" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="5,3,101,46" href="index.php?id=cat1">
<area shape="rect" coords="106,5,209,47" href="index.php?id=cat2">
<area shape="rect" coords="214,4,314,46" href="index.php?id=cat3">
<area shape="rect" coords="319,4,402,46" href="index.php?id=cat4">
<area shape="rect" coords="404,3,495,46" href="index.php?id=cat5">
....
....
</map>

HeikoAP
06.07.09, 19:16
also wenn du willst kann ich dir gern behilflich sein. arbeite seit 7 jahren mit dreamweaver.

und @HeikoAP..

so kannst du eine grafik mit mehren Links hinterlegen...


<img src="images/navileiste.jpg" width="500" height="100" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="5,3,101,46" href="index.php?id=cat1">
<area shape="rect" coords="106,5,209,47" href="index.php?id=cat2">
<area shape="rect" coords="214,4,314,46" href="index.php?id=cat3">
<area shape="rect" coords="319,4,402,46" href="index.php?id=cat4">
<area shape="rect" coords="404,3,495,46" href="index.php?id=cat5">
....
....
</map>


Ok...diese Möglichkeit kannte ich auch noch nicht, aber ich denke für eine Navi lässt sich das wesentlich einfacher lösen.

Heiko

phoenix
09.07.09, 04:00
Nabend Shaiya,
willkommen im Photoshop Cafe.

Spontan würde ich einen DIV für die Navigation erstellen. In diesen DIV packst Du für jeden Link einen <a href> mit dem Linkziel. Per CSS kannst Du nun für jeden Link eine Grösse und ein Hintergrundbild definieren (display:block; nicht vergessen!) oder Du packst in die Links einfach noch einen <img> Tag. Da brauchst Du weder Frames noch Map´s, im Prinzip nicht mal Dreamweaver, nur HTML/CSS ;)

Gruss,
phoenix

Shaiya
11.07.09, 12:55
lieben Dank für eure Hilfe :)

Nur leider konnte ich sie bis lang noch nicht testen :)
Ich bin seid ein paar Tagen dabei meinen PC neu zu machen. Und nun warte ich noch auf meine neue Serial Nummer von Adobe. Nach der Neuinstalation gab es mit meinem kompletten Adobe Paket Probleme. Musste mich nun mit Adobe in verbindung setzen und hoffe drauf, dass die neue Serial dann vielleicht heute kommt *hoff*

@redcab - auf das Angebot deiner Hilfe werde ich gewiss gerne zurück kommen :) nur wie gesagt ich muss erst wieder alles am laufen haben