Handboek Annuleren

Werken met tekst

  1. Dreamweaver Handboek
  2. Inleiding
    1. Basisbeginselen van responsief webontwerp
    2. Nieuwe functies in Dreamweaver
    3. Webontwikkeling met Dreamweaver: een overzicht
    4. Dreamweaver / Algemene vragen
    5. Sneltoetsen
    6. Systeemvereisten voor Dreamweaver
    7. Functieoverzicht
  3. Dreamweaver en Creative Cloud
    1. Dreamweaver-instellingen synchroniseren met Creative Cloud
    2. Creative Cloud Libraries in Dreamweaver
    3. Photoshop-bestanden gebruiken in Dreamweaver
    4. Werken met Adobe Animate en Dreamweaver
    5. Voor het web geoptimaliseerde SVG-bestanden uit Libraries extraheren
  4. De werkruimten en weergaven van Dreamweaver
    1. De werkruimte van Dreamweaver
    2. De werkruimte van Dreamweaver optimaliseren voor visuele ontwikkeling
    3. Bestanden zoeken op bestandsnaam of inhoud | Mac OS
  5. Sites opzetten
    1. Over Dreamweaver-sites
    2. Een lokale versie van uw site instellen
    3. Verbinding maken met een publicatieserver
    4. Een testserver instellen
    5. Instellingen van Dreamweaver-sites importeren en exporteren
    6. Bestaande websites overzetten van een externe server naar de hoofdmap van uw lokale site
    7. Toegankelijkheidsfuncties in Dreamweaver
    8. Geavanceerde instellingen
    9. Sitevoorkeuren instellen voor het overzetten van bestanden
    10. Proxyserverinstellingen opgeven in Dreamweaver
    11. Dreamweaver-instellingen synchroniseren met Creative Cloud
    12. Git gebruiken in Dreamweaver
  6. Bestanden beheren
    1. Bestanden maken en openen
    2. Bestanden en mappen beheren
    3. Bestanden van uw server ophalen en op uw server plaatsen
    4. Bestanden inchecken en uitchecken
    5. Bestanden synchroniseren
    6. Bestanden vergelijken om verschillen op te sporen
    7. Bestanden en mappen op uw Dreamweaver-site camoufleren
    8. Ontwerpnotities inschakelen voor Dreamweaver-sites
    9. Potentieel misbruik van Gatekeeper voorkomen
  7. Lay-out en ontwerp
    1. Visuele lay-outhulpmiddelen gebruiken
    2. Uw pagina opmaken met CSS
    3. Responsieve websites ontwerpen met Bootstrap
    4. Mediaquery's maken en gebruiken in Dreamweaver
    5. Inhoud in tabellen presenteren
    6. Kleuren
    7. Responsive design met dynamische rasterlay-outs
    8. Extract in Dreamweaver
  8. CSS
    1. Informatie over CSS (Cascading Style Sheets)
    2. Pagina's opmaken met CSS ontwerpen
    3. CSS-preprocessors gebruiken in Dreamweaver
    4. CSS-stijlvoorkeuren instellen in Dreamweaver
    5. CSS-regels verplaatsen in Dreamweaver
    6. Inline CSS converteren naar een CSS-regel in Dreamweaver
    7. Werken met div-tags
    8. Verlopen toepassen op een achtergrond
    9. CSS3-overgangseffecten maken en bewerken in Dreamweaver
    10. Code opmaken
  9. Pagina-inhoud en assets
    1. Pagina-eigenschappen instellen
    2. Eigenschappen voor CSS-koppen en CSS-koppelingen
    3. Werken met tekst
    4. Tekst, tags en kenmerken zoeken en vervangen
    5. Het deelvenster DOM
    6. Bewerken in Live View
    7. Documenten coderen in Dreamweaver
    8. Elementen selecteren en weergeven in het documentvenster
    9. Teksteigenschappen instellen in de eigenschappencontrole
    10. Spelling op een webpagina controleren
    11. Horizontale lijnen gebruiken in Dreamweaver
    12. Lettertypecombinaties toevoegen en aanpassen in Dreamweaver
    13. Werken met assets
    14. Datums in Dreamweaver invoegen en bijwerken
    15. Favoriete assets maken en beheren in Dreamweaver
    16. Afbeeldingen invoegen en bewerken in Dreamweaver
    17. Mediaobjecten toevoegen
    18. Video's toevoegen in Dreamweaver
    19. HTML5-video invoegen
    20. SWF-bestanden invoegen
    21. Audio-effecten toevoegen
    22. HTML5-audio invoegen in Dreamweaver
    23. Werken met bibliotheekitems
    24. Arabische en Hebreeuwse tekst gebruiken in Dreamweaver
  10. Koppelingen en navigatie
    1. Over koppelingen en navigatie
    2. Koppelingen
    3. Afbeeldingen met hyperlinks
    4. Problemen met koppelingen oplossen
  11. jQuery-widgets en -effecten
    1. De jQuery-gebruikersinterface en mobiele widgets in Dreamweaver gebruiken
    2. jQuery-effecten gebruiken in Dreamweaver
  12. Websites coderen
    1. Over coderen in Dreamweaver
    2. Coderingsomgeving in Dreamweaver
    3. Coderingsvoorkeuren instellen
    4. Codekleuren aanpassen
    5. Code schrijven en bewerken
    6. Coderingstips en codevoltooiing
    7. Code samenvouwen en uitvouwen
    8. Code hergebruiken met codefragmenten
    9. Linting voor code gebruiken
    10. Code optimaliseren
    11. Code bewerken in de ontwerpweergave
    12. Werken met de kopinhoud van pagina's
    13. Include-bestanden op de server invoegen in Dreamweaver
    14. Tagbibliotheken gebruiken in Dreamweaver
    15. Aangepaste tags importeren in Dreamweaver
    16. JavaScript-gedrag gebruiken (algemene instructies)
    17. Ingebouwd JavaScript-gedrag toepassen
    18. Over XML en XSLT
    19. XSL-transformaties op de server uitvoeren in Dreamweaver
    20. XSL-transformaties op de client uitvoeren in Dreamweaver
    21. Tekenentiteiten toevoegen voor XSLT in Dreamweaver
    22. Code opmaken
  13. Productonafhankelijke workflows
    1. Extensies in Dreamweaver installeren en gebruiken
    2. In-app updates in Dreamweaver
    3. Microsoft Office-documenten invoegen in Dreamweaver (alleen Windows)
    4. Werken met Fireworks en Dreamweaver
    5. Inhoud bewerken op Dreamweaver-sites met behulp van Contribute
    6. Integratie van Dreamweaver met Business Catalyst
    7. Persoonlijke e-mailcampagnes maken
  14. Sjablonen
    1. Over Dreamweaver-sjablonen
    2. Sjablonen en op een sjabloon gebaseerde documenten herkennen
    3. Een Dreamweaver-sjabloon maken
    4. Bewerkbare gebieden maken in sjablonen
    5. Herhalingsgebieden en tabellen maken in Dreamweaver
    6. Optionele gebieden in sjablonen gebruiken
    7. Bewerkbare tagkenmerken in Dreamweaver definiëren
    8. Geneste sjablonen maken in Dreamweaver
    9. Sjablonen bewerken, bijwerken en verwijderen
    10. XML-inhoud exporteren en importeren in Dreamweaver
    11. Een sjabloon uit een bestaand document toepassen of verwijderen
    12. Inhoud bewerken in Dreamweaver-sjablonen
    13. Syntaxisregels voor sjabloontags in Dreamweaver
    14. Voorkeuren voor de markering van sjabloongebieden instellen
    15. Voordelen van het gebruik van sjablonen in Dreamweaver
  15. Mobiel en meerdere schermen
    1. Mediaquery's maken
    2. Paginastand voor mobiele apparaten wijzigen
    3. Web-apps voor mobiele apparaten maken met Dreamweaver
  16. Dynamische sites, pagina's en webformulieren
    1. Informatie over web-applicaties
    2. Uw computer instellen voor het ontwikkelen van applicaties
    3. Problemen met databaseverbindingen oplossen
    4. Verbindingsscripts verwijderen in Dreamweaver
    5. Dynamische pagina's ontwerpen
    6. Overzicht van dynamische inhoudsbronnen
    7. Bronnen met dynamische inhoud definiëren
    8. Dynamische inhoud toevoegen aan pagina's
    9. Dynamische inhoud wijzigen in Dreamweaver
    10. Databaserecords weergeven
    11. Livegegevens leveren en problemen oplossen Dreamweaver
    12. Aangepast servergedrag toevoegen in Dreamweaver
    13. Formulieren maken met Dreamweaver
    14. Formulieren gebruiken om informatie van gebruikers te verzamelen
    15. ColdFusion-formulieren maken en inschakelen in Dreamweaver
    16. Webformulieren maken
    17. Verbeterde HTML5-ondersteuning voor formulierelementen
    18. Een formulier ontwikkelen met Dreamweaver
  17. Applicaties visueel samenstellen
    1. Hoofd- en detailpagina's maken in Dreamweaver
    2. Zoekpagina's en resultatenpagina's maken
    3. Een pagina voor het invoegen van records maken
    4. Een pagina voor het bijwerken van records maken in Dreamweaver
    5. Pagina's voor het verwijderen van records maken in Dreamweaver
    6. ASP-opdrachten gebruiken om een database aan te passen in Dreamweaver
    7. Een registratiepagina maken
    8. Een aanmeldingspagina maken
    9. Een pagina maken waartoe alleen geautoriseerde gebruikers toegang hebben
    10. Mappen beveiligen in ColdFusion met Dreamweaver
    11. ColdFusion-componenten gebruiken in Dreamweaver
  18. Websites testen, voorvertonen en publiceren
    1. Pagina's voorvertonen
    2. Dreamweaver-webpagina's voorvertonen op meerdere apparaten
    3. Uw Dreamweaver-site testen

 

