Be kompiuterio ir interneto ryšio, dauguma įrankių, kurių reikia norint sukurti svetainę, yra programinės įrangos programos, kai kurie iš jų jau gali būti jūsų kompiuteryje. Jei norite įkelti failus į savo žiniatinklio serverį, jums reikia teksto ar HTML redaktoriaus, grafikos redaktoriaus, interneto naršyklių ir FTP kliento.
Pagrindinio teksto ar HTML redaktoriaus pasirinkimas
HTML galite rašyti paprasto teksto rengyklėje, tokioje kaip Užrašų knygelė sistemoje „Windows 10“, „TextEdit“ ir „Sublime Text“ „Mac“, arba „Vi“ arba „Emacs“ - „Linux“. Sukuriate puslapio HTML kodavimą, išsaugote dokumentą kaip žiniatinklio failą ir atidarote jį naršyklėje, kad įsitikintumėte, jog jis turėtų.
Jei norite daugiau funkcijų nei paprasto teksto rengyklė, naudokite HTML redaktorių. HTML redaktoriai atpažįsta kodą ir gali nustatyti kodavimo klaidas prieš paleidžiant failą. Jie taip pat gali pridėti uždarymo žymas, kurias pamiršote, ir paryškinti sugedusias nuorodos. Jie atpažįsta ir talpina kitas kodavimo kalbas, tokias kaip CSS, PHP ir „JavaScript“.
Daugybė HTML redaktorių rinkoje skiriasi nuo pagrindinio iki profesionalaus lygio. Jei pirmą kartą rašote tinklalapius, vienas iš WYSIWYG (Tai, ką matote, yra tai, ką gaunate) redaktoriai gali jums pasitarnauti geriausiai. Kai kurie redaktoriai rodo tik kodą, tačiau kai kurie leidžia perjungti kodavimo rodinius ir vaizdinius rodinius. Štai keletas iš daugelio HTML žiniatinklio redaktorių:
- Komodo IDE ir jo patogi sąsaja tinka tiek pradedantiems, tiek patyrusiems interneto kūrėjams. „Komodo IDE“ automatinio užbaigimo funkcija yra ypač patogu, kai rašote įprastų elementų, tokių kaip nuorodos, kodą. Programinė įranga palaiko skirtingų kodavimo kalbų, tokių kaip HTML, CSS ir daugelio kitų, spalvų kodavimą. „Komodo IDE“ veikia „Windows“, „Mac“ ir „Linux“.
- „CoffeeCup“ HTML redaktorius yra ypač naudinga naujiems kūrėjams, kuriuos labiau domina mokymasis koduoti nei vaizdinė sąsaja. Šis tvirtas redaktorius yra su šablonais ir turi tikrinimo tikrintuvus, kad jūsų kode nebūtų klaidų. Tai apima kodo užbaigimą ir palaiko kitus koduojančios 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 „Windows“.
- Mobirise yra HTML redaktorius žmonėms, kurie nenori įsitraukti į kodą. Viskas yra apie tai, kaip pasirinkti tema tada vilkite ir numeskite elementus puslapyje. Pridėkite tekstą taip pat, kaip ir įprastame teksto rengyklėje, ir įterpkite vaizdų, vaizdo įrašų ar piktogramų - visa tai nerašydami jokio kodo; Mobirise'as atlieka tą dalį už jus. „Mobirise“ galima įsigyti „Windows“ ir „Mac“ sistemose, ir ji yra nemokama.
Žiniatinklio naršyklės
Svetainės skirtingose naršyklėse gali atrodyti kitaip, todėl labai svarbu išbandyti savo tinklalapius, kad įsitikintumėte, jog jie atrodo ir veikia kaip numatyta. „Chrome“, „Firefox“, „Safari“ („Mac“), Operair „Edge“ („Windows“) yra populiariausios naršyklės.
Taip pat turite išbandyti savo puslapių išvaizdą ir veikimą naršyklėse mobiliesiems. Dauguma darbalaukio naršyklių siūlo galimybę peržiūrėti svetaines įvairaus dydžio languose. Pavyzdžiui, daugybė bandymo įrankių yra „Google Chrome“, adresu Vaizdas > Programuotojas > Kurejo irankiai. Viršutiniame kairiajame kūrėjo lango kampe pasirinkite išmaniojo telefono piktogramą, kad pamatytumėte bet kokį skirtingo dydžio langų ir mobiliųjų operacinių sistemų puslapį.
Grafikos redaktorius
Jums reikalingo grafinio redaktoriaus tipas priklauso nuo jūsų svetainės. „Adobe Photoshop“ yra auksinis standartas, tačiau jums gali neprireikti tiek daug energijos, be to, logotipo ir iliustracijos darbams gali prireikti vektorinės grafikos programos. Keli grafikos redaktoriai, į kuriuos reikia atkreipti dėmesį, norint sukurti pagrindinę žiniatinklio plėtrą:
- GIMP yra nemokama atviro kodo nuotraukų redagavimo programa, suteikianti daugybę brangesnių konkurentų funkcijų. Kaip atviro kodo programinė įranga, tai galima „Windows“, „Mac“ ir „Linux“.
- „Photoshop Elements“ „Mac“ ir „PC“ yra lengva jo vardo versija, tačiau turi daugybę funkcijų.
- „Corel PaintShop Pro“ Kompiuteriams yra beveik visi įrankiai, kuriuos rasite „Photoshop“ lengvai naudojamoje sąsajoje.
- „Inkscape“ „Windows“, „Mac“ ir „Linux“ yra nemokamas vektorinės grafikos redaktorius. Ši alternatyva brangesniam „Adobe Illustrator“ turi daugiau nei pakankamai galimybių paprastam projektavimui ir žiniatinklio grafikai.
FTP klientas
Jums reikia FTP (failų perdavimo protokolo) kliento, kad galėtumėte perkelti HTML failus, palaikomus vaizdus ir grafiką į savo interneto serverį. FTP galima pasiekti naudojant komandų eilutę sistemose „Windows“, „Macintosh“ ir „Linux“, tačiau specialų FTP klientą naudoti yra daug lengviau. Viršus FTP klientai apima:
- „FileZilla“ (nemokamai) galima „Windows“, „Mac“ ir „Linux“. Jis palaiko „drag and drop“ failų perkėlimą ir turi pauzės ir atnaujinimo funkciją dideliems failams įkelti.
- Kibernetinė antis yra nemokama, atviro kodo, daugiaplatformė programinė įranga, žinoma dėl vientisos integracijos su išoriniais redaktoriais ir patrauklios vartotojo sąsajos.
- Nemokama FTP ir Tiesioginis FTP gamina ta pati įmonė. Nemokama FTP yra minimalistinis klientas, patenkinantis pagrindinius failų perkėlimo poreikius. Tiesioginis FTP yra aukščiausios kokybės versija, siūlanti pažangias funkcijas. Abi versijos palaikomos „Windows 7“, „8“ ir „Vista“, tačiau „Windows 10“ tinka tik „Direct FTP“.
- Perduoti yra aukščiausios kokybės „FTP“ klientas, skirtas tik „Mac“. Tai palengvina neįprastai greitą perdavimą ir palaiko „Amazon CloudFront“.
- Mielas FTP yra galingas aukščiausios kokybės FTP klientas, kurį vienu metu galite naudoti iki 100 pervedimų. Tai laikoma vienu saugiausių FTP klientų.