studio webdesign hyperlink

Status
Niet open voor verdere reacties.
A

adinatha

Gebruiker
Lid geworden
8 mrt 2012
Berichten
72
Okee ik ben een pure beginnen maar heb het voor elkaar gekregen een startpagina op het web te krijgen.
Ik heb dat met studio webdesign 5 gedaan.
Er valt alleen een plaatje te zien maar ik zou vandaar naar een tweede pagina willen door op het plaatje te klikken.
Ik hoorde dat dit met een hyperlink moest maar het item is wazig in het menu, wat betekent dat dit niet kan.
Maar misschien moet ik eerst een tweede pagina maken?
Iemand een idee hoe het wel kan?
 
Voordat je iets gaat linken kun je het beste eerst de tweede pagina maken.

Als je nu de link geeft van de startpagina kan ik in tussen kijken of het mogelijk is en welk item wazig is...
 
Heb wat meer pagina's gemaakt.
Bedoeling is dat de eerste pagina een plaatje is en dat ik die dan aanklik en dat daarmee de volgende pagina in beeld komt met wat navigatie blokken.
Helaas is het hyperlink nog steeds wazig, dus niet mogelijk.
Onze site is www.darkcrystal.nl
 
Gebruik de volgende code en vervang de rode tekst door de site waar je naar toe wilt linken.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X4 (12.0.3.029)">
<title>Home</title>
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
a:link {color: #2c3651;}
a:visited {color: #1f5b8b;}
a:hover {color: #2c3651;}
a:active {color: #2c3651;}
-->
</style>
</head>

<body text="#000000" style="background-color:#ffffff; text-align:center; height:800px;">
<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:1577px;height:800px;">
<div style="position:absolute; left:0px; top:0px; width:1577px; height:800px;">
    <A href="[COLOR="#FF0000"]http://www.breman.net[/COLOR]"><img src="http://www.darkcrystal.nl/wpimages/wp8fa25aa5_05.jpg" width="1577" height="800" border="0" id="pic_1" name="pic_1" title="" alt=""></A></div>
</div>
</body>
</html>
 
Ai,ai dat duizelt me nu al.
ik heb het voor elkaar gekregen de code in beeld te krijgen, daar staat van alles en nog wat bij.
Maar ik ga het proberen.
Code: 
<!--Page Preamble-->
<!--Master Page Preamble-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X4 (12.0.3.029)">
<title>Home</title>
<!--Page Head-->
<!--Master Page Head-->
<!--Header code for webnew1.jpg - gekoppelde bitmap pic_1 -->
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
a:link {color: #2c3651;}
a:visited {color: #1f5b8b;}
a:hover {color: #2c3651;}
a:active {color: #2c3651;}
/*Master Page StyleSheet*/
/*Page StyleSheet*/
-->
</style>
</head>


<body text="#000000" style="background-color:#ffffff; text-align:center; height:800px; /*Master Page Body Style*/ /*Page Body Style*/" __AddCode="MasterPageInBodyTag" __AddCode="PageInBodyTag">
<!--Page Body Start-->
<!--Master Page Body Start-->
<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:1577px;height:800px;">
<!--Page Start-->
<!--Master Page Start-->


<!-- webnew1.jpg - gekoppelde bitmap pic_1 -->

<!--Preamble-->
<div style="position:absolute; left:0px; top:0px; width:1577px; height:800px; /*MainDivStyle*/" __AddCode="here">
<!--MainDivStart-->
<!--BeforeObject-->
    <img src="wpimages/wp8fa25aa5_05.jpg" width="1577" height="800" border="0" id="pic_1" name="pic_1" title="" alt="" __AddCode="here"><!--MainDivEnd-->
</div>
<!--Postamble-->

<!-- Master Page End Main Div -->
<!-- Page End Main Div -->
<!--Master Page End-->
<!--Page End-->
</div>
<!--Master Page Body End-->
<!--Page Body End-->
</body>
</html>
<!--Master Page Postamble-->
<!--Page Postamble-->
 
Nog even voor de duidelijkheid, ik heb de volgende code gebruikt.

Code: 
<A href="jouw site">hier de code van de afbeelding</A>

De afbeelding van jou staat onder <!--BeforeObject-->
 
Laatst bewerkt:
Nou ik kan mijn code niet eens wissen.:shocked:
"Oh joh das zo makkelijk, kind kan de was doen", kreeg ik als boodschap bij dit programma.
Nou ik heb waarschijnlijk webdesign voor ultra,ultra dummys nodig denk ik.
 
Ik heb jou code al aan gepast je moet alleen de rode tekst nog vervangen.

Code: 
<!--Page Preamble-->
<!--Master Page Preamble-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X4 (12.0.3.029)">
<title>Home</title>
<!--Page Head-->
<!--Master Page Head-->
<!--Header code for webnew1.jpg - gekoppelde bitmap pic_1 -->
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
a:link {color: #2c3651;}
a:visited {color: #1f5b8b;}
a:hover {color: #2c3651;}
a:active {color: #2c3651;}
/*Master Page StyleSheet*/
/*Page StyleSheet*/
-->
</style>
</head>


<body text="#000000" style="background-color:#ffffff; text-align:center; height:800px; /*Master Page Body Style*/ /*Page Body Style*/" __AddCode="MasterPageInBodyTag" __AddCode="PageInBodyTag">
<!--Page Body Start-->
<!--Master Page Body Start-->
<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:1577px;height:800px;">
<!--Page Start-->
<!--Master Page Start-->


<!-- webnew1.jpg - gekoppelde bitmap pic_1 -->

<!--Preamble-->
<div style="position:absolute; left:0px; top:0px; width:1577px; height:800px; /*MainDivStyle*/" __AddCode="here">
<!--MainDivStart-->
<!--BeforeObject-->
    <A href="[COLOR="#FF0000"]jouw site[/COLOR]"><img src="wpimages/wp8fa25aa5_05.jpg" width="1577" height="800" border="0" id="pic_1" name="pic_1" title="" alt="" __AddCode="here"></A><!--MainDivEnd-->
</div>
<!--Postamble-->

<!-- Master Page End Main Div -->
<!-- Page End Main Div -->
<!--Master Page End-->
<!--Page End-->
</div>
<!--Master Page Body End-->
<!--Page Body End-->
</body>
</html>
<!--Master Page Postamble-->
<!--Page Postamble-->

ps. welk programma gebruik je?
 
Laatst bewerkt:
Ik ga mijn best doen. Ik gebruik studio webdesign pro 5

Helaas
Het spijt me zeer maar ik kan het regeltje A href=".... helaas niet erin typen, programma pikt dat niet, kan niets veranderen.
waarschijnlijk moet ik weer op zoek naar een nog makkelijker programma, dit is te abacadabra voor mij.
En html is regelrecht een ramp, ben helaas geen progammeur.
Zo simpel als men doet geloven is het dus niet.
 
Laatst bewerkt:
adinatha zei:
Zo simpel als men doet geloven is het dus niet.
Klik om te vergroten...
De code is wel degelijk simpel,
HTML: 
<a href="url_van_je_link.html">
   <img code voor de afbeelding>
</a>
Het is het programma dat hier dwars ligt.
 
'zo simpel' slaat meer op dat je 1,2,3 zo een site in elkaar zet met verschillende wysiwyg programma's.
Ik snap wat gevraagd wordt maar het programma laat niet toe dat ik in de broncode wat kan veranderen.
Ik heb geen kaas van html gegeten en het leek me beter zo'n programma te gebruiken, maar dat heeft dus ook zijn beperkingen.
 
Ik heb de code met NVU aangepast.
Ik zie nu een handje op het scherm maar krijg nog wel een foutmelding dat de requested document niet gevonden is.
Moet er ook niet iets staan dat het naar de volgende pagina moet linken?
 
Als ik de pagina open en er op klik kom ik wel op de volgende pagina terecht, ik krijg geen fout melding.
volgens mij heb je de klus geklaard.:)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan