As u verkies om webwerwe met die hand te kodeer, kan u HTML-lêers in `n basiese teksredakteur soos Notepad (Windows) of TEXTEDIT (MACOS) wysig. As jy eerder elemente op die skerm kan skuif en lewendige voorskoue kan sien, kan jy `n WYSIWYG gebruik (wat jy sien is wat jy kry) Redakteur soos Dreamweaver of Kompozer. Disteaches Jy Hoe om `n HTML-lêer oop te maak en te wysig in `n standaard- of visuele redigeringprogram.

Stappe

Metode 1 van 4:

Gebruik `n Notepad op Windows

1. Klik op die Windows Start-knoppie

. Dit is die knoppie wat `n Windows-logo in die taakbalk het. By verstek is dit in die onderste linkerhoek. Dit vertoon die Start-kieslys

2. Tipe Notaboek. Dit vertoon notaboek in die Start-kieslys.

3. Kliek Notaboek. Dit het `n ikoon wat lyk soos `n notaboek met `n blou bedekking.

4. Kliek lêer. Dit is bo-aan die menubalk in Notepad. Dit vertoon `n keuselys. Dit vertoon `n lêerblaaier wat u kan gebruik om lêers in Notepad oop te maak.

5. Kliek Oopmaak. Dit is die tweede opsie in die lêer-aftrekkieslys.

6. Uitkies "Alle lêers" In die lêer tipe aftrekkieslys. Klik op die afrol wat sê "Teksdokumente (.txt)" en kies "Alle lêers" In die aftreklys. Dit vertoon alle dokument tipes (insluitend HTML-lêers) in die lêerblaaier.

7. Kies `n HTML-lêer en klik Oopmaak. Dit maak die HTML-dokument in Notepad oop. U kan die HTML-kode in Notepad wysig.

Alternatiewelik kan jy Skep `n nuwe HTML-dokument in Notepad.

8. Wysig die HTML-kode. Om HTML in Notepad te wysig, moet u dit doen Leer HTML sodat jy dit met die hand kan wysig. Algemene elemente wat u kan redigeer, sluit die volgende in.

: Dit gaan bo-aan die HTML-dokument. Dit vertel die webblaaier dat dit `n HTML-dokument is.

: Hierdie etikette gaan bo en onder van die HTML-dokument. Dit dui aan waar die HTML-kode begin en stop.

: Hierdie etikette gaan bo-aan die HTML-dokument. Hulle dui aan waar die hoof van die HTML-dokument begin en stop. Die hoof van die HTML-dokument bevat inligting wat nie op die webblad gesien word nie. Dit sluit die bladsy titel, metadata en CSS in

Bladsitel: Hierdie etikette dui die titel die bladsy aan. Die titel gaan in die hoof van die HTML-dokument. Tik die titel van die bladsy tussen hierdie twee etikette.

: Hierdie etikette dui aan waar die liggaam van die HTML-dokument begin en stop. Die liggaam is waar al die inhoud van die webblad geskryf word. Die liggaam kom na die kop in die HTML-dokument.

Hoofstuk teks: Hierdie etikette skep kopmerke. Die teks tussen die "

" en "

" Tags verskyn as `n groot vet teks. Teks gaan in die liggaam van die HTML-dokument.

Paragraaf teks: Hierdie etikette word gebruik om paragraaf teks in `n HTML-dokument te skep. Die teks wat tussenin gaan tussen "

" en "

" verskyn as normale grootte teks. Teks gaan in die liggaam van die HTML-dokument.

Vet teks: Hierdie etikette word gebruik om vet teks te skep. Die teks wat tussenin gaan tussen "" en "" verskyn as vet teks.

Kursiese teks: Hierdie etikette word gebruik om kursiese teks te skep. Die teks wat tussenin gaan tussen "" en "" verskyn as italliese teks.

Skakel teks: Hierdie merker word gebruik om na `n ander webwerf te skakel. Kopieer die webadres wat u wil skakel en plak dit waar dit sê "Ubl" (tussen die aanhalingstekens). Die teks vir die skakel waar dit sê "Skakel teks" (Geen aanhalingstekens benodig nie).

: Hierdie merker word gebruik om `n prent te plaas met behulp van HTML. Vervang die teks wat sê "Image URL" Met die webadres van die prent.

9. Kliek lêer. Dit is in die menubalk bo-aan die skerm.

10. Kliek Stoor as. Dit maak `n dialoogkassie wat u kan gebruik om u lêer te stoor.

Om die lêer te stoor aangesien dit bestaande naam en lêer tipe is, kliek net Spaar In die aftreklys hieronder "lêer".

11. Uitkies "Alle lêers". Gebruik die aftrekkieslys langs Stoor as tipe" om te kies "Alle lêers".

12. Tik `n naam vir die lêer. Gebruik die boks langsaan "Lêernaam" Om `n naam vir die lêer te tik.