Ontdek hoe u tekst toevoegt en opmaakt in Live View of de Codeweergave of door tekst en de bijbehorende eigenschappen te extraheren uit PSD-bestanden.

Tekst aan een document toevoegen

Als u tekst wilt toevoegen aan een Dreamweaver-document, kunt u rechtstreeks tekst in het documentvenster typen of tekst knippen en plakken. U kunt ook tekst uit andere documenten importeren.

Als u tekst in een Dreamweaver-document plakt, kunt u de opdracht Plakken of Plakken speciaal gebruiken. Met de opdracht Plakken speciaal kunt u de opmaak van de geplakte tekst op verschillende manieren opgeven. Als u bijvoorbeeld tekst uit een opgemaakt Microsoft Word-document in een Dreamweaver-document wilt plakken maar alle opmaak wilt verwijderen zodat u uw eigen CSS-stijlpagina op de geplakte tekst kunt toepassen, kunt u de tekst selecteren in Word, deze naar het Klembord kopiëren en met de opdracht Plakken speciaal de optie selecteren waarmee u alleen tekst plakt.

Als u de opdracht Plakken gebruikt voor het plakken van tekst uit andere applicaties, kunt u plakvoorkeuren instellen als standaardopties.

Opmerking:

Met Control+V (Windows) en Command+V (Macintosh) wordt altijd alleen tekst (zonder opmaak) geplakt in de codeweergave.

  1. Ga op een van de volgende manieren te werk om tekst toe te voegen aan uw document:
    • Gebruik het deelvenster Extract om tekst te extraheren uit uw PSD-composities. Zie Tekst uit PSD-bestanden kopiëren voor meer gedetailleerde informatie.
    • Typ tekst rechtstreeks in het documentvenster.
    • Kopieer tekst uit een andere applicatie, schakel over naar Dreamweaver, plaats de invoegpositie in de ontwerpweergave van het documentvenster en selecteer Bewerken > Plakken of Bewerken > Plakken speciaal.

    Als u Bewerken > Plakken speciaal selecteert, kunt u verschillende opmaakopties voor plakken selecteren.

    U kunt ook tekst plakken met de volgende sneltoetsen:

     

    Optie Plakken

    Sneltoets

    Plakken

    Control+V (Windows)

    Command+V (Macintosh)

    Plakken speciaal

    Control+Shift+V (Windows)

    Command+Shift+V (Macintosh)

     

