Saturs

• Soļi
• Kopienas jautājumi un atbildes
• Padomi
• Brīdinājumi

Citas sadaļas

Ja vēlaties vietnes kodēt ar roku, HTML failus varat rediģēt pamata teksta redaktorā, piemēram, Notepad (Windows) vai TextEdit (macOS). Ja jūs labāk vēlaties pārvietot elementus ekrānā un redzēt tiešraides priekšskatījumus, varat izmantot WYSIWYG (ko jūs redzat, ir tas, ko jūs saņemat) redaktoru, piemēram, Dreamweaver vai Kompozer. Šis wikiHow māca jums atvērt un rediģēt HTML failu standarta vai vizuālās rediģēšanas lietotnē.

Soļi

1. metode no 4: Notepad izmantošana operētājsistēmā Windows

1. 

   . Tā ir poga, kuras uzdevumjoslā ir Windows logotips. Pēc noklusējuma tas atrodas apakšējā kreisajā stūrī. Tiek parādīta izvēlne Sākt

2. 

   . Tas atrodas Mac darbvirsmas augšējā labajā stūrī. Tiek parādīta meklēšanas josla.

3. 

   
   
   Tips Teksta rediģēšana meklēšanas joslā. Tiek parādīts to lietotņu saraksts, kas atbilst jūsu meklēšanas rezultātam.

4. 

   
   
   Klikšķis TextEdit.app. Tas atrodas meklēšanas rezultātu augšdaļā. Tas atrodas blakus ikonai, kas atgādina papīra lapu un pildspalvu.

5. 

   Klikšķis Fails. Kad ir atvērts TextEdit, tas atrodas izvēlnes joslā ekrāna augšdaļā.

6. 

   
   
   Klikšķis Atvērt. Tas atver failu pārlūku, kuru varat izmantot, lai pārvietotos savā Mac datorā un atvērtu failus.

7. 

   Noklikšķiniet uz HTML faila un noklikšķiniet uz Atvērt. HTML failiem ir paplašinājums, kas aiz faila nosaukuma saka ".html". Izmantojiet failu pārlūku, lai pārietu uz HTML failu, un noklikšķiniet uz tā, lai to atlasītu. Pēc tam noklikšķiniet Atvērt lai atvērtu HTML failu programmā TextEdit.

8. 

   Rediģējiet HTML kodu. Varat izmantot TextEdit, lai rediģētu HTML kodu make. Jums jāapgūst HTML, lai to varētu rediģēt ar rokām. Parasti rediģējamie elementi ir šādi.
   • : Tas atrodas HTML dokumenta augšdaļā. Tas tīmekļa pārlūkprogrammai norāda, ka tas ir HTML dokuments.
   • : Šie tagi atrodas HTML dokumenta augšdaļā un apakšdaļā. Tas norāda, kur sākas un beidzas HTML kods.
   • : Šie tagi atrodas HTML dokumenta augšdaļā. Tie norāda, kur sākas un apstājas HTML dokumenta galva. HTML dokumenta galvā ir informācija, kas nav redzama tīmekļa lapā. Tas ietver lapas nosaukumu, metadatus un CSS
   • : Šie tagi norāda lapas virsrakstu. Virsraksts atrodas HTML dokumenta galvā. Starp šiem diviem tagiem ierakstiet lapas nosaukumu.
   • : Šie tagi norāda, kur sākas un beidzas HTML dokumenta pamatteksts. Pamattekstā ir rakstīts viss tīmekļa lapas saturs. Ķermenis nāk pēc galvas HTML dokumentā.

   • Virsraksta teksts

     : Šie tagi izveido virsraksta tagus. Teksts starp "

     " un "

     "tagi parādās kā liels treknrakstā teksts. Teksts nonāk HTML dokumenta pamattekstā.

   • Rindkopas teksts

     : Šie tagi tiek izmantoti, lai HTML dokumentā izveidotu rindkopu tekstu. Teksts, kas iet pa vidu "

     " un "

     "parādās kā parasta izmēra teksts. Teksts nonāk HTML dokumenta pamattekstā.
   • Treknrakstā teksts: Šie tagi tiek izmantoti, lai izveidotu treknu tekstu. Teksts, kas iet pa vidu "" un ""parādās kā treknrakstā.
   • Slīpraksts: Šie tagi tiek izmantoti, lai izveidotu kursīvu tekstu. Teksts, kas iet pa vidu "" un ""parādās kā itālisks teksts.
   • Saites teksts: Šis tags tiek izmantots, lai izveidotu saiti uz citu vietni. Nokopējiet tīmekļa adresi, uz kuru vēlaties izveidot saiti, un ielīmējiet to vietā, kur rakstīts “URL” (starp pēdiņām). Saites teksts, kurā teikts “Saites teksts” (pēdiņas nav nepieciešamas).
   • : Šis tags tiek izmantots, lai ievietotu attēlu, izmantojot HTML. Nomainiet tekstu ar attēla URL ar attēla tīmekļa adresi.