13. Tipe .html Aan die einde van die lêer. Nadat u `n naam vir die lêer in die "Lêernaam" boks, voeg die uitbreiding by ".html" Aan die einde van die lêernaam. Sonder hierdie uitbreiding sal dit die lêer stoor as `n .TXT-lêer, in plaas van `n HTML-lêer.

14. Kliek Spaar. Dit spaar die lêer.

Metode 2 van 4:

Gebruik van tekedit op Mac

1. Klik op die vergrootglasikoon

. Dit is in die boonste regterkantste hoek van die Mac-lessenaar. Dit vertoon `n soekbalk.

2. Tipe TextEdit In die soekbalk. Dit vertoon `n lys van programme wat ooreenstem met jou soekresultaat.

3. Kliek TextEdit.sagmaak. Dit is bo-aan die soekresultate. Dit is langs `n ikoon wat lyk soos `n vel papier en `n pen.

4. Kliek lêer. Dit is by die menubalk bo-aan die skerm wanneer tekedit is oop.

5. Kliek Oopmaak. Dit maak `n lêerblaaier oop wat u kan gebruik om u Mac te navigeer en lêers oop te maak.

6. Klik op `n HTML-lêer en klik Oopmaak. HTML-lêers het `n uitbreiding wat sê ".html" Na die lêernaam. Gebruik die lêerblaaier om na `n HTML-lêer te navigeer en klik daarop om dit te kies. Klik dan Oopmaak Om die HTML-lêer in Textedit oop te maak.

7. Wysig die HTML-kode. U kan TEXTEDIT gebruik om HTML-kode op te skakel. Jy moet Leer HTML sodat jy dit met die hand kan wysig. Algemene elemente wat u kan redigeer, sluit die volgende in.

: Dit gaan bo-aan die HTML-dokument. Dit vertel die webblaaier dat dit `n HTML-dokument is.

: Hierdie etikette gaan bo en onder van die HTML-dokument. Dit dui aan waar die HTML-kode begin en stop.

Bladsitel: Hierdie etikette dui die titel die bladsy aan. Die titel gaan in die hoof van die HTML-dokument. Tik die titel van die bladsy tussen hierdie twee etikette.

: Hierdie etikette dui aan waar die liggaam van die HTML-dokument begin en stop. Die liggaam is waar al die inhoud van die webblad geskryf word. Die liggaam kom na die kop in die HTML-dokument.

Hoofstuk teks: Hierdie etikette skep kopmerke. Die teks tussen die "

" en "

" Tags verskyn as `n groot vet teks. Teks gaan in die liggaam van die HTML-dokument.

Paragraaf teks: Hierdie etikette word gebruik om paragraaf teks in `n HTML-dokument te skep. Die teks wat tussenin gaan tussen "

" en "

" verskyn as normale grootte teks. Teks gaan in die liggaam van die HTML-dokument.

Vet teks: Hierdie etikette word gebruik om vet teks te skep. Die teks wat tussenin gaan tussen "" en "" verskyn as vet teks.

Kursiese teks: Hierdie etikette word gebruik om kursiese teks te skep. Die teks wat tussenin gaan tussen "" en "" verskyn as italliese teks.

: Hierdie merker word gebruik om `n prent te plaas met behulp van HTML. Vervang die teks wat sê "Image URL" Met die webadres van die prent.

8. Kliek lêer. Dit is in die menubalk bo-aan die skerm.

9. Kliek Spaar. Dit is in die keuselys hieronder "lêer". Dit spaar die HTML-lêer.

Om die naam van die lêer te verander, kliek Hernoem in die "lêer" aftrekkieslys. Tik `n nuwe naam vir die lêer bo-aan die skerm. Maak seker dat jy die ".html" Uitbreiding aan die bokant van die bladsy.

Metode 3 van 4:

Gebruik Dreamweaver

1. Oop Dreamweaver. Dreamweaver het `n ikoon wat lyk soos `n groen vierkant wat sê "Dw" in die middel. Klik die ikoon in die Windows Start-kieslys, of Aansoekmap op Mac om Dreamweaver oop te maak.

Adobe Dreamweaver vereis `n intekening. U kan `n inskrywing koop wat vanaf $ 20 begin.99 `n maand.

2. Kliek lêer. Dit is in die menubalk bo-aan die skerm.

3. Kliek Oopmaak. Dit is in die keuselys hieronder "lêer".

4. Kies `n HTML-dokument en klik Oopmaak. Gebruik die lêerblaaier om `n HTML-dokument op u rekenaar te kies en klik dit om dit te kies. Klik dan Oopmaak in die onderste regterhoek.

5. Kliek Verdeel. Dit is die middelste oortjie bo-aan die bladsy. Dit vertoon `n gesplete skerm wat `n HTML-redakteur op die bodem bevat en `n voorskou skerm bo-op.

6. Wysig die HTML-dokument. Gebruik die HTML-redigeerder om HTML te wysig. Die manier waarop jy HTML in Dreamweaver wysig, is nie te verskillend van die redigering van HTML in Notepad of TextEdit nie. Soos u `n HTML-tag tik, sal `n soekkieslys verskyn met die ooreenstemmende HTML-tags. U kan die HTML-tag kliek om die opening en sluiting van tags in te voeg. Dreamweaver sal seker maak dat daar oopmaak en sluiting van etikette vir al jou HTML-elemente is.

Alternatiewelik kan u klik waar u `n HTML-element in die HTML-redakteur wil invoeg en klik Invoeg In die menubalk bo-aan die skerm. Klik op die item wat u in die keuselys wil invoeg om die HTML-kode outomaties by te voeg.

