Als u de voorkeur geeft aan codesites met de hand, kunt u HTML-bestanden bewerken in een basisteksteditor zoals Notepad (Windows) of TextItit (MacOS). Als je liever in staat zou zijn om elementen op het scherm te verplaatsen en live previews te bekijken, kun je een WYSIWYG gebruiken (wat je ziet is wat je krijgt) Editor zoals Dreamweaver of Kompozer. ThisTeaches U HTML-bestand openen en bewerken in een standaard- of visuele bewerkingsapp.

Stappen

Methode 1 van 4:

Een Kladblok gebruiken op Windows

1. Klik op de knop Windows Start

. Het is de knop met een Windows-logo in de taakbalk. Standaard is het in de linkerbenedenhoek. Hiermee wordt het menu Start weergegeven

Titel afbeelding Bewerk HTML-bestanden Stap 2

2. Type Kladblok. Dit toont Notepad in het menu Start.

Titel afbeelding Bewerk HTML-bestanden Stap 3

3. Klik Kladblok. Het heeft een pictogram dat lijkt op een notitieblok met een blauwe omslag.

Titel afbeelding Bewerk HTML-bestanden Stap 4

4. Klik het dossier. Het staat bovenaan de menubalk in Kladblok. Dit toont een vervolgkeuzemenu. Hiermee wordt een bestandsbrowser weergegeven die u kunt gebruiken om bestanden in Kladblok te openen.

Titel afbeelding Bewerk HTML-bestanden Stap 5

5. Klik Open. Het is de tweede optie in het vervolgkeuzemenu Bestand.

Titel afbeelding Bewerk HTML-bestanden Stap 6

6. Selecteren "Alle bestanden" In het vervolgkeuzemenu van het bestandstype. Klik op de vervolgkeuzelijst die zegt "Tekstdocumenten (.tekst)" en selecteer "Alle bestanden" In het vervolgkeuzemenu. Dit toont alle documenttypen (inclusief HTML-bestanden) in de bestandsbrowser.

Titel afbeelding Bewerk HTML-bestanden Stap 7

7. Selecteer een HTML-bestand en klik Open. Dit opent het HTML-document in Kladblok. U kunt de HTML-code in Kladblok bewerken.

Als alternatief kunt u Maak een nieuw HTML-document In Kladblok.

Titel afbeelding Bewerk HTML-bestanden Stap 8

8. Bewerk de HTML-code. Om HTML in Kladblok te bewerken, moet u dat doen Leer HTML zodat je het met de hand kunt bewerken. Gemeenschappelijke elementen die u kunt bewerken, zijn het volgende.

: Dit gaat bovenaan het HTML-document. Dit vertelt de webbrowser dat dit een HTML-document is.

: Deze tags gaan aan de boven- en onderkant van het HTML-document. Dit geeft aan waar de HTML-code start en stopt.

: Deze tags gaan bovenaan het HTML-document. Ze geven aan waar het hoofd van het HTML-document start en stopt. Het hoofd van het HTML-document bevat informatie die niet op de webpagina wordt gezien. Dit omvat de paginatitel, metadata en CSS

Pagina titel: Deze tags geven de titel de pagina aan. De titel gaat in het hoofd van het HTML-document. Typ de titel van de pagina tussen deze twee tags.

: Deze tags geven aan waar het lichaam van het HTML-document start en stopt. Het lichaam is waar alle inhoud van het webpagina is geschreven. Het lichaam komt na het hoofd in het HTML-document.

Koptekst: Deze tags maken kop-tags. De tekst tussen de "

" en "

" Tags verschijnt als een grote gedurfde tekst. Tekst gaat in het lichaam van het HTML-document.

Paragraaf tekst: Deze tags worden gebruikt om paragraaftekst in een HTML-document te maken. De tekst die tussendoor is "

" en "

" verschijnt als tekst van normaal formaat. Tekst gaat in het lichaam van het HTML-document.

Vetgedrukte tekst: Deze tags worden gebruikt om gedurfde tekst te maken. De tekst die tussendoor is "" en "" verschijnt als gedurfde tekst.

Cursieve tekst: Deze tags worden gebruikt om cursieve tekst te maken. De tekst die tussendoor is "" en "" verschijnt als itallic-tekst.

verbind tekst: Deze tag wordt gebruikt om te linken naar een andere website. Kopieer het webadres waarnaar u wilt koppelen en plakken waar het zegt "Url" (tussen de aanhalingstekens). De tekst voor de link waar het zegt "verbind tekst" (Geen aanhalingstekens nodig).