9. 

   Klikšķis Fails. Tas atrodas izvēlnes joslā ekrāna augšdaļā.

10. 

    Klikšķis Saglabāt. Tas atrodas nolaižamajā izvēlnē zem “Fails”. Tas saglabā HTML failu.
    • Lai mainītu faila nosaukumu, noklikšķiniet uz Pārdēvēt nolaižamajā izvēlnē "Fails". Ekrāna augšdaļā ierakstiet jaunu faila nosaukumu. Lapas augšdaļā noteikti iekļaujiet paplašinājumu .html.

3. metode no 4: Dreamweaver izmantošana

1. 

   Atveriet Dreamweaver. Dreamweaver ir ikona, kas atgādina zaļu laukumu, kura vidū ir uzraksts "Dw". Noklikšķiniet uz ikonas Windows izvēlnē Sākt vai Lietojumprogrammu mapē Mac, lai atvērtu Dreamweaver.
   • Adobe Dreamweaver nepieciešama abonēšana. Jūs varat iegādāties abonementu, sākot no 20,99 USD mēnesī.

2. 

   Klikšķis Fails. Tas atrodas izvēlnes joslā ekrāna augšdaļā.

3. 

   Klikšķis Atvērt. Tas atrodas nolaižamajā izvēlnē zem “Fails”.

4. 

   Atlasiet HTML dokumentu un noklikšķiniet Atvērt. Izmantojiet failu pārlūku, lai datorā atlasītu HTML dokumentu, un noklikšķiniet uz tā, lai to atlasītu. Pēc tam noklikšķiniet Atvērt apakšējā labajā stūrī.

5. 

   Klikšķis Sadalīt. Tā ir vidējā cilne lapas augšdaļā. Tiek parādīts sadalīts ekrāns, kura apakšdaļā ir HTML redaktors un augšpusē priekšskatījuma ekrāns.

6. 

   Rediģējiet HTML dokumentu. Lai rediģētu HTML, izmantojiet HTML redaktoru. HTML rediģēšanas veids Dreamweaver nav pārāk atšķirīgs no HTML rediģēšanas Notepad vai TextEdit. Rakstot HTML tagu, parādīsies meklēšanas izvēlne ar atbilstošiem HTML tagiem. Varat noklikšķināt uz HTML taga, lai ievietotu tā sākuma un beigu tagus. Dreamweaver pārbaudīs, vai visiem jūsu HTML elementiem ir atvēršanas un aizvēršanas tagi.
   • Varat arī noklikšķināt uz vietas, kur HTML redaktorā vēlaties ievietot HTML elementu, un noklikšķiniet uz Ievietojiet izvēlnes joslā ekrāna augšdaļā. Lai automātiski pievienotu HTML kodu, nolaižamajā izvēlnē noklikšķiniet uz vienuma, kuru vēlaties ievietot.

7. 

   Klikšķis Fails. Kad esat pabeidzis HTML dokumenta rediģēšanu, noklikšķiniet uz Fails izvēlnes joslā ekrāna augšdaļā.

8. 

   Klikšķis Saglabāt. Tas atrodas zemāk esošajā nolaižamajā izvēlnē Fails. Tas saglabā jūsu HTML dokumentu.

4. metode no 4: Kompozer izmantošana

1. 

   Iet uz https://sourceforge.net/projects/kompozer/ tīmekļa pārlūkprogrammā. Jūs varat izmantot jebkuru tīmekļa pārlūkprogrammu personālajā datorā vai Mac. Šī ir Kompozer lejupielādes lapa. Tas ir bezmaksas HTML (WYSIWYG) redaktors, kas darbojas gan Windows, gan Mac.

2. 

   Klikšķis Lejupielādēt. Tā ir zaļā poga lapas augšdaļā. Tādējādi jūs nokļūsiet atsevišķā lejupielādes lapā. Pēc 5 sekunžu kavēšanās tiks sākta lejupielāde.

