Gegen Bilderklau - Das Original | Druckvorschau: [Tutorial] Imagemap-Design in Frontpage coden

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Archive (https://www.gegen-bilderklau.net/board.php?boardid=73)
--- Archiv (https://www.gegen-bilderklau.net/board.php?boardid=62)
---- Alte Tutorials (https://www.gegen-bilderklau.net/board.php?boardid=64)
----- [Tutorial] Imagemap-Design in Frontpage coden (https://www.gegen-bilderklau.net/thread.php?threadid=36077)

Geschrieben von Lauri am 22.10.2005 um 14:01:

[Tutorial] Imagemap-Design in Frontpage coden

Imagemap coden in Frontpage
Ich habe mir sehr viel Mühe [*gg*] gegeben diesen Tut zu schreiben. Hoffentlich gibt es ihn noch nicht. Ich hab gesucht^^
Wer es auf seine Homepage kopiert kann sich schon mal einen Grabstein aussuchen *hrhr*
Naja, fangen wir mal an.

Zuerst brauchen wir ein Desi. Ich habe dieses ausgewält:

Dann machst du Frontpage auf und öffnest das Desi über ‚Bild aus URL öffnen’.

Dann klickst du einmal auf das Desi und dann erscheint unten eine Leiste:

Dann wählst du eine der ‚Hotspotmarkierer’ aus und ziehst es um einen der Schriftzüge. Anschließend erscheint so ein Hyperlinkviech. Dann gibst du da die Adresse der Seite ein und Klickst auf das Symbol des Zielframes [siehe Screen]. Dort gibst du dann den Namen ein, den dann später dein Mainframe bekommt [zB main, mainframe, frame1 ect.]

Wenn du alle fertig hast speicherst du die Seite unter irgendeinem Namen [zB XY, Imagemapcode ect.] Anschließend erscheint ein Fenster, in dem du das Bild speichern kannst. UNBEDINGT SPEICHERN!

Dann codest du den Frame/die Frames in dem sich die Textseiten öffnen sollen.
Dafür empfehle ich den ‚Design in Paint coden’-Tut von Ladüüü Hier ist der Tut...x)

Dann machst du deinen Imagemapcode im Editor auf und kopierst alles was im Bodybereich ist [erkennst du am <body> und </body>]
Das fügst du beim Designcode ein. Der Code von deinem Frame kommt in den Headbereich [siehe Screen]
Nach dem Bodybereich kommt noch einmal </html> und fertig ist dein Code!

Hoffentlich versteht ihr es...x)
Sonst könnt ihr hier im Thread nachfragen oder mich per ICQ kontaktieren Augenzwinkern

Hier ist eine kleine Beispielseite^^
Viel Spaß mit dem Tut!

Geschrieben von ilovehorses am 27.10.2005 um 20:59:

gut erklährt,
nur habe ich ein Problem die HP anzumelden.
Könntest du mir helfen?
Ich war mal bei oyla,
da konnte ich noch kein HTML,
aber jetz möchte ich einen Schritt weiter gehen,
und professionell werden.
Nur komme ich nicht wirklich mit arcor klar (HP-Center)!
Geht es kostenlos da?
Bitte helf mir,
das währe echt nett!

LG MB, Isa

P.S.: Wir können uns auch per PN weiterunterhalten!

Geschrieben von Lauri am 28.10.2005 um 14:26:

Passt irgendwie nicht wirklich zum Thema. ->PN oder ICQ

Geschrieben von katho am 31.07.2006 um 16:46:

toll erklärt!
nur eine frage hätte ich:

<Dann machst du deinen Imagemapcode im Editor auf und kopierst alles was im Bodybereich ist [erkennst du am <body> und </body>]
Das fügst du beim Designcode ein.>

soweit alles klar

<Der Code von deinem Frame kommt in den Headbereich [siehe Screen]>

welcher code kommt in den headbereich? der von frontpage oder der von paint?

lg
katho

EDIT: schon klar, das von frontpage gehört zwishcen <head> und </head>!! Freude

Geschrieben von Pöni am 09.08.2006 um 10:32:

Hi du...

also ich hab das jetzt mal probiert.

muss ich bei allen Seiten "main" eingeben?
http://home.arcor.de/darklauri/zeigher/schritt3.jpg

Geschrieben von .Happy am 09.08.2006 um 10:44:

Zitat:

Original von Pöni
Hi du...

also ich hab das jetzt mal probiert.

muss ich bei allen Seiten "main" eingeben?
http://home.arcor.de/darklauri/zeigher/schritt3.jpg

Ja musst du außer du hast noch ein Untermenü oder so weil du ja die Seite dort angezeigt haben willst.

@Lauri: Echt super erklärt kapiere es jetzt endlich. xD

Geschrieben von Pöni am 09.08.2006 um 11:04:

juhuu ich habs geschafft xDD
echt toll erklärt, vielen lieben dank smile

edit: bei mir öffnen sich die seiten in einem neuen fenster. was muss ich dagegen tun?

Geschrieben von Lauri am 09.08.2006 um 12:15:

RE: [Tutorial] Imagemap-Design in Frontpage coden

Zitat:

Original von Lauri
Dann wählst du eine der ‚Hotspotmarkierer’ aus und ziehst es um einen der Schriftzüge. Anschließend erscheint so ein Hyperlinkviech. Dann gibst du da die Adresse der Seite ein und Klickst auf das Symbol des Zielframes [siehe Screen]. Dort gibst du dann den Namen ein, den dann später dein Mainframe bekommt [zB main, mainframe, frame1 ect.]

Also du musst den Framenamen eingeben, den du beim Coden benutzt hast also wenn du im code stehen hast <....name=bla...>, dann muss dein Frame auch 'bla' heißen.

Edit: Ist ja grauselig xD
Ich mach bald mal ein paar neue Screens.

Geschrieben von ponykids am 09.08.2006 um 12:47:

Hey, wo downloade ich Frontpage ? +microsofthpguckengeh+

PonyKids

Geschrieben von Pöni am 09.08.2006 um 13:09:

dieses shice frontpage...

sobald ich auf "vorschau" klicke, wandelts mir alles irgendwie um und dann stimmts nicht mehr... also zumindest gehen die links nicht...
kann mir wer helfen?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<html>
<head>
<title>DaHo Photos</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://home.arcor.de/daho-photos/designimagemap.jpg">


<div id="Layer1" style="position: absolute;  left: 235px; top: 145px;">
  <iframe src="http://home.arcor.de/daho-photos/homeseite.htm" name="main" width="545" height="448" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>


<body>
<map name="FPMap0">
<area href="http://home.arcor.de/daho-photos/homesite.htm" target="main" shape="rect" coords="266, 73, 312, 88">
<area href="http://home.arcor.de/daho-photos/kontaktseite.htm" target="main" shape="rect" coords="317, 74, 378, 88">
<area href="http://home.arcor.de/daho-photos/galerieseite001.htm" target="main" shape="rect" coords="382, 75, 442, 88">
<area href="http://home.arcor.de/daho-photos/angebotseite.htm" target="main" shape="rect" coords="445, 76, 541, 88">
<area href="http://549541.guestbook.onetwomax.de/?vd=1209" target="main" shape="rect" coords="548, 74, 623, 88">
<area href="http://home.arcor.de/daho-photos/linksseite.htm" target="main" shape="rect" coords="628, 75, 674, 88">
</body>

</html>

Geschrieben von Lauri am 09.08.2006 um 20:28:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<html>
<head>
<title>DaHo Photos</title>
<div id="Layer1" style="position: absolute;  left: 235px; top: 145px;">
  <iframe src="http://home.arcor.de/daho-photos/homeseite.htm" name="main" width="545" height="448" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>
</head>

<body>
<map name="FPMap0">
<area href="http://home.arcor.de/daho-photos/homesite.htm" target="main" shape="rect" coords="266, 73, 312, 88">
<area href="http://home.arcor.de/daho-photos/kontaktseite.htm" target="main" shape="rect" coords="317, 74, 378, 88">
<area href="http://home.arcor.de/daho-photos/galerieseite001.htm" target="main" shape="rect" coords="382, 75, 442, 88">
<area href="http://home.arcor.de/daho-photos/angebotseite.htm" target="main" shape="rect" coords="445, 76, 541, 88">
<area href="http://549541.guestbook.onetwomax.de/?vd=1209" target="main" shape="rect" coords="548, 74, 623, 88">
<area href="http://home.arcor.de/daho-photos/linksseite.htm" target="main" shape="rect" coords="628, 75, 674, 88">
</map>
<img border="0" src="http://home.arcor.de/daho-photos/designimagemap.jpg" usemap="#FPMap0" width="768" height="515">
</body>
</html>

Probiers mal so.
Hab jetzt erstmal das berichtigt, was mir aufgefallen ist.

Geschrieben von ponykids am 09.08.2006 um 21:10:

Zitat:

Original von ponykids
Hey, wo downloade ich Frontpage ? +microsofthpguckengeh+

PonyKids

Hallöle ? Kann mir jemand da bittö helfen ??

Geschrieben von Lauri am 09.08.2006 um 21:28:

Frontpage ist ein kostenpflichtiges Programm.

Downloaden wär illegal, also lieber lassen.
Eine Freewareversion davon gibt es meines Wissens noch nicht.

Geschrieben von Knuddel am 09.08.2006 um 22:04:

Frontpage ist ein programm von Microsoft - also gibt es keine freewareversionen - es sei denn du machst es illegal.- Was ich die nicht raten würde.

Am besten du schasut mal deinen Pc durch, wenn du Word/excel/Power oint hast, wirst du auch Frontpage haben, da du dann eventuell eine "pack" hast, - das bedeutet das am Anfang auf deinem pc Microsoft installiert wurde, dass mehrer programme beinhaltet als nur Word!

Geschrieben von ponykids am 10.08.2006 um 09:27:

großes Grinsen

Ich guck noch mal, hab aber gestern schon geguckt... Kann man dass den auch im Phase 5 HTML-Editor machen ?

Geschrieben von Pöni am 10.08.2006 um 12:11:

Zitat:

Original von Lauri

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<html>
<head>
<title>DaHo Photos</title>
<div id="Layer1" style="position: absolute;  left: 235px; top: 145px;">
  <iframe src="http://home.arcor.de/daho-photos/homeseite.htm" name="main" width="545" height="448" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>
</head>

<body>
<map name="FPMap0">
<area href="http://home.arcor.de/daho-photos/homesite.htm" target="main" shape="rect" coords="266, 73, 312, 88">
<area href="http://home.arcor.de/daho-photos/kontaktseite.htm" target="main" shape="rect" coords="317, 74, 378, 88">
<area href="http://home.arcor.de/daho-photos/galerieseite001.htm" target="main" shape="rect" coords="382, 75, 442, 88">
<area href="http://home.arcor.de/daho-photos/angebotseite.htm" target="main" shape="rect" coords="445, 76, 541, 88">
<area href="http://549541.guestbook.onetwomax.de/?vd=1209" target="main" shape="rect" coords="548, 74, 623, 88">
<area href="http://home.arcor.de/daho-photos/linksseite.htm" target="main" shape="rect" coords="628, 75, 674, 88">
</map>
<img border="0" src="http://home.arcor.de/daho-photos/designimagemap.jpg" usemap="#FPMap0" width="768" height="515">
</body>
</html>

Probiers mal so.
Hab jetzt erstmal das berichtigt, was mir aufgefallen ist.

hey, vielen dank! jetzt gehts smile