Pagrindiniai žiniatinklio dizaino įrankiai

Jums nereikia daug programinės įrangos, kad galėtumėte pradėti kaip žiniatinklio kūrėjas

TurinysIšskleisti

• Teksto / HTML redaktorius
• Žiniatinklio naršyklės
• Grafikos redaktorius
• FTP klientas

Be kompiuterio ir interneto ryšio, dauguma įrankių, reikalingų kuriant svetainę, yra programinės įrangos programos , kai kurie iš jų jau gali būti jūsų kompiuteryje. Norėdami įkelti failus į savo žiniatinklio serverį, jums reikia teksto arba HTML rengyklės, grafikos rengyklės, žiniatinklio naršyklių ir FTP kliento.

Pagrindinio teksto arba HTML redaktoriaus pasirinkimas

HTML galite rašyti paprasto teksto rengyklėje, pvz Užrašų knygelė „Windows 10“, Teksto redagavimas ir Sublime Text „Mac“ arba „Vi“ arba „Emacs“ sistemoje „Linux“. Jūs sukuriate puslapio HTML kodą, išsaugote dokumentą kaip žiniatinklio failą ir atidarote jį naršyklėje, kad įsitikintumėte, jog jis atrodo taip, kaip turėtų.

Jei norite daugiau funkcijų, nei siūlo paprasto teksto rengyklė, naudokite HTML rengyklę. HTML redaktoriai atpažįsta kodą ir gali nustatyti kodavimo klaidas prieš paleidžiant failą. Jie taip pat gali pridėti uždaromąsias žymas, kurias pamiršote, ir paryškinti sugedusias nuorodos . Jie atpažįsta ir pritaiko kitas kodavimo kalbas, tokias kaip CSS, PHP ir JavaScript.

Daugelis rinkoje esančių HTML redaktorių skiriasi nuo pagrindinio iki profesionalaus lygio. Jei pirmą kartą rašote tinklalapius, vieną iš WYSIWYG Redaktoriai („What You See Is What You Get“) jums gali pasitarnauti geriausiai. Kai kurie redaktoriai rodo tik kodą, tačiau kai kurie leidžia perjungti kodavimo rodinius ir vaizdinius rodinius. Štai keletas iš daugelio galimų HTML žiniatinklio redaktorių:

Komodo IDĖJAir jo patogi sąsaja tinka tiek pradedantiesiems, tiek pažengusiems žiniatinklio kūrėjams. Komodo IDE automatinio užbaigimo funkcija yra ypač patogi, kai rašote įprastų elementų, pvz., nuorodų, kodą. Programinė įranga palaiko spalvų kodavimą skirtingomis kodavimo kalbomis, tokiomis kaip HTML, CSS ir daugelis kitų. „Komodo IDE“ veikia „Windows“, „Mac“ ir Linux .

Lifewire

CoffeeCup HTML redaktoriusypač naudinga naujiems kūrėjams, kurie labiau domisi mokytis koduoti, o ne vaizdine sąsaja. Šiame patikimame rengyklėje yra šablonų ir patvirtinimo tikrintuvų, kurie padeda apsaugoti jūsų kodą be klaidų. Tai apima kodo užbaigimą ir palaiko kitus kodavimo kalbos galite naudoti kartu su HTML. Programinė įranga pabrėžia klaidas, paaiškina, kodėl jos atsirado, ir nurodo, kaip jas ištaisyti. CoffeeCup HTML redaktorius veikia sistemoje Windows.

Lifewire

Mobiriseyra HTML redaktorius, skirtas žmonėms, kurie nenori įsitraukti į kodą. Viskas priklauso nuo pasirinkimo a tema tada vilkdami ir numesdami elementus puslapyje. Pridėkite tekstą taip pat, kaip įprastoje teksto rengyklėje ir įterpkite vaizdus, ​​vaizdo įrašus ar piktogramas – visa tai neįrašydami jokio kodo; Mobirise atlieka šią dalį už jus. „Mobirise“ galima naudoti „Windows“ ir „Mac“ ir ji yra nemokama.

Lifewire

