Video: Deel 4: HTML CSS, Tutorial, Nederlands, Dreamweaver CS5.5, Website Maken voor Beginners 2024
Een webpagina maken in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver is een eenvoudige taak. Om de basis HTML die het maakt te begrijpen, is een beetje uitleg nodig. De webpagina kan zo complex of eenvoudig zijn als u wilt en beide typen zijn even effectief als ze op de juiste manier worden gemaakt.
Dreamweaver werkt op de achtergrond om ervoor te zorgen dat uw nieuwe pagina werkt in vrijwel alle recente versies van veelgebruikte webbrowsers, zoals Firefox, Internet Explorer en Safari. Er is veel code gemaakt om de webbrowser te helpen herkennen dat dit HTML is en welke HTML-versie het gebruikt.
Standaard gebruikt Dreamweaver de XHTML 1. 0 Overgangsnorm bij elke nieuwe HTML-pagina. XHTML combineert de striktheid van XML (Extensible Markup Language) met HTML-tags om een taal te creëren die betrouwbaar en consistent werkt in webbrowsers en nieuwe apparaten (zoals mobiele telefoons en PDA's).
-
Als u een lege pagina wilt maken, kiest u Bestand → Nieuw → Lege pagina → HTML → en klikt u vervolgens op Maken.
Er verschijnt een lege HTML-pagina zonder titel. Het heeft geen opmaak totdat u tabellen of lagen toevoegt.
-
Typ wat tekst (zeg uw naam) op de pagina en klik op de knop Code op de werkbalk Document.
Wanneer u typt op de pagina in het document, wordt tekst weergegeven op de webpagina. Maar er is veel meer dan dat.
-
Selecteer Weergave splitsen door op de knop Splitsen op de werkbalk Document te klikken.
Met deze actie worden zowel ontwerp- als codeweergaven tegelijkertijd weergegeven, zodat u kunt zien hoe uw wijzigingen van invloed zijn op HTML achter de schermen.
Werken in de deelweergave helpt u te zien hoe uw pagina-elementen worden gemaakt en opgemaakt met HTML-tags. -
Selecteer de tekst.
-
Selecteer de optie Tekst in de vervolgkeuzelijst Algemeen in het paneel Invoegen.
Stel dat u vervolgens kiest voor B (voor vet) om de geselecteerde tekst vet te maken. In de codeweergave van uw pagina ziet u dat de tag vóór de tekst is toegevoegd en dat de tag na de tekst is toegevoegd.
U kunt de richting en opstelling van de weergaven wijzigen in de gesplitste weergave. Als u de ontwerpweergave van rechts naar links wilt schakelen, kiest u Beeld → Ontwerpweergave links. Als u de weergaven verticaal wilt rangschikken, kiest u Beeld → Verticaal splitsen. Opmerking: U kunt deze opties net zo gemakkelijk omkeren van dezelfde opties in het menu Beeld.