Speciale tekens invoegen

Bepaalde speciale tekens worden in HTML weergegeven met een naam of een getal, aangeduid als een entiteit. HTML bevat entiteitsnamen voor tekens als het copyrightsymbool (©), het en-teken (&) en het gedeponeerd-handelsmerksymbool (®). Elke entiteit heeft zowel een naam (bijvoorbeeld —) als een numeriek equivalent (zoals —).

Opmerking:

HTML gebruikt de punthaken <> in de code, maar u wilt mogelijk de speciale tekens voor groter dan of kleiner dan gebruiken zonder dat Dreamweaver ze interpreteert als code. Gebruik in dit geval &gt; voor groter dan (>) en &lt; voor kleiner dan (<).

Veel benoemde entiteiten worden niet correct weergegeven in een groot aantal oudere browsers.

  1. Plaats de invoegpositie in het documentvenster op de plaats waar u een speciaal teken wilt invoegen.
  2. Voer een van de volgende stappen uit:
    • Selecteer de naam van het teken in het vervolgmenu Invoegen > HTML > Teken.

    • Ga naar de categorie HTML van de invoegbalk, klik op de optie Tekens en selecteer het gewenste teken in het pop-upmenu.

    Opmerking:

    Er zijn heel wat andere speciale tekens beschikbaar; om er een te selecteren, selecteert u Invoegen > HTML > Teken > Overige..., of klikt u op de knop Tekens in de categorie HTML van het deelvenster Invoegen en selecteert u de optie Andere lettertekens. Selecteer een teken uit het dialoogvenster Andere lettertekens en klik op OK.

