Hoe u een HTML-pagina maakt met het nieuwe documentvenster van Dreamweaver - dummies

U kunt een nieuwe HTML-pagina maken met behulp van het venster Nieuw document van Dreamweaver, dat meer opties biedt dan het welkomstscherm, inclusief toegang tot sjablonen die u hebt gemaakt met Dreamweaver en een verzameling van vooraf ontworpen lay-outs, die u een voorsprong op uw ontwerpen kunnen geven.

U kunt vele soorten bestanden maken met behulp van het venster Nieuw document en u kunt de opties mixen en matchen. Deze veelzijdigheid kan in het begin verwarrend zijn omdat je zoveel keuzes hebt. In Dreamweaver CC is dit dialoogvenster vereenvoudigd, zodat u slechts één optie uit elk van de drie secties hoeft te kiezen.

Ga als volgt te werk om een ​​nieuwe HTML-pagina te maken:

1. Kies Bestand → Nieuw.

   Het venster Nieuw document wordt geopend,. In het eerste gedeelte, helemaal links, kiest u het type pagina dat u wilt maken:

   • Blanco pagina: Kies deze optie om HTML-pagina's te maken, evenals pagina's in het meer complexe PHP- of JSP-formaat.

   • Vloeiende rasterlay-out: Met deze optie opent u de functies voor de opmaak van vloeiende rasters, die u kunt gebruiken om responsieve webontwerpen te maken die automatisch worden aangepast aan verschillende schermformaten.

   • Startersjablonen: Als u sjablonen maakt met Dreamweaver's. dwt-sjabloonindeling, kunt u met deze optie pagina's maken op basis van die sjablonen.

   • Sitemodellen: Kies deze optie om aanpasbare app-ontwerpen voor mobiele websites te maken met behulp van jQuery Mobile.

     

2. Selecteer Blanco pagina aan de linkerkant van het scherm.

3. Selecteer HTML in de lijst Paginatype.

4. Kies in de sectie Lay-out.

   De lay-outs zijn opgenomen om een ​​voorsprong te geven bij het ontwerpen van HTML-pagina's met CSS.

5. Als u het documenttype wilt wijzigen, gebruikt u de vervolgkeuzelijst naast DocType.

   Dreamweaver CC maakt standaard pagina's met HTML 5, waarvan de meeste ontwerpers de beste optie vinden voor webpagina's van vandaag. Als u werkt aan een site die een eerdere versie van HTML gebruikt, zoals XHTML 1. 0 Overgang, zorg er dan voor dat u deze instelling wijzigt.

6. Klik op Maken, rechtsonder in het venster.

   Het venster Nieuw document wordt gesloten en er wordt een nieuwe lege pagina gemaakt en geopend in de werkruimte.

   Opmerking: Als u een Macintosh gebruikt, zijn de knoppen Maken en Annuleren verwisseld.

7. Kies Bestand → Opslaan om uw pagina op te slaan en een bestandsnaam te geven.

   Dreamweaver benoemt automatisch alle nieuwe bestanden Untitled, gevolgd door 1, 2, enzovoort in de gemaakte order. Maak er een gewoonte van om uw bestanden namen te geven die voor u meer betekenis hebben.Merk ook op dat bestandsnamen op websites geen spaties of speciale tekens mogen bevatten (hoewel het koppelteken en onderstrepingsteken in orde zijn).

   Maak er een gewoonte van om nieuwe webpagina's op te slaan in uw lokale sitemap zodra u ze maakt, ook als de pagina's nog leeg zijn. Terwijl u koppelingen maakt of afbeeldingen aan uw pagina's toevoegt, moet Dreamweaver de locatie van uw pagina in uw sitemap kunnen identificeren. Een pagina als eerste opslaan is het beste omdat veel Dreamweaver-functies pas werken nadat een pagina is opgeslagen.