Web Tutorials

Dreamweaver | Webdesign | Web Tutorials

Site definieren in Dreamweaver

Om van start te kunnen gaan met een website binnen Dreamweaver dien je deze eerst aan te maken oftewel te definiëren. Velen blijken hier in het begin nogal wat moeilijkheden bij te hebben. We gaan alle stappen overlopen.

Site definiëren

Voor we van start gaan nemen we onze voorzorgen en maken al een map aan op onze pc waar we onze website achteraf in opbouwen. Zelf maak ik een mapje aan ‘Website’ in ‘Mijn documenten’.

We kiezen nu in onze menubalk binnen Dreamweaver voor Site -> New Site. Er verschijnt nu een venster waar je alle instellingen voor je website dient in te geven. Zorg ervoor dat de tab ‘Basic’ actief is, zie afbeelding.

What would you like to name your site?

Hier geven we in hoe de website zal genoemd worden binnen Dreamweaver. Als je aan meerdere websites werkt kan je zo duidelijk zien welke website je nodig hebt als je moet switchen naar een ander project. Let wel dat dit enkel de naam is binnen Dreamweaver zelf. Heeft totaal niets te maken met het achteraf online plaatsen of je map waar hij zich in bevindt.

Gemakkelijkshalve geef ik hier dezelfde naam in als ik aan mijn map heb gegeven. Voor mij een logische structuur. We vervangen ‘Unnamed Site’ door ‘Website’.

De tweede optie laten we blanco en klikken nu op Next. Het volgende verschijnt nu :

Deze optie heb je enkel nodig bij het aanmaken van dynamische pagina’s zoals PHP en dergelijke. Hier kiezen we voor de eerste optie en klikken op Next.

Bij de volgende stap dienen we even goed op te letten, we gaan nu het pad naar onze map leggen. Zoals je kan zien op de afbeelding zie je de vraag : Where on your computer do you want to store your files?

We browsen nu naar de locatie waar onze map staat. In mijn geval is dit de map ‘Websites’ in Mijn Documenten. Nu moet je goed opletten dat je op opslaan klikt als je de map ‘Websites’ zelf geopend hebt. Dus werkelijk deze map open klikken en daarna op opslaan klikken. We kiezen voor Next en komen nu bij het volgende venster :

Hier kan er een connectie gelegd worden met je server, voorlopig kiezen we hier nog voor ‘None’. Dit wil zeggen dat we op dit moment ook nog niets kunnen uploaden. We kiezen voor Next en krijgen een overzicht te zien van onze instellingen die we juist hebben vastgelegd. We klikken nu op OK en onze site is gedefinieerd.

Je kan nu beginnen met pagina’s aan te maken die dan in de map ‘Websites’ zullen opgeslagen worden. In het files panel kan je navigeren tussen je verschillende projecten/websites :

Nu de website is gedefinieerd in Dreamweaver kan het achteraf mogelijk zijn om aanpassingen te brengen in deze gegevens. Om bijvoorbeeld je connectie te leggen met je server. In plaats van voor New Site te kiezen gaan we voor Manage Sites.

In de menubalk kiezen we voor Site -> Manage Sites en zien volgend venstertje verschijnen :

We selecteren de juiste map, in dit geval ‘Websites’ en kiezen voor Edit en krijgen terug dezelfde opties te zien die we in het begin van deze tutorial hebben ingevuld. We klikken op Next tot we terug in het volgend instel scherm zitten :

Nu kiezen we voor de optie FTP en krijgen een scherm te zien waar we al onze ftp gegevens kunnen ingegeven :

How do you connect to your remote server?

Dit laten we op FTP staan.

What is the hostname or FTP adress of your webserver?

Deze info is provider gebonden. Enkele voorbeelden hiervan zijn : www.domeinnaam.com, ftp.domeinnaam.com, users.telenet.be. Deze ftp gegevens krijg je mee van je hosting provider en kan je daar ook altijd terug navragen.

What folder on the server do you want to store your files in?

Hier moet je aangeven in welke map op de server je de files wil uploaden. Ook dit is weer provider gebonden en wordt je meegegeven bij je hosting gegevens. Enkele voorbeelden hiervan zijn : httpdocs, html.

What is your FTP login?

De login naam voor je server. Krijg je van je provider.

What is your FTP password?

Het paswoord van je server. Ook dit krijg je van je provider.

Eens alle gegevens ingevuld zijn kan je je connectie laten testen door Dreamweaver. Indien alles correct is ingevuld krijg je de melding dat Dreamweaver een connectie kunnen leggen. Indien er gegevens fout zijn ingevuld krijg je een foutmelding. Nadat de connectie is gelegd klikken we op Next tot ons eindscherm en we sluiten af door tweemaal op Done te klikken.

Site is nu gedifinieerd en er is een connectie gelegd met de server. Op deze manier hebben we beide functies aangehaald, zowel ‘New Site’ als ‘Manage Site’

Je files kan je uploaden naar de server door de files te selecteren en op de blauwe pijl te drukken. Indien je je Local View op Remote View zet zit je op de server en kan je ook files binnenhalen van de server naar je pc door op de groene pijl te klikken :

Nog vragen? Bezoek het forum...

Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.

Copyright 2008. Web Tutorials. All rights reserved