: Deze tag wordt gebruikt om een afbeelding te plaatsen met HTML. Vervang de tekst die zegt "afbeelding URL" met het webadres van de afbeelding.

Titel afbeelding Bewerk HTML-bestanden Stap 9

9. Klik het dossier. Het zit in de menubalk aan de bovenkant van het scherm.

Titel afbeelding Bewerk HTML-bestanden Stap 10

10. Klik Opslaan als. Hiermee wordt een dialoogvenster geopend die u kunt gebruiken om uw bestand op te slaan.

Om het bestand op te slaan als het bestaande naam en het bestandstype, klikt u gewoon Sparen In het vervolgkeuzemenu hieronder "het dossier".

Titel afbeelding Bewerk HTML-bestanden Stap 11

11. Selecteren "Alle bestanden". Gebruik het vervolgkeuzemenu naast Opslaan als Type" selecteren "Alle bestanden".

Titel afbeelding Bewerk HTML-bestanden Stap 12

12. Typ een naam voor het bestand. Gebruik het vakje naast "Bestandsnaam" Om een naam voor het bestand te typen.

Titel afbeelding Bewerk HTML-bestanden Stap 13

13. Type .html Aan het einde van het bestand. Nadat u een naam hebt voor het bestand in de "Bestandsnaam" doos, voeg de extensie toe ".html" Aan het einde van de bestandsnaam. Zonder deze extensie zal het het bestand opslaan als een .TXT-bestand, in plaats van een HTML-bestand.

Titel afbeelding Bewerk HTML-bestanden Stap 14

14. Klik Sparen. Dit slaat het bestand op.

Methode 2 van 4:

Textedit gebruiken op Mac

1. Klik op het pictogram Vergrootglas

. Het zit in de rechterbovenhoek van de Mac Desktop. Dit geeft een zoekbalk weer.

Titel afbeelding Bewerk HTML-bestanden Stap 16

2. Type Textedit in de zoekbalk. Hiermee wordt een lijst met apps weergegeven die overeenkomen met uw zoekresultaten.

Titel afbeelding Bewerk HTML-bestanden Stap 17

3. Klik Textedit.app. Het staat bovenaan de zoekresultaten. Het staat naast een pictogram dat lijkt op een vel papier en een pen.

Titel afbeelding Bewerk HTML-bestanden Stap 18

4. Klik het dossier. Het staat in de menubalk aan de bovenkant van het scherm wanneer Textedit open is.

Titel afbeelding Bewerk HTML-bestanden Stap 19

5. Klik Open. Hiermee wordt een bestandsbrowser geopend die u kunt gebruiken om door uw Mac te navigeren en bestanden te openen.

Titel afbeelding Bewerk HTML-bestanden Stap 20

6. Klik op een HTML-bestand en klik Open. HTML-bestanden hebben een extensie die zegt ".html" Na de bestandsnaam. Gebruik de bestandsbrowser om naar een HTML-bestand te navigeren en klik erop om het te selecteren. Dan klikken Open Om het HTML-bestand in TextTit te openen.

Titel afbeelding Bewerk HTML-bestanden Stap 21

7. Bewerk de HTML-code. U kunt Textedit gebruiken om HTML-code op MAAK te bewerken. Jij moet Leer HTML zodat je het met de hand kunt bewerken. Gemeenschappelijke elementen die u kunt bewerken, zijn het volgende.

: Dit gaat bovenaan het HTML-document. Dit vertelt de webbrowser dat dit een HTML-document is.

: Deze tags gaan aan de boven- en onderkant van het HTML-document. Dit geeft aan waar de HTML-code start en stopt.

Pagina titel: Deze tags geven de titel de pagina aan. De titel gaat in het hoofd van het HTML-document. Typ de titel van de pagina tussen deze twee tags.

: Deze tags geven aan waar het lichaam van het HTML-document start en stopt. Het lichaam is waar alle inhoud van het webpagina is geschreven. Het lichaam komt na het hoofd in het HTML-document.

Koptekst: Deze tags maken kop-tags. De tekst tussen de "

" en "

" Tags verschijnt als een grote gedurfde tekst. Tekst gaat in het lichaam van het HTML-document.

Paragraaf tekst: Deze tags worden gebruikt om paragraaftekst in een HTML-document te maken. De tekst die tussendoor is "

