Gegen Bilderklau - Das Original | Alte Tutorials | [Tutorial] Imagemap-Design in Frontpage coden

Gegen Bilderklau - Das Original » Archive » Archiv » Alte Tutorials » [Tutorial] Imagemap-Design in Frontpage coden

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | Thema zu Favoriten hinzufügen

Seiten (2): [1] 2 nächste »

[Tutorial] Imagemap-Design in Frontpage coden

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Lauri

herzchenaugen()

Dabei seit: 21.05.2005
Beiträge: 5.603
Herkunft: Essen
Name: Laura

[Tutorial] Imagemap-Design in Frontpage coden

Zitatantwort auf diesen Beitrag erstellen

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!

__________________

Holzhacken ist deshalb so beliebt, weil man bei dieser Tätigkeit den Erfolg sofort sieht.
Albert Einstein.

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Lauri: 28.10.2005 14:28.

22.10.2005 14:01

Nehmen Sie Lauri in Ihre Freundesliste auf

ilovehorses ilovehorses ist weiblich

Isa

Dabei seit: 15.04.2005
Beiträge: 464
Herkunft: Köln

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!

__________________

Sorry, dass ich nicht mehr so oft hier bin, muss viel lernen, mich um mein Pferd kümmern und habe ja auch noch Freunde Augenzwinkern

Da bleibt nicht mehr so viel Zeit für GB, aber ich strenge mich an, das noch hinzubekommen Augenzwinkern

Luv Ya, Fiffi

* *

27.10.2005 20:59

Nehmen Sie ilovehorses in Ihre Freundesliste auf

MSN Passport-Profil von ilovehorses anzeigen

Lauri

herzchenaugen()

Dabei seit: 21.05.2005
Beiträge: 5.603
Herkunft: Essen
Name: Laura

Themenstarter Thema begonnen von Lauri

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

__________________

Holzhacken ist deshalb so beliebt, weil man bei dieser Tätigkeit den Erfolg sofort sieht.
Albert Einstein.

28.10.2005 14:26

katho

stolze DRP-Besitzerin =)

Dabei seit: 04.02.2006
Beiträge: 1.433
Herkunft: Oberösterreich
Name: Katharina

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

__________________

[HAFIFIEBER] [TIERTHREAD] [FJORDIFIEBER]

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von katho: 31.07.2006 17:03.

31.07.2006 16:46

Nehmen Sie katho in Ihre Freundesliste auf

Pöni

Träumerin

Dabei seit: 12.02.2005
Beiträge: 2.431

Hi du...

also ich hab das jetzt mal probiert.

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

__________________

09.08.2006 10:32

Nehmen Sie Pöni in Ihre Freundesliste auf

.Happy .Happy ist weiblich

ehemals Jennylein

Dabei seit: 05.03.2005
Beiträge: 7.362

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

__________________

Danke an lightbright.

09.08.2006 10:44

Nehmen Sie .Happy in Ihre Freundesliste auf

Pöni

Träumerin

Dabei seit: 12.02.2005
Beiträge: 2.431

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?

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Pöni: 09.08.2006 11:11.

09.08.2006 11:04

Lauri

herzchenaugen()

Dabei seit: 21.05.2005
Beiträge: 5.603
Herkunft: Essen
Name: Laura

Themenstarter Thema begonnen von Lauri

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.

__________________

Holzhacken ist deshalb so beliebt, weil man bei dieser Tätigkeit den Erfolg sofort sieht.
Albert Einstein.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Lauri: 09.08.2006 12:16.

09.08.2006 12:15

ponykids ponykids ist weiblich

+Crazy Girl+

Dabei seit: 20.06.2006
Beiträge: 1.047

Hey, wo downloade ich Frontpage ? +microsofthpguckengeh+

PonyKids

__________________

Meine Homepages:
TS Morgentau (umgezogen zu ohost.de)
Gut Summerdreams-Zu 5 % fertig
PS LuckyStrike

09.08.2006 12:47

Nehmen Sie ponykids in Ihre Freundesliste auf

MSN Passport-Profil von ponykids anzeigen

Pöni

Träumerin

Dabei seit: 12.02.2005
Beiträge: 2.431

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>

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Pöni: 09.08.2006 13:10.

09.08.2006 13:09

Lauri

herzchenaugen()

Dabei seit: 21.05.2005
Beiträge: 5.603
Herkunft: Essen
Name: Laura

Themenstarter Thema begonnen 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.

__________________

Holzhacken ist deshalb so beliebt, weil man bei dieser Tätigkeit den Erfolg sofort sieht.
Albert Einstein.

09.08.2006 20:28

ponykids ponykids ist weiblich

+Crazy Girl+

Dabei seit: 20.06.2006
Beiträge: 1.047

Zitat:

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

PonyKids

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

__________________

Meine Homepages:
TS Morgentau (umgezogen zu ohost.de)
Gut Summerdreams-Zu 5 % fertig
PS LuckyStrike

09.08.2006 21:10

Lauri

herzchenaugen()

Dabei seit: 21.05.2005
Beiträge: 5.603
Herkunft: Essen
Name: Laura

Themenstarter Thema begonnen von Lauri

Frontpage ist ein kostenpflichtiges Programm.

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

__________________

Holzhacken ist deshalb so beliebt, weil man bei dieser Tätigkeit den Erfolg sofort sieht.
Albert Einstein.

09.08.2006 21:28

Knuddel Knuddel ist weiblich

Ich werde dich nie vergessen <3

Dabei seit: 05.03.2005
Beiträge: 1.738
Herkunft: bw^^

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!

__________________

A L L E S geht irgendwann einmal zu Ende,
ich wusste es.
- Doch wollte es nicht wahrhaben.
Unsere 'Trennung' war für mich die Beednung meinen Traumes,
der in meinen Gedanken jedoch nie aufhören wird.
Liebe Grüße an Angel05, almanya, ...

09.08.2006 22:04

Nehmen Sie Knuddel in Ihre Freundesliste auf

MSN Passport-Profil von Knuddel anzeigen

ponykids ponykids ist weiblich

+Crazy Girl+

Dabei seit: 20.06.2006
Beiträge: 1.047

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

__________________

Meine Homepages:
TS Morgentau (umgezogen zu ohost.de)
Gut Summerdreams-Zu 5 % fertig
PS LuckyStrike

10.08.2006 09:27

Pöni

Träumerin

Dabei seit: 12.02.2005
Beiträge: 2.431

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

__________________

10.08.2006 12:11