Maak een map op uw bureaublad . Om dit te doen , klik met de rechtermuisknop op het bureaublad en selecteer " Nieuwe map " in het drop down menu . Dit zal uw hoofdmap te zijn . Geef de map alles wat je wilt .

Open Dreamweaver 2 , klik op " Site " bovenaan en kies " Nieuwe Site . " De definitie site menu wordt geopend en zal u door de stappen die je nodig hebt om het opzetten van een site in Dreamweaver .

Naam 3 van uw site in het aangewezen gebied . U hoeft geen zorgen te maken over het invullen van het veld voor een URL . Nadat u de naam van uw site klik op "Volgende . "
4

Zet deze volgende instelling op "Nee , ik wil niet naar een server technologie te gebruiken . " Klik op " Next " om naar de volgende groep instellingen .
5

Kies " Bewerken lokale kopieën op mijn machine , vervolgens uploaden naar de server ( internet) als u klaar bent . " Vervolgens klikt u op het mappictogram en vervolgens in het menu dat wordt geopend vind je root map , selecteer het en klik op ' Kies'. " Als je dat gedaan hebt klik " Volgende " om naar de volgende stap .
6

Selecteer " None" voor hoe u verbinding wilt maken met uw externe server . Klik op Volgende nadat u deze instelling hebt aangepast. Klik op " Klaar" na het bekijken van uw instellingen .
Het ontwerpen van de webpagina in Illustrator

Open Adobe Illustrator 7 en klik op "Create New Web Document . " Het is niet nodig om een van de instellingen aan te passen , dus klik op "OK" om verder te gaan .

Design 8 een eenvoudige "home "-pagina voor uw website met behulp van de werkbalk . Maak alleen een titelbalk , een navigatiebalk , en een ruimte voor uw inhoud . U kunt dit doen met behulp van de rechthoek tool en het soort instrument . In de navigatiebalk , maak sub tabbladen categorie te navigeren naar verschillende pagina's . Bijvoorbeeld , als u een website voor een restaurant , kunt u het opzetten van subcategorie tabbladen voor thuis , voorgerechten en desserts .
9

Selecteer het gereedschap " Slice " van uw werkbalk zodra u de basis voor uw website ontworpen . Maak je eerste stukje door het opstellen van een kader rond uw titel omgeving . Herhaal dit met uw navigatie- bar en je content gebied .

Switch 10 aan de " Slice Select" tool. Het verschijnt als je houd je muisknop ingedrukt op de slice tool. Dubbelklik op de titel slice . Wanneer het menu " Slice " wordt geopend , de naam van uw slice en klik op " OK . " Herhaal deze stap met de navigatiebalk slice en de inhoud gebied slice .
11

Ga naar het menu Bestand en kies " Opslaan voor web en apparaten . " U kunt kiezen of u uw afbeeldingen wilt opslaan als GIF of JPEG . Klik op 'Opslaan'.
12

Kies " Andere ... " in de save geoptimaliseerd menu. Deze is te vinden onder de plakken drop-down menu . U krijgt een menu dat wordt geopend met opties voor opslaan te krijgen.

Verandering van " HTML " te " plakken " in het menu output-instellingen 13 . Deze drop- down menu is de tweede van boven . Na het kiezen van " plakken ", verander de instelling hier op " Genereer CSS . "
14

Verander de achtergrondkleur op "Geen" op de achtergrond menu . Klik op " OK . " Stel " Format " op " HTML en afbeeldingen . " Verander je " Settings " om " All gebruiker Slices . "
15

Verander de naam van het bestand op " index " in het opslaan als sectie . Stel de locatie waarop u wilt opslaan als de root- map die u hebt gemaakt in de eerste sectie . Klik op ' Opslaan ' als u dit.
Hebben gedaan Finishing uw website in Dreamweaver

Open Dreamweaver 16 , kiest u ' Archief'> ' Open ' en open je index.html bestand dat u hebt geëxporteerd vanuit Illustrator . Je moet in staat zijn om dit te vinden in uw hoofdmap .
17

Geef uw webpagina een titel . Aan de bovenkant van de pagina kunt u een ruimte voor een titel te vinden . Plaats de naam van de pagina die u bezig bent in deze sectie. Bijvoorbeeld , als u werkt op uw homepage , wil je " thuis" in je titel omgeving.
18

Maak een hotspot link voor uw navigatie door te klikken op uw navigatie- slice . Onderaan , klik op de blauwe hotspot kaart tool en trek een kader rond het eerste tabblad navigatiebalk . Plaats de naam van het HTML- bestand dat u wilt koppelen in het vak link. Bijvoorbeeld , als u een kader rond het tabblad huis te tekenen , zou je schrijft " index.html " in het vak link. U moet ook ervoor zorgen dat je het een alt naam zodat browsers voor blinde en dove gebruikers kunnen de link hardop lezen of typ het in braille . In het alt sectie soort thuis .
19

Herhaal deze stap voor elk van uw navigatiebalk tabbladen . Bijvoorbeeld, als uw volgende tab navigatiebalk is voor voorgerechten , zou u trekken uit een doos rond het tabblad , type " entrees.html " in het vak koppeling , en type " voorgerechten " in het vak alt .

Link 20 uw titel bar en uw content gebied zonder het creëren van een hotspot . Om dit te doen , klik op de afbeelding en voeg vervolgens de naam van de HTML die u wilt koppelen aan de koppeling gebied . Bijvoorbeeld , zou je titelbalk worden gekoppeld aan " index.html . " Zorg ervoor dat het grensgebied zegt " 0 . "
21

Ga naar " Bestand> Opslaan . " Dit zal de startpagina voor uw site en de basis voor alle andere HTML- pagina's voor uw website zo goed .
22

Verander de eigendomstitel aan de bovenkant van de index naar wat de volgende pagina op uw website gaat worden .
23

Kies " bestand > Opslaan als" en de naam van het bestand " entrees.html . " De naam moet kleine letters en geen spaties .
24

Herhaal deze stappen voor alle overige webpagina's . Een gemakkelijke manier om dit te bekijken is gewoon kijken naar elk van uw navigatiebalk tabbladen . Elk tabblad zal een aparte web aangewezen voor deze pagina nodig .
25

Test uw links door te klikken op de afbeelding van een bol aan de bovenkant van het scherm . Dit zal u precies laten zien hoe uw website een keer zal kijken geupload naar een website .