[Tutorial] Imagemap-Design in Frontpage coden

Lauri
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!
ilovehorses
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!
Lauri
Passt irgendwie nicht wirklich zum Thema. ->PN oder ICQ
katho
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
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
.Happy
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
Pöni
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?
Lauri
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.
ponykids
Hey, wo downloade ich Frontpage ? +microsofthpguckengeh+



PonyKids
Pöni
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>

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.
ponykids
Zitat:
Original von ponykids
Hey, wo downloade ich Frontpage ? +microsofthpguckengeh+



PonyKids




Hallöle ? Kann mir jemand da bittö helfen ??
Lauri
Frontpage ist ein kostenpflichtiges Programm.

Downloaden wär illegal, also lieber lassen.
Eine Freewareversion davon gibt es meines Wissens noch nicht.
Knuddel
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!
ponykids
großes Grinsen Ich guck noch mal, hab aber gestern schon geguckt... Kann man dass den auch im Phase 5 HTML-Editor machen ?
Pöni
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
Anouk
vielen dank für das tolle tutorial lauri, ist alles sehr gut erklärt!
hat auch auf anhieb geklappt smile
Lauri
Frontpage 2000 hab ich...
Eigentich müsste es klappen, stell doch mal deinen Code rein Augenzwinkern
Kekskrümel
I wie gehen meine Links net^^ Kannst du mir vllt helfen?

Edit: Ok habs i wie doch geschafft Augenzwinkern
kleine-Araberstute
Bei mir kommt da keine Leiste - nada...unglücklich