Žiniatinklio naršyklės

Svetainės įvairiose naršyklėse gali atrodyti skirtingai, todėl labai svarbu išbandyti savo tinklalapius, kad įsitikintumėte, jog jie atrodo ir veikia taip, kaip numatyta. „Chrome“, „Firefox“, „Safari“ („Mac“), Opera o „Edge“ („Windows“) yra populiariausios naršyklės.

Taip pat turite patikrinti savo puslapių išvaizdą ir veikimą mobiliosiose naršyklėse. Dauguma stalinių kompiuterių naršyklių siūlo galimybę peržiūrėti svetaines įvairaus dydžio languose. Pavyzdžiui, „Google Chrome“ galima rasti daugybę testavimo įrankių adresu Žiūrėti > Programuotojas > Kurejo irankiai . Kūrėjo lango viršutiniame kairiajame kampe pasirinkite išmaniojo telefono piktogramą, kad pamatytumėte bet kurį puslapį skirtingo dydžio languose ir mobiliosiose operacinėse sistemose.

Lifewire

Grafikos redaktorius

Jums reikalingo grafikos rengyklės tipas priklauso nuo jūsų svetainės. „Adobe Photoshop“ yra auksinis standartas, tačiau jums gali prireikti tiek daug energijos, be to, jums gali prireikti vektorinės grafikos programos logotipo ir iliustracijų darbui. Keletas grafikos redaktorių, į kuriuos reikia atkreipti dėmesį kuriant pagrindinį žiniatinklio kūrimą, yra šie:

GIMPyra nemokama atvirojo kodo nuotraukų redagavimo programa, teikianti daug brangesnių konkurentų funkcijų. Kaip atvirojo kodo programinė įranga , jis galimas „Windows“, „Mac“ ir „Linux“.

Lifewire

„Photoshop“ elementai„Mac“ ir asmeniniams kompiuteriams yra lengva bendra vardo versija, tačiau turi daug funkcijų.Corel PaintShop Prokompiuteriams turi beveik visus įrankius, kuriuos rasite „Photoshop“ lengvai naudojamoje sąsajoje.„Inkscape“.„Windows“, „Mac“ ir „Linux“ yra nemokama vektorinės grafikos rengyklė. Ši brangesnė „Adobe Illustrator“ alternatyva turi daugiau nei pakankamai galimybių paprastam dizaino darbui ir žiniatinklio grafikai.

FTP klientas

Norint perkelti HTML failus ir pagalbinius vaizdus bei grafiką į žiniatinklio serverį, jums reikia FTP (failų perdavimo protokolo) kliento. FTP pasiekiamas naudojant komandų eilutę „Windows“, „Macintosh“ ir „Linux“, tačiau specialią FTP klientą naudoti daug lengviau. Viršus FTP klientai apima:

FileZilla(nemokama) galima „Windows“, „Mac“ ir „Linux“. Jis palaiko failų perkėlimą nuvilkimu ir turi pristabdymo ir atnaujinimo funkciją dideliems failams įkelti.

Lifewire / Richard Saville

Cyberduckyra nemokama atvirojo kodo kelių platformų programinė įranga, žinoma dėl sklandaus integravimo su išoriniais redaktoriais ir patrauklios vartotojo sąsajos.Nemokamas FTPir Tiesioginis FTP gamina ta pati įmonė. Nemokamas FTP yra minimalistinis klientas, atitinkantis pagrindinius failų perdavimo poreikius. Tiesioginis FTP yra aukščiausios kokybės versija, siūlanti išplėstines funkcijas. Abi versijas palaiko „Windows 7“, „8“ ir „Vista“, tačiau „Windows 10“ tinka tik tiesioginis FTP.

Lifewire

Perduotiyra aukščiausios kokybės, tik Mac FTP klientas. Tai palengvina neįprastai greitus perkėlimus ir palaiko „Amazon CloudFront“.Mielas FTPyra galingas aukščiausios kokybės FTP klientas, kurį galite naudoti norėdami vienu metu atlikti iki 100 pervedimų. Tai laikoma vienu saugiausių turimų FTP klientų.