Vin
Legacy Member
Beste webdesigners,
Een vriendin van me is nogal gepassioneerd door fotografie en had graag haar werken op internet gezien (naast deviantart).
Ze doet dit gewoon in haar vrije tijd en is dus zeker geen pro.
Hoe dan ook: ze wou een website, en is daar zelf in photoshop/frontpage aan beginnen werken. Zoals je wel al raden kan was frontpage niet zo'n goed idee, daarom besloot ik haar een handje toe te steken en voor haar alles netjes in html te maken.
Zij heeft me dus alle images doorgestuurd, waarna ik er het volgende van gemaakt heb:
http://users.pandora.be/bored/siensite
(even ter referentie, dit was haar eigen frontpagecreatie: http://users.telenet.be/sien/svd/svdhome.htm )
Schrik niet over de content die in JPG's staat, ik heb het haar ook afgeraden, maar omdat dit lettertype niet op alle pc's beschikbaar is, en ze geen geschikt standaardlettertype vond is het toch dit geworden.
Ik ben ook nog van plan om mouse-over's aan de knopjes toe te voegen, maar wegens mijn beperkte kennis van javascript zou ik de code dus ergens anders lenen.
Ik ben momenteel bezig met de code-snippet uit de sticky, maar dit lijkt me nogal onpraktisch?
Indien jullie hier een beter voorstel voor hebben is dit altijd welkom.
Laat die kritieken maar komen!
Mvg
[edit] Excuses, verkeerde prefix gebruikt, hij moest eigelijk "PREVIEW:" zijn. Indien het mogelijk zou zijn mag deze dus aangepast worden.
Ik had eerst preview: getypt in men titelvak, maar wat bleek moet je'm uit een dropdown menutje selecteren. in alle haast heb ik perongeluk other: genomen [/edit]
Een vriendin van me is nogal gepassioneerd door fotografie en had graag haar werken op internet gezien (naast deviantart).
Ze doet dit gewoon in haar vrije tijd en is dus zeker geen pro.
Hoe dan ook: ze wou een website, en is daar zelf in photoshop/frontpage aan beginnen werken. Zoals je wel al raden kan was frontpage niet zo'n goed idee, daarom besloot ik haar een handje toe te steken en voor haar alles netjes in html te maken.
Zij heeft me dus alle images doorgestuurd, waarna ik er het volgende van gemaakt heb:
http://users.pandora.be/bored/siensite
(even ter referentie, dit was haar eigen frontpagecreatie: http://users.telenet.be/sien/svd/svdhome.htm )
Schrik niet over de content die in JPG's staat, ik heb het haar ook afgeraden, maar omdat dit lettertype niet op alle pc's beschikbaar is, en ze geen geschikt standaardlettertype vond is het toch dit geworden.
Ik ben ook nog van plan om mouse-over's aan de knopjes toe te voegen, maar wegens mijn beperkte kennis van javascript zou ik de code dus ergens anders lenen.
Ik ben momenteel bezig met de code-snippet uit de sticky, maar dit lijkt me nogal onpraktisch?
Code:
<head>
...
<script language="javascript">
var img1 = new Image();
img1.src = "knopjehome.jpg";
var img2 = new Image();
img2.src = "knopjehome2.jpg";
var img3 = new Image();
img3.src = "knopjebio.jpg";
var img4 = new Image();
img4.src = "knopjebio2.jpg";
var img5 = new Image();
img5.src = "knopjegallery.jpg";
var img6 = new Image();
img6.src = "knopjegallery2.jpg";
var img7 = new Image();
img7.src = "knopjecontact.jpg";
var img8 = new Image();
img8.src = "knopjecontact2.jpg";
function homeover(name){
document[name].src = "knopjehome2.jpg";
}
function homeout(name){
document[name].src = "knopjehome.jpg";
}
function bioover(name){
document[name].src = "knopjebio2.jpg";
}
function bioout(name){
document[name].src = "knopjebio.jpg";
}
function galleryover(name){
document[name].src = "knopjegallery2.jpg";
}
function galleryout(name){
document[name].src = "knopjegallery.jpg";
}
function contactover(name){
document[name].src = "knopjecontact2.jpg";
}
function contactout(name){
document[name].src = "knopjecontact.jpg";
}
</script>
</head>
<body>
...
<a href="index.html"><img src="knopjehome.jpg" width="111" height="44" alt="HOME" border="0" name="home" onmouseover="homeover('home')" onmouseout="homeout('home')" /></a>
<a href="bio.html"><img src="knopjebio.jpg" width="125" height="44" alt="BIO" border="0" name="bio" onmouseover="bioover('bio')" onmouseout="bioout('bio')" /></a>
<a href="gallery.html"><img src="knopjegallery.jpg" width="161" height="44" alt="GALLERY" border="0" name="gallery" onmouseover="galleryover('gallery')" onmouseout="galleryout('gallery')" /></a>
<a href="contact.html"><img src="knopjecontact.jpg" width="170" height="44" alt="CONTACT" border="0" name="contact" onmouseover="contactover('contact')" onmouseout="contactout('contact')" /></a>
...Indien jullie hier een beter voorstel voor hebben is dit altijd welkom.
Laat die kritieken maar komen!
Mvg
[edit] Excuses, verkeerde prefix gebruikt, hij moest eigelijk "PREVIEW:" zijn. Indien het mogelijk zou zijn mag deze dus aangepast worden.
Ik had eerst preview: getypt in men titelvak, maar wat bleek moet je'm uit een dropdown menutje selecteren. in alle haast heb ik perongeluk other: genomen [/edit]