Witruimte toevoegen tussen tekens

In HTML kan er maar één spatie tussen tekens staan. Als u meer spaties wilt toevoegen in een document, moet u een vaste spatie invoegen. U kunt een voorkeur instellen waarmee automatisch vaste spaties worden toegevoegd in een document.

Een vaste spatie invoegen

  1. Voer een van de volgende stappen uit:
    • Selecteer Invoegen > HTML > Speciale tekens > Vaste spaties.

    • Druk op Control+Shift+spatiebalk (Windows) of Option+spatiebalk (Macintosh).

    • Selecteer in het deelvenster Invoegen de optie HTML, klik op de knop Tekens en selecteer de optie Vaste spaties.

Een voorkeur instellen voor het toevoegen van vaste spaties

  1. Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
  2. Controleer of in de categorie Algemeen de optie Meerdere opeenvolgende spaties toestaan is ingeschakeld.

Witruimte tussen alinea's toevoegen

De manier van werken van Dreamweaver lijkt op die van heel wat tekstverwerkingstoepassingen: om een nieuwe alinea te maken, drukt u op Enter (Windows) of op Return (Macintosh). Webbrowsers voegen automatisch een lege regel met witruimte in tussen alinea's. U kunt één regel witruimte tussen alinea's toevoegen door een regeleinde in te voegen.

Een alinea-einde toevoegen

  1. Druk op Enter (Windows) of Return (Macintosh).

Een regeleinde toevoegen

  1. Voer een van de volgende stappen uit:
    • Druk op Shift+Enter (Windows) of Shift+Return (Macintosh).

    • Selecteer Invoegen > HTML > Speciale tekens > Regeleinde.

    • Selecteer in het deelvenster Invoegen de optie HTML, klik op de knop Tekens en selecteer Regeleinde.

Lijsten met opsommingstekens en nummering maken

U kunt een genummerde lijst (in rangorde), een lijst met opsommingstekens (zonder volgorde) en definitielijsten maken op basis van bestaande tekst of met nieuwe tekst die u in het documentvenster typt.

Voor definitielijsten worden geen voorlooptekens, zoals opsommingstekens of nummers, gebruikt. Ze worden vaak gebruikt in woordenlijsten of beschrijvingen. Lijsten kunnen ook worden genest. Geneste lijsten zijn lijsten die andere lijsten bevatten. U kunt bijvoorbeeld een geordende lijst of een lijst met opsommingstekens nesten binnen een andere genummerde of geordende lijst.