" en "

" verschijnt als tekst van normaal formaat. Tekst gaat in het lichaam van het HTML-document.

Vetgedrukte tekst: Deze tags worden gebruikt om gedurfde tekst te maken. De tekst die tussendoor is "" en "" verschijnt als gedurfde tekst.

Cursieve tekst: Deze tags worden gebruikt om cursieve tekst te maken. De tekst die tussendoor is "" en "" verschijnt als itallic-tekst.

: Deze tag wordt gebruikt om een afbeelding te plaatsen met HTML. Vervang de tekst die zegt "afbeelding URL" met het webadres van de afbeelding.

Titel afbeelding Bewerk HTML-bestanden Stap 22

8. Klik het dossier. Het zit in de menubalk aan de bovenkant van het scherm.

Titel afbeelding Bewerk HTML-bestanden Stap 23

9. Klik Sparen. Het zit in het vervolgkeuzemenu hieronder "het dossier". Dit slaat het HTML-bestand op.

Om de naam van het bestand te wijzigen, klikt u op Hernoemen in de "het dossier" drop-down menu. Typ een nieuwe naam voor het bestand bovenaan het scherm. Zorg ervoor dat u de ".html" extensie bovenaan de pagina.

Methode 3 van 4:

Dreamweaver gebruiken

1. Open Dreamweaver. Dreamweaver heeft een pictogram dat lijkt op een groen plein dat zegt "Dw" middenin. Klik op het pictogram in het menu Windows Start of Application Folder op Mac om Dreamweaver te openen.

Adobe Dreamweaver heeft een abonnement. U kunt een abonnement kopen vanaf $ 20.99 per maand.

Titel afbeelding Bewerk HTML-bestanden Stap 25

2. Klik het dossier. Het zit in de menubalk aan de bovenkant van het scherm.

Titel afbeelding Bewerk HTML-bestanden Stap 26

3. Klik Open. Het zit in het vervolgkeuzemenu hieronder "het dossier".

Titel afbeelding Bewerk HTML-bestanden Stap 27

4. Selecteer een HTML-document en klik op Open. Gebruik de bestandsbrowser om een HTML-document op uw computer te selecteren en klik erop om het te selecteren. Dan klikken Open in de rechterbenedenhoek.

Titel afbeelding Bewerk HTML-bestanden Stap 28

5. Klik Splitsen. Het is het middelste tabblad bovenaan de pagina. Hiermee wordt een gesplitst scherm weergegeven met een HTML-editor aan de onderkant en een voorbeeldscherm bovenop.

Titel afbeelding Bewerk HTML-bestanden Stap 29

6. Bewerk het HTML-document. Gebruik de HTML-editor om HTML te bewerken. De manier waarop u HTML in Dreamweaver bewerkt is niet te anders dan het bewerken van HTML in Kladblok of Textedit. Terwijl u een HTML-tag typt, verschijnt een zoekmenu met bijpassende HTML-tags. U kunt op de HTML-tag klikken om de opening en het sluiten van tags in te voegen. Dreamweaver zal controleren of er het openen en sluiten van tags voor al uw HTML-elementen zijn.

U kunt ook klikken waar u een HTML-element in de HTML-editor wilt invoegen en klikt Invoegen In de menubalk aan de bovenkant van het scherm. Klik op het item dat u in het vervolgkeuzemenu wilt invoegen om de HTML-code automatisch toe te voegen.

Titel afbeelding Bewerk HTML-bestanden Stap 30

7. Klik het dossier. Wanneer u klaar bent met het bewerken van het HTML-document, klikt u op het dossier In de menubalk aan de bovenkant van het scherm.

Titel afbeelding Bewerk HTML-bestanden Stap 31

8. Klik Sparen. Het zit in het vervolgkeuzemenu hieronder het dossier. Dit slaat uw HTML-document op.

Methode 4 van 4:

Kompozer gebruiken

1. Ga naar HTTPS: // Sourceforge.NET / PROJECTEN / KOMPOZER / In een webbrowser. U kunt elke webbrowser gebruiken op pc of Mac. Dit is de downloadpagina voor Kompozer. Het is een gratis HTML (WYSIWYG) -editor die werkt op zowel Windows als Mac.

Titel afbeelding Bewerk HTML-bestanden Stap 33

2. Klik Gedownload. Het is de groene knop dichtbij de bovenkant van de pagina. Dit neemt je mee naar een aparte downloadpagina. Na een vertraging van 5 seconden begint uw download.

