Photoshop-Tutorials.nl - Photoshop Forum
Van Photoshoppers Voor Photoshoppers
! Googlemap plaatsen op website met Dreamweaver CS3 !
Moderators: Gloomy, Walter, Mittch
7 berichten • Pagina 1 van de 1
! Googlemap plaatsen op website met Dreamweaver CS3 !
door JohanJoost op do dec 10, 2009 12:59
Hoe kan ik een googlemap in een website plaatsen met behulp van Dreamweaver CS3? Ik heb de handleiding van Google wel gezien, maar deze zegt niet hoe ik de html-tekst van Google kan plaatsen in Dreamweaver. Moet ik een hotspot plaatsen op een foto die betrekking heeft op de link naar de Googlemap?
- JohanJoost
- Berichten: 19
- Geregistreerd op: zo nov 15, 2009 18:14
Re: ! Googlemap plaatsen op website met Dreamweaver CS3 !
door Gloomy op do dec 10, 2009 13:41
het werkt met de embed tag.
als eerste zal ik je aanraden even de basis van html te leren.
is vrij eenvoudig. duurt zon 2 uurtjes.
dan weet je direct hoe je hem aan kan passen etc.
als eerste zal ik je aanraden even de basis van html te leren.
is vrij eenvoudig. duurt zon 2 uurtjes.
dan weet je direct hoe je hem aan kan passen etc.
- Gloomy
- Berichten: 2188
- Geregistreerd op: ma feb 25, 2008 10:32
Re: ! Googlemap plaatsen op website met Dreamweaver CS3 !
door JohanJoost op ma dec 14, 2009 22:51
Nu ben ik bezig geweest om een Googlemap via een embedded tag met DW CS3 in de website plaatsen. Tijdens de preview krijg ik de volgende foutmelding: Bestand niet gevonden
* Controleer de bestandsnaam op grote/kleine letters of andere typefouten.
* Controleer of het bestand is verplaatst, hernoemd of verwijderd.
De code in deze pagina staat hieronder. De privacygegevens heb ik verwijderd of gemaskeerd. Wat is nu de fout?
- Code: Selecteer alles
Firefox kan het bestand op /C:/Documents and Settings/Administrator/Mijn documenten/DoduDAC/Design/Websites/Administratiekantoor_Langedijk_Obdam/<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.603421,6.976318&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.603421,6.976318&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small> niet vinden.
* Controleer de bestandsnaam op grote/kleine letters of andere typefouten.
* Controleer of het bestand is verplaatst, hernoemd of verwijderd.
De code in deze pagina staat hieronder. De privacygegevens heb ik verwijderd of gemaskeerd. Wat is nu de fout?
- Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bedrijf</title>
<link href="bedrijf.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:531px;
top:201px;
width:253px;
height:237px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:82px;
top:201px;
width:391px;
height:429px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:314px;
top:663px;
width:75px;
height:23px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:514px;
top:172px;
width:154px;
height:149px;
z-index:1;
}
#apDiv5 {
position:absolute;
left:428px;
top:199px;
width:27px;
height:27px;
z-index:2;
}
#apDiv6 {
position:absolute;
left:342px;
top:201px;
width:47px;
height:36px;
z-index:2;
}
#apDiv7 {
position:absolute;
left:385px;
top:197px;
width:153px;
height:137px;
z-index:2;
}
#apDiv8 {
position:absolute;
left:417px;
top:202px;
width:131px;
height:127px;
z-index:1;
}
#apDiv9 {
position:absolute;
left:352px;
top:181px;
width:56px;
height:72px;
z-index:2;
}
#apDiv10 {
position:absolute;
left:573px;
top:176px;
width:234px;
height:210px;
z-index:1;
}
#apDiv11 {
position:absolute;
left:494px;
top:166px;
width:1242px;
height:864px;
z-index:1;
}
#apDiv12 {
position:absolute;
left:344px;
top:159px;
width:57px;
height:55px;
z-index:2;
}
#apDiv13 {
position:absolute;
left:472px;
top:156px;
width:246px;
height:223px;
z-index:1;
}
-->
</style>
<meta name="Keywords" content="contact, administratiekantoor, Administratiekantoor, bedrijf, , B.V., BV," />
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
<style type="text/css">
<!--
#apDiv14 {
position:absolute;
left:362px;
top:249px;
width:48px;
height:64px;
z-index:2;
}
#apDiv15 {
position:absolute;
left:385px;
top:207px;
width:50px;
height:51px;
z-index:2;
}
#apDiv16 {
position:absolute;
left:693px;
top:512px;
width:461px;
height:545px;
z-index:2;
}
#apDiv17 {
position:absolute;
left:495px;
top:414px;
width:45px;
height:40px;
z-index:2;
}
#apDiv18 {
position:absolute;
left:407px;
top:203px;
width:56px;
height:50px;
z-index:2;
}
#apDiv19 {
position:absolute;
left:403px;
top:271px;
width:95px;
height:102px;
z-index:2;
}
#apDiv20 {
position:absolute;
left:549px;
top:352px;
width:90px;
height:112px;
z-index:2;
}
#apDiv21 {
position:absolute;
left:490px;
top:215px;
width:47px;
height:34px;
z-index:3;
}
#apDiv22 {
position:absolute;
left:525px;
top:166px;
width:35px;
height:26px;
z-index:3;
}
#apDiv23 {
position:absolute;
left:359px;
top:262px;
width:9px;
height:51px;
z-index:3;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<div id="container">
<div id="container2">
<div id="header"></div>
<div id="menu"><a href="index.html">Home</a>|<a href="diensten.html">Diensten</a>|<a href="vacatures.html">Vacatures</a>|<a href="downloads.html">Downloads</a>|<a href="links.html">Links</a>|<a href="contact.html">Contact</a></div>
<div id="content">
<h1>Contact</h1>
<h2>bedrijf</h2>
<h2>straat</h2>
<h2>postcode Woonplaats</h2>
<h2>telefoonnummer</h2>
<h2>telefoonnummer</h2>
<h2><a href="mailto:email@adres">E-mail</a></h2>
<h2><a href="form_start.htm">Contactformulier</a></h2>
<h2>Routekaartje</h2>
</div>
<div id="footer">
<table width="608" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="163">©Joost van Daalen 2009 </td>
<td width="139"><!-- #BeginDate format:Ge1 -->14.12.2009<!-- #EndDate --></td>
</tr>
</table>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a> <a href="http://validator.w3.org/check?uri=referer">l<img
src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a></p>
</div>
</div>
</div>
<div class="actief"></div>
<div id="apDiv13"><a href="javascript:;" target="_self"><img src="Images/jpg/Gebouw_Langedijk_kleiner.jpg" alt="GebouwLangedijk" width="247" height="221" onclick="MM_openBrWindow('<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.603421,6.976318&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.603421,6.976318&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>','Routekaartje','location=yes,width=300,height=100')" /></a></div>
</body>
</html>
- JohanJoost
- Berichten: 19
- Geregistreerd op: zo nov 15, 2009 18:14
Re: ! Googlemap plaatsen op website met Dreamweaver CS3 !
door Gloomy op di dec 15, 2009 01:02
heb effe je code tussen [code } tags gezet. werkt wat beter.
eeuhhm ik heb vanavond geen tijd om het even door te kijken.
maar ik zal morgen effe doorneuzen
eeuhhm ik heb vanavond geen tijd om het even door te kijken.
maar ik zal morgen effe doorneuzen
- Gloomy
- Berichten: 2188
- Geregistreerd op: ma feb 25, 2008 10:32
Re: ! Googlemap plaatsen op website met Dreamweaver CS3 !
door JohanJoost op di dec 15, 2009 01:22
Okay, bedankt vast. Ik heb bovendien de -volgens mij meer relevante code van deze vraag- hieronder geplaatst:
<div id="apDiv13"><a href="javascript:;"><img src="Images/jpg/Gebouw_Langedijk_kleiner.jpg" alt="GebouwLangedijk" width="321" height="221" onclick="MM_openBrWindow('<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=administratiekantoor+Langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+Langedijk,&hnear=Obdam&t=h&ll=52.67728,4.912648&spn=0.004553,0.00912&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&q=administratiekantoor+Langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+Langedijk,&hnear=Obdam&t=h&ll=52.67728,4.912648&spn=0.004553,0.00912&z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>','Routekaartje','location=yes,width=430,height=355')" /></a></div>
<div id="apDiv13"><a href="javascript:;"><img src="Images/jpg/Gebouw_Langedijk_kleiner.jpg" alt="GebouwLangedijk" width="321" height="221" onclick="MM_openBrWindow('<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=administratiekantoor+Langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+Langedijk,&hnear=Obdam&t=h&ll=52.67728,4.912648&spn=0.004553,0.00912&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&q=administratiekantoor+Langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+Langedijk,&hnear=Obdam&t=h&ll=52.67728,4.912648&spn=0.004553,0.00912&z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>','Routekaartje','location=yes,width=430,height=355')" /></a></div>
- JohanJoost
- Berichten: 19
- Geregistreerd op: zo nov 15, 2009 18:14
Re: ! Googlemap plaatsen op website met Dreamweaver CS3 !
door Gloomy op di dec 15, 2009 13:59
kijk wat je doet is:
je hebt daar een code staan voor hey " tekentje.
maar die moetniet uitgeschreven staan...
" moet " zijn
je hebt daar een code staan voor hey " tekentje.
maar die moetniet uitgeschreven staan...
" moet " zijn
- Gloomy
- Berichten: 2188
- Geregistreerd op: ma feb 25, 2008 10:32
Re: ! Googlemap plaatsen op website met Dreamweaver CS3 !
door JohanJoost op di dec 15, 2009 21:29
Tot zover bedankt voor je moeite. Ik heb nu "e vervangen door een "
Daarna zag ik ook & en < staan. moeten die codes ook vervangen worden door een " ?
Is er ergens ook een overzichtje van die codes te vinden?
Nu heb ik de Googlecode gekopieerd en in Wordpad aangepast tot de volgende:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&;source=s_q&;hl=nl&;geocode=&;q=administratiekantoor+langedijk,+obdam&;sll=52.469397,5.509644&;sspn=2.656968,7.064209&;ie=UTF8&;hq=administratiekantoor+langedijk,&;hnear=Obdam&t=h&;ll=52.677286,4.912654&;spn=0.004553,0.00912&;z=16&;output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&;q=administratiekantoor+langedijk,+obdam&;sll=52.469397,5.509644&;sspn=2.656968,7.064209&;ie=UTF8&;hq=administratiekantoor+langedijk,&;hnear=Obdam&;t=h&;ll=52.677286,4.912654&;spn=0.004553,0.00912&;z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>
Hoe ziet deze eruit? Ik zie nu trouwens zelf dat de &-tekentjes hier weer zijn uitgeschreven. Kan dat ook aan de toetsenbordinstelling liggen of aan het kopieren en plakken? Daarvoor gebruik ik altijd <Ctrl>+<C> , <Ctrl>+<V>
Inmiddels heb ik dit probleem opgelost door de platte Googlecode in een div te plaatsen. Dit ziet er nu alsvolgt bij mij uit:
<div id="apDiv13">
<iframe width="275" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small></div>
De foto heb ik dus verwijderd. Nu is direct ook het kaartje te zien. op de pagina. Wellicht dat de fout zat bij de foto?
Daarna zag ik ook & en < staan. moeten die codes ook vervangen worden door een " ?
Is er ergens ook een overzichtje van die codes te vinden?
Nu heb ik de Googlecode gekopieerd en in Wordpad aangepast tot de volgende:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&;source=s_q&;hl=nl&;geocode=&;q=administratiekantoor+langedijk,+obdam&;sll=52.469397,5.509644&;sspn=2.656968,7.064209&;ie=UTF8&;hq=administratiekantoor+langedijk,&;hnear=Obdam&t=h&;ll=52.677286,4.912654&;spn=0.004553,0.00912&;z=16&;output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&;q=administratiekantoor+langedijk,+obdam&;sll=52.469397,5.509644&;sspn=2.656968,7.064209&;ie=UTF8&;hq=administratiekantoor+langedijk,&;hnear=Obdam&;t=h&;ll=52.677286,4.912654&;spn=0.004553,0.00912&;z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>
Hoe ziet deze eruit? Ik zie nu trouwens zelf dat de &-tekentjes hier weer zijn uitgeschreven. Kan dat ook aan de toetsenbordinstelling liggen of aan het kopieren en plakken? Daarvoor gebruik ik altijd <Ctrl>+<C> , <Ctrl>+<V>
Inmiddels heb ik dit probleem opgelost door de platte Googlecode in een div te plaatsen. Dit ziet er nu alsvolgt bij mij uit:
<div id="apDiv13">
<iframe width="275" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&source=embed&hl=nl&geocode=&q=administratiekantoor+langedijk,+obdam&sll=52.469397,5.509644&sspn=2.656968,7.064209&ie=UTF8&hq=administratiekantoor+langedijk,&hnear=Obdam&t=h&ll=52.677286,4.912654&spn=0.004553,0.00912&z=16" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small></div>
De foto heb ik dus verwijderd. Nu is direct ook het kaartje te zien. op de pagina. Wellicht dat de fout zat bij de foto?
Laatst bijgewerkt door JohanJoost op di dec 15, 2009 21:35, in het totaal 1 keer bewerkt
- JohanJoost
- Berichten: 19
- Geregistreerd op: zo nov 15, 2009 18:14
7 berichten • Pagina 1 van de 1
Wie is er online
Gebruikers op dit forum: Geen geregistreerde gebruikers en 0 gasten
Dit forum is onderdeel van www.Photoshop-Tutorials.nl | Zonvakantie - www. Vakantie Naar De Zon .nl
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
phpBB.nl Vertaling
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
phpBB.nl Vertaling