U gebruikt het dialoogvenster Lijsteigenschappen om het uiterlijk van een hele lijst of van een afzonderlijk lijstitem in te stellen. U kunt de nummeringsstijl instellen, de nummering opnieuw instellen of stijlopties voor opsommingstekens instellen voor afzonderlijke lijstitems of voor de hele lijst.

Een nieuwe lijst maken

  1. Plaats de invoegpositie in het Dreamweaver-document op de plaats waar u een lijst wilt toevoegen en ga vervolgens op een van de volgende manieren te werk:
    • In de HTML-eigenschappencontrole klikt u op Geordende lijst of Lijstitem.

    • Selecteer Invoegen > HTML en selecteer het gewenste type lijst: Niet-geordende lijst (met opsommingstekens) of Geordende lijst (met nummers).

      Het voorloopteken voor het opgegeven lijstitem wordt weergegeven in het documentvenster.

  2. Typ de tekst voor het lijstitem en druk vervolgens op Enter (Windows) of Return (Macintosh) om een nieuw lijstitem te maken.
  3. Beëindig de lijst door twee keer op Enter (Windows) of Return (Macintosh) te drukken.

Een lijst maken met bestaande tekst

  1. Selecteer een reeks alinea's waarvan u een lijst wilt maken.
  2. Selecteer Invoegen > HTML > Niet-geordende Lijst, Geordende lijst of Lijstitem.

Een geneste lijst maken

  1. Selecteer de lijstitems die u wilt nesten.

  2. Klik met de rechtermuisknop en selecteer Lijst > Inspringen.

    De tekst wordt ingesprongen in Dreamweaver en er wordt een afzonderlijke lijst gemaakt met de HTML-kenmerken van de oorspronkelijke lijst.

  3. Pas een nieuw lijsttype of een nieuwe lijststijl toe op de ingesprongen tekst via de hierboven beschreven procedure.

Lijsteigenschappen instellen voor een hele lijst

  1. Maak ten minste één lijstitem in het documentvenster. De nieuwe stijl wordt automatisch toegepast op andere items die u aan de lijst toevoegt.
  2. Met de invoegpositie in de tekst van het lijstitem, klikt u met de rechtermuisknop en selecteert u Lijst > Eigenschappen. Het systeem geeft het dialoogvenster Lijsteigenschappen weer.

  3. Stel de opties in die u wilt definiëren voor de lijst:

    Lijsttype

    Hiermee geeft u lijsteigenschappen op, terwijl u met Lijstitem een afzonderlijk item in een lijst opgeeft. Gebruik het pop-upmenu om een lijst met opsommingstekens, een genummerde lijst, een maplijst of een menulijst te selecteren. Afhankelijk van het geselecteerde lijsttype worden er verschillende opties weergegeven in het dialoogvenster.

    Stijl

    Bepaalt de stijl van nummers of opsommingstekens die worden gebruikt voor een genummerde lijst of lijst met opsommingstekens. Alle items in de lijst hebben deze stijl, tenzij u een nieuwe stijl opgeeft voor items binnen de lijst.

    Beginaantal

    Stelt de waarde in voor het eerste item in een genummerde lijst.

  4. Klik op OK om de keuzen in te stellen.

Lijsteigenschappen instellen voor een lijstitem

  1. Plaats de invoegpositie in het documentvenster in de tekst van een lijstitem dat u wilt wijzigen.
  2. Klik met de rechtermuisknop en selecteer Lijst > Eigenschappen.

  3. Stel onder Lijstitem de opties in die u wilt definiëren:

    Nieuwe stijl

    Geeft een stijl voor het geselecteerde lijstitem. Stijlen in het menu Nieuwe stijl hebben betrekking op het type lijst dat wordt weergegeven in het menu Lijsttype. Als in het menu Lijstitem bijvoorbeeld Lijst met opsommingstekens wordt weergegeven, zijn in het menu Nieuwe stijl alleen opties voor opsommingstekens beschikbaar.

    Aantal opnieuw instellen op

    Hiermee kunt een specifiek getal instellen waar vanaf lijstitems moeten worden genummerd.

  4. Klik op OK om de opties in te stellen.

Tekst zoeken en vervangen

Zie Tekst zoeken en vervangen voor informatie over het zoeken en vervangen van tekst.

Afkortingen en letterwoorden definiëren

