Home-theater-designers
Kiekviena jūsų naudojama svetainė remiasi HTML. Nors žiniatinklio kūrėjams reikia įgūdžių, susijusių su „JavaScript“, „Python“, CSS ir scenarijais serveryje, HTML viską laiko kartu.
Be HTML nėra žiniatinklio, todėl turite žinoti, kaip jį kurti ir redaguoti. Užuot nustatę HTML kodo testavimo sistemą savo kompiuteryje, paprasčiau išbandyti kodą naršyklėje.
Nesvarbu, ar užsiimate mažais HTML fragmentais, ar visiškais svetainės projektais, internetinis HTML redaktorius yra idealus.
Kodėl turėtumėte naudoti internetinį HTML redaktorių
Naudojant naršyklę pagrįstą HTML redaktorių yra prasminga naudoti kažką panašaus į „Notepad ++“ dėl šių priežasčių:
- Internetiniai HTML redaktoriai veikia tiesiogiai jūsų žiniatinklio naršyklėje
- Išbandykite savo HTML kodą internete-pažiūrėkite, ar kodas veikia taip, kaip tikėtasi
- Žiūrėkite žiniatinklio peržiūras realiuoju laiku-peržiūra atnaujinama redaguojant
- Supaprastinkite savo darbo eigą-nebereikia išsaugoti, įkelti į naršyklę, grįžti prie redaktoriaus ir pakartoti
- Platformos agnostikai --- jie veikia bet kuriame įrenginyje, turinčiame interneto ryšį.
Šis paskutinis punktas yra labai svarbus. Tai reiškia, kad galite sukurti tinklalapį taip pat lengvai kompiuteryje kaip „Chromebook“. Jūs netgi galite naudoti „Android“ planšetinį kompiuterį arba 50 USD kainuojantį kompiuterį, pvz., „Raspberry Pi“.
HTML kodavimas yra prieinami, paprasti vartai, skirti suprasti programavimą ir kūrimą. Jums nuolat reikia tikrinti savo HTML kodą --- kas gali būti geriau nei tiesioginiai rezultatai naršyklės lange?
Pažvelkime į kai kuriuos geriausius šiuo metu galimus internetinius HTML redaktorius.
1. „CodePen“
„CodePen“ yra „socialinio vystymosi aplinka“ žiniatinklio kūrėjams, o tai iš esmės reiškia, kad tai internetinis redaktorius su bendradarbiavimo funkcijomis. Jis siūlo paprastą išdėstymą. Rasite HTML skydelį, CSS skydą ir „JavaScript“ skydelį bei vieną peržiūrą realiuoju laiku. Visus skydelio dydžius galima reguliuoti vilkdami kraštus.
Galite sukurti „rašiklius“, kurie yra tarsi atskiros žaidimų aikštelės, skirtos žiniatinklio kodui koreguoti. Keli rašikliai gali būti sugrupuoti į kolekcijas.
Nors registracija pagrindiniam naudojimui yra nemokama, privatiems rašikliams ir kolekcijoms reikia Pro sąskaita . Tai prasideda nuo 8 USD per mėnesį ir apima turto prieglobą, įterpiamas temas, bendradarbiavimą realiuoju laiku ir prieigą prie viso „CodePen“ žiniatinklio kūrimo IDE.
Daugelis žmonių mano, kad „CodePen“ yra geriausias internetinis HTML redaktorius. Išbandykite, ar tai atitinka jūsų poreikius.
2. JSFiddle
„JSFiddle“ beveik taip ir skamba: smėlio dėžė, kurioje galite linksmintis naudodami „JavaScript“. Tikriausiai žinote, kad „JavaScript“ dera su HTML ir CSS. Tai reiškia, kad naudodami „JSFiddle“ galite redaguoti visus tris vienu metu naudodami „JSFiddle“ redagavimo sąsają.
Jei norite, galite visiškai praleisti „JavaScript“.
„JSFiddle“ malonu yra tai, kad šoninėje juostoje galite pridėti išorinių užklausų. Tai leidžia jums įtraukti ne „JavaScript“ ir CSS failus, kad pagerintumėte HTML. Taip pat naudingas mygtukas „Tidy“, kuris automatiškai išvalo jūsų kodo įtrauką, o spustelėję „Bendradarbiauti“ leidžia bendradarbiauti realiuoju laiku internete.
Vienintelis trūkumas yra tas, kad turite spustelėti mygtuką Vykdyti, kad atnaujintumėte peržiūros skydelį.
3. „JSBin“
Apsvarstykite „JSBin“ kaip paprastesnę ir švaresnę „JSFiddle“ alternatyvą. Galite redaguoti bet kokį HTML, CSS ir „JavaScript“ derinį, tiesiog perjungdami skydelius su viršutine įrankių juosta. Siekiant maksimalaus lankstumo, prireikus taip pat galite perjungti peržiūros skydelį ir konsolės skydelį.
google play parduotuvė ant amazon fire
Tačiau, nors „JSFiddle“ leidžia susieti išorinius CSS ir „JavaScript“ išteklius, „JSBin“ riboja tik iš anksto nustatytas „JavaScript“ bibliotekas. Tačiau pasirinkimas yra geras - nuo „jQuery“ iki „React“ iki „Angular“ ir dar daugiau.
Nors „JSBin“ yra nemokama ir jai nereikia paskyros, jums reikės Pro sąskaita papildomoms funkcijoms. Tai apima privačias dėžes, pasirinktinius įdėjimus, išteklių prieglobą, „Dropbox“ sinchronizavimą ir tuščius URL, skirtus puslapiams, paskelbtiems per „JSBin“.
Keturi. „Liveweave“
„Liveweave“ vizualiai panaši į ankstesnius redaktorius, turinti malonią vartotojo sąsają. Kaip ir „JSFiddle“, „Liveweave“ leidžia bendradarbiauti realiuoju laiku, o kaip „JSBin“-leidžia susieti iš anksto nustatytus trečiųjų šalių išteklius, tokius kaip „jQuery“.
Tačiau jis taip pat turi keletą unikalių savybių. „Lorem Ipsum Generator“ sukuria vietos žymeklio tekstą dabartinėje žymeklio vietoje. „CSS Explorer“ siūlo WYSIWYG įrankį CSS stiliams kurti, o „Color Explorer“ padeda pasirinkti tobulas spalvas. Tuo tarpu vektorinis redaktorius leidžia jums sukurti savo svetainės vektorinę grafiką.
„xbox one“ valdiklis nuolat išsijungia
5. HTML namas
„HTMLhouse“ yra geras pasirinkimas, jei jums rūpi tik HTML (ty nėra CSS ar „JavaScript“). Švarus ir minimalus, jis padalintas vertikaliai, redaguojant kairėje ir peržiūrint realiuoju laiku dešinėje.
Naudinga galimybė skelbti savo HTML ir bendrinti jį privačiai (per privatų URL) arba viešai (pridėta prie „HTMLhouse“ naršymo puslapis ). Tai paprasta, bet veiksminga, būtent čia atsiranda ir puikiai veikia internetinis HTML redaktorius.
Atminkite, kad HTMLhouse buvo sukurtas ir prižiūrimas žmonių Rašykite.kaip , internetinis rašymo įrankis be blaškymosi. Turėkite tai omenyje, jei planuojate rašyti savo svetainės turinį.
6. HTMLG
Kita HTMLG parinktis seka tą patį HTML kodo ir peržiūros langų naudojimo modelį. Tačiau šis įrankis neapima CSS ir „JavaScript“ tame pačiame vieningame projekte. Atvirkščiai, jei norite juos redaguoti, turėsite atidaryti naują skirtuką ir redaguoti juos kaip atskirus projektus.
Tai idealiai tinka gryniems HTML patobulinimams ir naršyklės kodo testavimui; mažiau, jei norite įtraukti CSS pakeitimus.
Atminkite, kad jei bandote visus tinklalapius naudodami HTMLG, yra 300 žodžių apribojimas. Norėdami tai padidinti, galite užsiregistruoti „Premium“ versijoje be skelbimų, pradedant nuo 5,80 USD per mėnesį.
7. Dabblet
Siūlydamas šiek tiek kitokį požiūrį į internetinius HTML redaktorius, „Dabblet“ padalija ekraną į dvi, o ne tris/keturias sritis. Taigi, turite HTML ir rezultatų rodinį ir atskirą (bet susietą) CSS ir rezultatų rodinį.
Tai suteikia daugiau vietos, suteikia aiškesnį kodo ir peržiūros vaizdą. Be to, integruotas „w3.org“ HTML ir CSS tikrintuvas pabrėžia visas problemas.
Jei jums reikia laisvos vietos darbalaukyje, kad galėtumėte išbandyti savo svetainės kodą, tai gali būti geriausias HTML redaktorius.
Norėdami pagerinti savo įgūdžius, naudokite geriausius internetinius HTML redaktorius
Jei jūs tik susidūrėte su HTML, ką sužinojote prieš dešimtmetį, dabar pats laikas pasivyti. HTML5 buvo išleistas dar 2014 m. Ir pristatė keletą naujų standartų ir funkcijų. Nežinote, nuo ko pradėti? Peržiūrėkite šiuos esminius naujus HTML5 elementus.
Norite sužinoti apie gerą HTML5 žiniatinklio kūrimo ir kūrimo praktiką? Patikrinkite šiuos svetaines su kokybiškais HTML kodavimo pavyzdžiais . Taip pat turėtumėte pažvelgti į šias kitas priemones, skirtas atnaujinti žiniatinklio kūrimo įgūdžius.
Dalintis Dalintis „Tweet“ Paštu 15 „Windows“ komandų eilutės (CMD) komandų, kurias turite žinotiKomandų eilutė vis dar yra galingas „Windows“ įrankis. Čia yra naudingiausios CMD komandos, kurias turi žinoti kiekvienas „Windows“ vartotojas.
Skaityti toliau Susijusios temos- Programavimas
- Teksto redaktorius
- Interneto svetainių kūrimas
- WYSIWYG redaktoriai
- HTML5
- Scenarijaus rašymas
Redaktoriaus pavaduotojas saugumo, „Linux“, „pasidaryk pats“, programavimo ir techninių paaiškinimų bei tikrai naudingų transliacijų kūrėjas, turintis didelę patirtį palaikant darbalaukį ir programinę įrangą. Žurnalo „Linux Format“ bendradarbis Kristianas yra „Raspberry Pi“ tinklininkas, „Lego“ mylėtojas ir retro žaidimų gerbėjas.
Daugiau iš Christiano CawleyPrenumeruokite mūsų naujienlaiškį
Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!
Norėdami užsiprenumeruoti, spustelėkite čia