Proberen van website

**veysie** · 27 March 2007, 20:23

Ben een website aan het maken in Dreamweaver voor een goed overzicht van mijn films . Maar heb natuurlijk wat vragen want ben maar een leek in het maken van Website's!
* 1ste vraag is hoe kan ik een afbeelding als achtergrond die op de volledige pagina staat en zo blijft als je scrolt. maar je moet er natuurlijk ook tekst voor kunnen schrijven!
Hopelijk kunnen jullie mij helpen maar denk dat wel zeker !

**Joga** · 27 March 2007, 21:30

Als je dreamweaver opent en je kiest voor een nieuw document heb je
onderaan je scherm een knop 'Page Properties'. Daar kan je kiezen voor
'Background image'.

**veysie** · 27 March 2007, 21:36

En hoe zet ik deze dan volledig als achtergrond dus als je nr beneden scrolt ook?

**elmago** · 27 March 2007, 22:04

Dat kan je met background-attachment in CSS.
Zet daarvoor het volgende tussen de head tags van je html script:

HTML-code:

<style type="tekst/css">
body { background-image: url(bestandsnaam.gif); background-attachment: fixed }
</style>

hier staat de waarde op "fixed", deze kan je wijzigen in "scroll".
(bestandsnaam.gif) is hier dan weer de naam van je achtergrondafbeelding.

**berger** · 27 March 2007, 22:05

Dreamweaver ken ik niet, wel html en css. Ik zou dat eerst leren indien ik van u was, je zult dat later zeker nodig hebben.
Voor dat background probleem doe je dat gemakkelijk met css.

**elmago** · 27 March 2007, 22:49

Oorspronkelijk geplaatst door berger

Dreamweaver ken ik niet, wel html en css. Ik zou dat eerst leren indien ik van u was, je zult dat later zeker nodig hebben.

Van alle "WYSIWYG" editors is Dreamweaver veruit de beste, voor wat html en css betreft ben ik het helemaal met je eens.

**veysie** · 29 March 2007, 21:44

Heb dit dus gedaan maar mijn afbeelding word niet getoond.

Dit is stukje script:

HTML-code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {    background-image: url(Desktop Background.JPG); background-attachment: scroll;}
</style>
</head>

<div id="titel">
<h1 align="center">Films Van Veysie</h1>
</div>

Er komt nog een stuk achter hoor maar ja dit heb je niet nodig é.

**veysie** · 29 March 2007, 21:46

Oorspronkelijk geplaatst door veysie

Heb dit dus gedaan maar mijn afbeelding word niet getoond.

Dit is stukje script:

HTML-code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {    background-image: url(Desktop Background.JPG); background-attachment: scroll;}
</style>
</head>

<div id="titel">
<h1 align="center">Films Van Veysie</h1>
</div>

Er komt nog een stuk achter hoor maar ja dit heb je niet nodig é.

Oja heb wel beetje kennis van Dreamweaver hoor. niet zo heel veel maar kan mijn plan trekn voor simpele dingen!

**berger** · 29 March 2007, 22:19

Hier zijn enkele voorbeelden van het gebruik van url :

background-image: url(grijs.gif) : het bestand grijs.gif staat in dezelfde map als uw pagnia

background-image: url(afbeelding/grijs.gif): uw afbeelding grijs.gif staat in de map afbeelding

background-image: url(http://www.domein.nl/grijs.gif) : uw afbeelding grijs.gif staat ergens op een website

Is er geen fout in uw instructie?