3. 

   Veiciet dubultklikšķi uz Instalēt failu. Pēc noklusējuma lejupielādētos failus var atrast datora vai Mac mapē “Lejupielādes”. Varat arī noklikšķināt uz tiem savā tīmekļa pārlūkprogrammā, lai palaistu Kompozer instalēšanas programmu. Lai instalētu Kompozer, izmantojiet šīs instrukcijas:
   • Windows:
     • Ja tiek vaicāts, vai vēlaties ļaut instalētājam veikt izmaiņas jūsu sistēmā, noklikšķiniet uz Jā.
     • Klikšķis Nākamais intro logos.
     • Noklikšķiniet uz radiālās pogas blakus “Es piekrītu līgumam” un noklikšķiniet uz Nākamais.
     • Klikšķis Nākamais izmantot noklusējuma instalēšanas vietu vai noklikšķiniet uz Pārlūkot lai izvēlētos citu instalēšanas vietu.
     • Klikšķis Nākamais un pēc tam noklikšķiniet Nākamais atkal
     • Klikšķis Uzstādīt
     • Klikšķis Pabeigt
   • Mac:
     • Veiciet dubultklikšķi uz Kompozer instalēšanas faila.
     • Klikšķis KompoZer.app
     • Augšējā kreisajā stūrī noklikšķiniet uz Apple ikonas.
     • Klikšķis Sistēmas preferences
     • Klikšķis Drošība un privātums
     • Noklikšķiniet uz Vispārīgi cilni.
     • Klikšķis Atvērt jebkurā gadījumā netālu no loga apakšas.
     • Klikšķis Atvērt uznirstošajā logā.
     • Velciet Kompozer ikonu uz darbvirsmas.
     • Atveriet meklētāju.
     • Noklikšķiniet uz Pieteikumi mapi.
     • Velciet Kompozer ikonu no darbvirsmas uz mapi Applications.

4. 

   Atveriet Kompozer. Veiciet šādas darbības, lai atvērtu Kompozer personālajā datorā vai Mac
   • Windows:
     • Noklikšķiniet uz Windows Start izvēlne.
     • Ierakstiet "Kompozer"
     • Veiciet dubultklikšķi uz ikonas Kompozer.
   • Mac:
     • Augšējā labajā stūrī noklikšķiniet uz lupas ikonas.
     • Meklēšanas joslā ierakstiet "Kompozer".
     • Dubultklikšķi Kompozer.app.

5. 

   Klikšķis Fails. Tas atrodas izvēlnes joslā lietotnes augšdaļā.

6. 

   Klikšķis Atver failu. Tā ir otrā opcija nolaižamajā izvēlnē zem “Fails”. Atverot failu pārlūku, kuru varat izmantot, lai atlasītu atvērtu HTML failu.

7. 

   Noklikšķiniet uz HTML faila un noklikšķiniet uz Atvērt. Tas atver HTML failu Kompozer.

8. 

   Klikšķis Sadalīt. Tā ir vidējā cilne lapas augšdaļā. Tiek parādīts sadalīts ekrāns, kura apakšā ir HTML redaktors un augšpusē priekšskatījuma ekrāns.
   • Jums, iespējams, būs jāpaplašina lietotne, lai jums būtu vairāk vietas darbam.

9. 

   Rediģējiet HTML dokumentu. HTML avota koda ekrāns atrodas apakšdaļā. Varat izmantot šo ekrānu, lai rediģētu HTML tāpat kā Notepad vai TextEdit. Varat arī izmantot priekšskatījuma ekrānu, lai rediģētu HTML kodu, veicot šādas darbības:
   • Izmantojiet nolaižamo izvēlni augšējā labajā stūrī, lai atlasītu teksta veidu (t.i., Virsraksts, rindkopa, utt.)
   • Noklikšķiniet un ierakstiet, lai pievienotu tekstu.
   • Izmantojiet pogas ekrāna augšdaļā esošajā panelī, lai tekstam pievienotu treknrakstu, kursīvu, teksta līdzinājumu, ievilkumus vai sarakstus.
   • Noklikšķiniet uz krāsaina kvadrāta panelī ekrāna augšdaļā, lai mainītu teksta krāsu.
   • Noklikšķiniet uz Attēls ikona ekrāna augšdaļā, lai HTML dokumentam pievienotu attēlu.
   • Noklikšķiniet uz ikonas, kas līdzinās ķēdes saitei, lai pievienotu saiti HTML dokumentam.

10. 

    Noklikšķiniet uz Saglabāt ikona. Kad esat pabeidzis veikt izmaiņas dokumentā, noklikšķiniet uz Saglabāt ikona ekrāna augšdaļā. Tas atrodas zem ikonas, kas atgādina disketi. Tas ietaupa jūsu darbu.

Kopienas jautājumi un atbildes

Padomi

Brīdinājumi

• Rediģēšanas laikā neaizmirstiet saglabāt dokumentu. Jebkurā brīdī kaut kas var noiet greizi.