HTML biedt tags waarmee u afkortingen en letterwoorden kunt definiëren die u in uw pagina gebruikt voor zoekmachines, spellingcontrole, vertaalprogramma's of spraakprogramma's. U kunt bijvoorbeeld opgeven dat de afkorting ME in uw pagina voor mechanical engineer staat, of het letterwoord WHO voor World Health Organization.

  1. Selecteer de afkorting of het acroniem in de tekst van de pagina.
  2. Selecteer Invoegen > HTML > Tekstobjecten > Afkorting of Invoegen > HTML > Tekstobjecten > Acroniem.
  3. Voer de volledige tekst van het acroniem of de afkorting in.
  4. Voer de taal in, bijvoorbeeld en voor Engels, nl voor Nederlands of it voor Italiaans.

Voorkeuren voor kopiëren en plakken instellen

U kunt speciale voorkeuren voor plakken instellen als standaardopties als u Bewerken > Plakken gebruikt om tekst uit andere applicaties te plakken. Als u bijvoorbeeld tekst altijd als alleen-tekst of als tekst met een basisopmaak wilt plakken, kunt u de standaardoptie instellen in het dialoogvenster met voorkeuren voor Kopiëren/Plakken.

Opmerking:

Als u tekst in een Dreamweaver-document plakt, kunt u de opdracht Plakken of Plakken speciaal gebruiken. Met de opdracht Plakken speciaal kunt u de opmaak van de geplakte tekst op verschillende manieren opgeven. Als u bijvoorbeeld tekst uit een opgemaakt Microsoft Word-document in een Dreamweaver-document wilt plakken maar alle opmaak wilt verwijderen zodat u uw eigen CSS-stijlpagina op de geplakte tekst kunt toepassen, kunt u de tekst selecteren in Word, deze naar het Klembord kopiëren en met de opdracht Plakken speciaal de optie selecteren waarmee u alleen tekst plakt.

Opmerking:

Voorkeuren die zijn ingesteld in het dialoogvenster met voorkeuren voor Kopiëren/Plakken, gelden alleen voor materiaal dat wordt geplakt in de ontwerpweergave.

  1. Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver Voorkeuren (Macintosh).
  2. Klik op de categorie Kopiëren/Plakken.
  3. Stel de volgende opties in en klik op OK.

    Alleen tekst

    Hiermee kunt u niet-opgemaakte tekst plakken. Als de oorspronkelijke tekst is opgemaakt, wordt alle opmaak, waaronder regeleinden en alinea's, verwijderd.

    Tekst met structuur

    Hiermee kunt u tekst plakken waarin de structuur behouden blijft, maar de basisopmaak niet. U kunt bijvoorbeeld tekst plakken en daarbij de structuur van alinea's, lijsten en tabellen behouden, zonder dat vet, cursief en andere opmaak behouden blijft.

    Tekst met structuur en basisopmaak

    Hiermee kunt u zowel gestructureerde als eenvoudige HTML-tekst plakken (bijvoorbeeld paragrafen en tabellen, en tekst die is opgemaakt met de tag b, i, u, strong, em, hr, abbr of acronym).

    Tekst met structuur en volledige opmaak

    Hiermee kunt u tekst plakken waarin alle structuur, HTML-opmaak en CSS-stijlen behouden blijven.

    Opmerking:

    Met de optie Volledige opmaak worden geen CSS-stijlen behouden die uit een externe stijlpagina komen. Ook kunnen er geen stijlen behouden blijven als de applicatie van waaruit u plakt geen stijlen behoudt bij het kopiëren naar het Klembord.

    Regeleinden behouden

    Hiermee kunt u regeleinden behouden in geplakte tekst. Deze optie is uitgeschakeld als u Alleen tekst hebt geselecteerd.

    Alinea-afstanden van Word opruimen

    Selecteer deze optie als u Tekst met structuur of Tekst met structuur en basisopmaak hebt geselecteerd en extra witruimte tussen alinea's wilt verwijderen bij het plakken van de tekst.

    Gekrulde aanhalingstekens omzetten in rechte aanhalingstekens Zet gekrulde aanhalingstekens om in rechte.

 Adobe

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?