David Powers
Laatst bijgewerkt op
3 mei 2021
- Dreamweaver Handboek
- Inleiding
- Dreamweaver en Creative Cloud
- De werkruimten en weergaven van Dreamweaver
- Sites opzetten
- Over Dreamweaver-sites
- Een lokale versie van uw site instellen
- Verbinding maken met een publicatieserver
- Een testserver instellen
- Instellingen van Dreamweaver-sites importeren en exporteren
- Bestaande websites overzetten van een externe server naar de hoofdmap van uw lokale site
- Toegankelijkheidsfuncties in Dreamweaver
- Geavanceerde instellingen
- Sitevoorkeuren instellen voor het overzetten van bestanden
- Proxyserverinstellingen opgeven in Dreamweaver
- Dreamweaver-instellingen synchroniseren met Creative Cloud
- Git gebruiken in Dreamweaver
- Bestanden beheren
- Bestanden maken en openen
- Bestanden en mappen beheren
- Bestanden van uw server ophalen en op uw server plaatsen
- Bestanden inchecken en uitchecken
- Bestanden synchroniseren
- Bestanden vergelijken om verschillen op te sporen
- Bestanden en mappen op uw Dreamweaver-site camoufleren
- Ontwerpnotities inschakelen voor Dreamweaver-sites
- Potentieel misbruik van Gatekeeper voorkomen
- Lay-out en ontwerp
- CSS
- Informatie over CSS (Cascading Style Sheets)
- Pagina's opmaken met CSS ontwerpen
- CSS-preprocessors gebruiken in Dreamweaver
- CSS-stijlvoorkeuren instellen in Dreamweaver
- CSS-regels verplaatsen in Dreamweaver
- Inline CSS converteren naar een CSS-regel in Dreamweaver
- Werken met div-tags
- Verlopen toepassen op een achtergrond
- CSS3-overgangseffecten maken en bewerken in Dreamweaver
- Code opmaken
- Pagina-inhoud en assets
- Pagina-eigenschappen instellen
- Eigenschappen voor CSS-koppen en CSS-koppelingen
- Werken met tekst
- Tekst, tags en kenmerken zoeken en vervangen
- Het deelvenster DOM
- Bewerken in Live View
- Documenten coderen in Dreamweaver
- Elementen selecteren en weergeven in het documentvenster
- Teksteigenschappen instellen in de eigenschappencontrole
- Spelling op een webpagina controleren
- Horizontale lijnen gebruiken in Dreamweaver
- Lettertypecombinaties toevoegen en aanpassen in Dreamweaver
- Werken met assets
- Datums in Dreamweaver invoegen en bijwerken
- Favoriete assets maken en beheren in Dreamweaver
- Afbeeldingen invoegen en bewerken in Dreamweaver
- Mediaobjecten toevoegen
- Video's toevoegen in Dreamweaver
- HTML5-video invoegen
- SWF-bestanden invoegen
- Audio-effecten toevoegen
- HTML5-audio invoegen in Dreamweaver
- Werken met bibliotheekitems
- Arabische en Hebreeuwse tekst gebruiken in Dreamweaver
- Koppelingen en navigatie
- jQuery-widgets en -effecten
- Websites coderen
- Over coderen in Dreamweaver
- Coderingsomgeving in Dreamweaver
- Coderingsvoorkeuren instellen
- Codekleuren aanpassen
- Code schrijven en bewerken
- Coderingstips en codevoltooiing
- Code samenvouwen en uitvouwen
- Code hergebruiken met codefragmenten
- Linting voor code gebruiken
- Code optimaliseren
- Code bewerken in de ontwerpweergave
- Werken met de kopinhoud van pagina's
- Include-bestanden op de server invoegen in Dreamweaver
- Tagbibliotheken gebruiken in Dreamweaver
- Aangepaste tags importeren in Dreamweaver
- JavaScript-gedrag gebruiken (algemene instructies)
- Ingebouwd JavaScript-gedrag toepassen
- Over XML en XSLT
- XSL-transformaties op de server uitvoeren in Dreamweaver
- XSL-transformaties op de client uitvoeren in Dreamweaver
- Tekenentiteiten toevoegen voor XSLT in Dreamweaver
- Code opmaken
- Productonafhankelijke workflows
- Extensies in Dreamweaver installeren en gebruiken
- In-app updates in Dreamweaver
- Microsoft Office-documenten invoegen in Dreamweaver (alleen Windows)
- Werken met Fireworks en Dreamweaver
- Inhoud bewerken op Dreamweaver-sites met behulp van Contribute
- Integratie van Dreamweaver met Business Catalyst
- Persoonlijke e-mailcampagnes maken
- Sjablonen
- Over Dreamweaver-sjablonen
- Sjablonen en op een sjabloon gebaseerde documenten herkennen
- Een Dreamweaver-sjabloon maken
- Bewerkbare gebieden maken in sjablonen
- Herhalingsgebieden en tabellen maken in Dreamweaver
- Optionele gebieden in sjablonen gebruiken
- Bewerkbare tagkenmerken in Dreamweaver definiëren
- Geneste sjablonen maken in Dreamweaver
- Sjablonen bewerken, bijwerken en verwijderen
- XML-inhoud exporteren en importeren in Dreamweaver
- Een sjabloon uit een bestaand document toepassen of verwijderen
- Inhoud bewerken in Dreamweaver-sjablonen
- Syntaxisregels voor sjabloontags in Dreamweaver
- Voorkeuren voor de markering van sjabloongebieden instellen
- Voordelen van het gebruik van sjablonen in Dreamweaver
- Mobiel en meerdere schermen
- Dynamische sites, pagina's en webformulieren
- Informatie over web-applicaties
- Uw computer instellen voor het ontwikkelen van applicaties
- Problemen met databaseverbindingen oplossen
- Verbindingsscripts verwijderen in Dreamweaver
- Dynamische pagina's ontwerpen
- Overzicht van dynamische inhoudsbronnen
- Bronnen met dynamische inhoud definiëren
- Dynamische inhoud toevoegen aan pagina's
- Dynamische inhoud wijzigen in Dreamweaver
- Databaserecords weergeven
- Livegegevens leveren en problemen oplossen Dreamweaver
- Aangepast servergedrag toevoegen in Dreamweaver
- Formulieren maken met Dreamweaver
- Formulieren gebruiken om informatie van gebruikers te verzamelen
- ColdFusion-formulieren maken en inschakelen in Dreamweaver
- Webformulieren maken
- Verbeterde HTML5-ondersteuning voor formulierelementen
- Een formulier ontwikkelen met Dreamweaver
- Applicaties visueel samenstellen
- Hoofd- en detailpagina's maken in Dreamweaver
- Zoekpagina's en resultatenpagina's maken
- Een pagina voor het invoegen van records maken
- Een pagina voor het bijwerken van records maken in Dreamweaver
- Pagina's voor het verwijderen van records maken in Dreamweaver
- ASP-opdrachten gebruiken om een database aan te passen in Dreamweaver
- Een registratiepagina maken
- Een aanmeldingspagina maken
- Een pagina maken waartoe alleen geautoriseerde gebruikers toegang hebben
- Mappen beveiligen in ColdFusion met Dreamweaver
- ColdFusion-componenten gebruiken in Dreamweaver
- Websites testen, voorvertonen en publiceren
- Problemen oplossen
Voor de blijvende HTML5-ondersteuning in Dreamweaver zijn nieuwe kenmerken geïntroduceerd voor bepaalde formulierelementen. Daarnaast zijn er vier nieuwe HMTL5-formulierelementen geïntroduceerd.
U kunt de formulierelementen vinden in het deelvenster Invoegen. Selecteer Venster > Invoegen. Selecteer Formulieren in het menu van het deelvenster Invoegen.
Gereviseerde workflow voor formulieren in Dreamweaver
Gereviseerde workflow voor formulieren in de Dreamweaver 12.1-update.
Nieuwe veelgebruikte kenmerken voor formulierelementen
De volgende nieuwe kenmerken worden veel gebruikt voor alle formulierelementen:
- Disabled: selecteer deze optie als u wilt dat de browser het element uitschakelt.
- Required: selecteer deze optie als u wilt dat de browser controleert of er een waarde is opgegeven.
- Auto complete: selecteer deze optie als u wilt dat waarden automatisch worden ingevoerd wanneer de gebruiker informatie in een browser invoert.
- Auto focus: selecteer deze optie als u de focus op dit element wilt plaatsen wanneer de pagina wordt geladen in de browser.
- Read only: selecteer deze optie als u de waarde van het element wilt instellen op alleen-lezen.
- Form: geeft een of meer formulieren aan waartoe een <input>-element behoort.
- Name: de unieke naam die wordt gebruikt om naar het object in de code te verwijzen.
- Place holder: tip die de verwachte waarde aangeeft.
- Pattern: reguliere expressie waartegen de waarde van het element wordt gevalideerd.
- Title: Aanvullende informatie over een element. Weergegeven als knopinfo.
- Tab Index: hiermee geeft u voor het huidige element de positie in de tabvolgorde voor het huidige document op.
Formulierelementen met gewijzigde kenmerken
- Form No Validate: Selecteer deze optie om formuliervalidatie uit te schakelen. Deze selectie overschrijft het kenmerk Niet valideren op formulierniveau.
- Form Enc Type: een MIME-type waarmee een gebruikersagent dit element kan koppelen voor het verzenden van het formulier.
- Form Target: een contextnaam of trefwoord voor bladeren dat het doel van het besturingselement vertegenwoordigt.
- Accept charset: geeft de tekencoderingen aan die worden gebruikt voor het verzenden van formulieren.
Opmerking:
De koppelingen voor kenmerken bevatten informatie over alle kenmerken die worden vermeld in de HTML5-specificaties. Niet alle kenmerken zijn aanwezig in het deelvenster Eigenschappen. U kunt de codeweergave gebruiken om kenmerken toe te voegen die niet aanwezig zijn in het deelvenster.
| Formulierelement | Nieuwe kenmerken die specifiek zijn voor het element | Beschrijving van kenmerken |
| Tekstveld | List | http://www.w3.org/TR/html-markup/input.text.html |
| Knop | <Geen nieuw specifiek kenmerk> | http://www.w3.org/wiki/HTML/Elements/button |
| Selectievakje | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| Bestand | Multiple | http://www.w3.org/TR/html-markup/input.file.html |
| Formulier | No validate, Accept charset | http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html |
| Verborgen | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html |
| Wachtwoord | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/html-markup/input.password.html |
| Afbeelding | Width, Height, Action, Method, Form no Validate, Form Enc Type, Form target. | http://www.w3.org/TR/html-markup/input.image.html |
| Herstellen | <Geen nieuw specifiek kenmerk> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| Verzenden | Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. | http://www.w3.org/TR/html-markup/input.submit.html |
| Keuzerondje | <Geen nieuw specifiek kenmerk> | http://www.w3.org/TR/html-markup/input.radio.html |
| Tekstgebied | Rows, Cols, Place Holder, Wrap, Max Length, Tab Index | http://www.w3.org/TR/html-markup/textarea.html |
| Keuzelijst | Size | http://www.w3.org/wiki/HTML/Elements/select |
HTML5-formulierelementen
| Formulierelement | Beschikbaar in | Beschrijving | Beschrijving van kenmerken |
| Kleur | 12.2 | Voor invoervelden die een kleur moeten bevatten. | http://www.w3.org/TR/html-markup/input.color.html |
| Datum | 12.2 | Besturingselement waarmee de gebruiker een datum kan selecteren. | http://www.w3.org/TR/html-markup/input.date.html |
| Datum en tijd | 12.2 | Hiermee kan de gebruiker een datum en tijd (met de tijdzone) selecteren. | http://www.w3.org/TR/html-markup/input.datetime.html |
| Lokale datum en tijd | 12.2 | Hiermee kan de gebruiker een datum en tijd (zonder tijdzone) selecteren. | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Maand | 12.2 | Hiermee kan de gebruiker een maand en jaar selecteren. | http://www.w3.org/TR/html-markup/input.month.html |
| Getal | 12.2 | Voor velden die alleen getallen moeten bevatten. | http://www.w3.org/TR/html-markup/input.number.html |
| Bereik | 12.2 | Voor velden die waarden uit een bereik met getallen moeten bevatten. | http://www.w3.org/TR/html-markup/input.range.html |
| Tijd | 12.2 | Hiermee kan de gebruiker een tijd selecteren. | http://www.w3.org/TR/html-markup/input.time.html |
| Week | 12.2 | Hiermee kan de gebruiker een week en jaar selecteren. | http://www.w3.org/TR/html-markup/input.week.html |
| 12.1 | Een besturingselement voor het bewerken van een lijst met e-mailadressen die is opgegeven in de waarde voor het element. | http://www.w3.org/TR/html-markup/input.email.html | |
| Zoeken | 12.1 | Een besturingselement van één regel voor bewerking van normale tekst waarmee u een of meer zoektermen kunt invoeren. | http://www.w3.org/TR/html-markup/input.search.html |
| Telefoon (tel) | 12.1 | Een besturingselement van één regel voor bewerking van normale tekst waarmee u een telefoonnummer kunt invoeren. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL | 12.1 | Een besturingselement voor het bewerken van een absolute URL die is opgegeven in de waarde voor het element. | http://www.w3.org/TR/html-markup/input.url.html |