Titel afbeelding Bewerk HTML-bestanden Stap 34

3. Dubbelklik op het installatie-bestand. Standaard zijn uw gedownloade bestanden te vinden in uw "Downloads" map op pc of Mac. U kunt er ook op klikken in uw webbrowser om het kompozer-installatieprogramma te starten. Gebruik de volgende instructies om Kompozer te installeren:

Ramen:

Als u wordt gevraagd of u wilt toestaan dat het installatieprogramma wijzigingen in uw systeem aanbrengt, klikt u op Ja.

Klik De volgende In de Intro Windows.

Klik op de radiale knop naast "Ik accepteer de overeenkomst" en klik De volgende.

Klik De volgende Om de standaard installatielocatie of klik te gebruiken Browsen Om een andere installatie-locatie te selecteren.

Klik De volgende en klik vervolgens De volgende opnieuw

Klik Installeren

Klik Af hebben

Mac:

Dubbelklik op het bestand Kompozer Install.

Klik Kompozer.app

Klik op het Apple-pictogram in de linkerbovenhoek.

Klik Systeem voorkeuren

Klik Veiligheid en privacy

Klik op de Algemeen tab.

Klik Open hoe dan ook Dichtbij de onderkant van het venster.

Klik Open In het pop-upvenster.

Sleep het KOMPOZER-pictogram naar uw bureaublad.

Open de finder.

Klik op de Toepassingen map.

Sleep het Kompozer-pictogram van het bureaublad naar de map Toepassingen.

Titel afbeelding Bewerk HTML-bestanden Stap 35

4. Open Kompozer. Gebruik de volgende stappen om Kompozer op pc of Mac te openen

Ramen:

Klik op de Windows Start menu.

Type "Kompozer"

Dubbelklik op het kompozer-pictogram.

Mac:

Klik op het vergrootglaspictogram in de rechterbovenhoek.

Type "Kompozer" in de zoekbalk.

Dubbelklik Kompozer.app.

Titel afbeelding Bewerk HTML-bestanden Stap 36

5. Klik het dossier. Het zit in de menubalk aan de bovenkant van de app.

Titel afbeelding Bewerk HTML-bestanden Stap 37

6. Klik Open bestand. Het is de tweede optie in het vervolgkeuzemenu hieronder "het dossier". Dit opent een bestandsbrowser die u kunt gebruiken om een open HTML-bestand te selecteren.

Titel afbeelding Bewerk HTML-bestanden Stap 38

7. Klik op een HTML-bestand en klik Open. Dit opent het HTML-bestand in Kompozer.

Titel afbeelding Bewerk HTML-bestanden Stap 39

8. Klik Splitsen. Het is het middelste tabblad bovenaan de pagina. Hiermee wordt een gesplitst scherm weergegeven met een HTML-editor aan de onderkant en een voorbeeldscherm bovenop.

Mogelijk moet u de app vergroten, zodat u meer ruimte hebt om te werken.

Titel afbeelding Bewerk HTML-bestanden Stap 40

9. Bewerk het HTML-document. Het HTML-broncodescherm bevindt zich onderaan, u kunt dit scherm gebruiken om HTML op dezelfde manier te bewerken in Kladblok of Textedit. U kunt ook het voorbeeldscherm gebruiken om uw HTML te bewerken met behulp van de volgende stappen:

Gebruik het vervolgkeuzemenu in de rechterbovenhoek om het teksttype (I te selecteren.e rubriek, paragraaf, ect}

Klik en typ om tekst toe te voegen.

Gebruik de knoppen in het paneel boven aan het scherm om gedurfde, cursief, tekstuitlijning, inspringingen of lijsten aan uw tekst toe te voegen.

Klik op het gekleurde vierkant in het paneel aan de bovenkant van het scherm om de tekstkleur te wijzigen.

Klik op de Beeld Pictogram aan de bovenkant van het scherm om een afbeelding toe te voegen aan uw HTML-document.

Klik op het pictogram dat lijkt op een kettinglink om een link naar uw HTML-document toe te voegen.

Titel afbeelding Bewerk HTML-bestanden Stap 41

10. Klik op de Sparen icoon. Zodra u klaar bent met het aanbrengen van wijzigingen in uw document, klikt u op de Sparen pictogram aan de bovenkant van het scherm. Het is onder een pictogram dat lijkt op een diskette. Dit slaat je werk op.