7. Kliek lêer. Wanneer u klaar is met die wysiging van die HTML-dokument, kliek lêer In die menubalk bo-aan die skerm.

8. Kliek Spaar. Dit is in die keuselys hieronder lêer. Dit spaar jou HTML-dokument.

Metode 4 van 4:

Gebruik Kompozer

1. Gaan na https: // SourceForge.Net / Projekte / Kompozer / Projare / Pompozer / In `n webblaaier. U kan enige webblaaier op rekenaar of Mac gebruik. Dit is die aflaai bladsy vir Kompozer. Dit is `n gratis HTML (WYSIWYG) redakteur wat op beide Windows en Mac werk.

2. Kliek Aflaai. Dit is die groen knoppie naby die bokant van die bladsy. Dit neem jou na `n aparte aflaai bladsy. Na `n 5 sekondes vertraging sal u aflaai begin.

3. Dubbelklik op die installeer lêer. By verstek kan u afgelaaide lêers in u "Downloads" gids op rekenaar of Mac. U kan ook op hulle in u webblaaier klik om die Kompozer Installer te begin. Gebruik die volgende instruksies om Kompozer te installeer:

Windows:

As jy gevra word of jy die installeerder wil toelaat om veranderinge aan jou stelsel te maak, klik Ja.

Kliek Vervolgens In die intro vensters.

Klik op die radiale knoppie langsaan "Ek aanvaar die ooreenkoms" en klik Vervolgens.

Kliek Vervolgens Om die standaard installeer plek te gebruik of klik Snuffel Om `n ander installasie plek te kies.

Kliek Vervolgens en klik dan Vervolgens weer

Kliek Installeer

Kliek Voltooi

Mac:

Dubbelklik op die Kompozer Installeer lêer.

Kliek Kompozer.sagmaak

Klik op die Apple-ikoon in die boonste linkerhoek.

Kliek Stelselvoorkeure

Kliek Sekuriteit en privaatheid

Klik op die Generaal tab.

Kliek Open in elk geval naby die onderkant van die venster.

Kliek Oopmaak In die pop-up venster.

Sleep die Kompozer-ikoon na jou lessenaar.

Maak die Finder oop.

Klik op die Aansoeke omslag.

Sleep die Kompozer-ikoon van die lessenaar na die aansoeke.

4. Open Kompozer. Gebruik die volgende stappe om Kompozer op PC of Mac oop te maak

Windows:

Klik op die Windows begin spyskaart.

Tipe "Kompozer"

Dubbelklik op die Kompozer-ikoon.

Mac:

Klik die vergrootglasikoon in die boonste regterhoek.

Tipe "Kompozer" In die soekbalk.

Dubbel kliek Kompozer.sagmaak.

5. Kliek lêer. Dit is in die menubalk bo-aan die program.

6. Kliek Oop leêr. Dit is die tweede opsie in die aftreklys hieronder "lêer". Dit maak `n lêerblaaier wat u kan gebruik om `n oop HTML-lêer te kies.

7. Klik op `n HTML-lêer en klik Oopmaak. Dit maak die HTML-lêer in Kompozer oop.

8. Kliek Verdeel. Dit is die middelste oortjie bo-aan die bladsy. Dit vertoon `n gesplete skerm wat `n HTML-redakteur op die bodem bevat en `n voorskou skerm bo-op.

Miskien moet jy die program vergroot sodat jy meer ruimte het om te werk.

9. Wysig die HTML-dokument. Die HTML-bronkode skerm is aan die onderkant, jy kan hierdie skerm gebruik om HTML baie op dieselfde manier te wysig as wat jy in Notepad of TextEdit sou doen. U kan ook die voorskou skerm gebruik om u HTML te wysig deur die volgende stappe te gebruik:

Gebruik die keuselys in die boonste regterhoek om die tekssoort te kies (i.E Opskrif, paragraaf, ens}

Klik en tik om teks by te voeg.

Gebruik die knoppies in die paneel bo-aan die skerm om vet, kursief, teksbelyning, inkopies of lyste aan u teks te voeg.

Klik die gekleurde vierkant in die paneel aan die bokant van die skerm om die teks kleur te verander.

Klik op die Beeld ikoon aan die bokant van die skerm om `n prent by u HTML-dokument by te voeg.

Klik op die ikoon wat lyk soos `n Chainlink om `n skakel by jou HTML-dokument te voeg.

10. Klik op die Spaar ikoon. Sodra jy klaar is om veranderinge aan jou dokument te maak, klik die Spaar ikoon aan die bokant van die skerm. Dit is onder `n ikoon wat lyk soos `n diskette. Dit spaar jou werk.