Podstawowe narzędzia do projektowania stron internetowych

Nie potrzebujesz dużo oprogramowania, aby rozpocząć pracę jako web developer

Spis treściZwiększać

• Edytor tekstu/HTML
• Przeglądarki internetowe
• Edytor grafiki
• Klient FTP

Oprócz komputera i połączenia internetowego większość narzędzi potrzebnych do zbudowania strony internetowej to: programy komputerowe , z których część może już znajdować się na Twoim komputerze. Aby przesłać pliki na serwer WWW, potrzebujesz edytora tekstu lub HTML, edytora grafiki, przeglądarek internetowych i klienta FTP.

Wybór podstawowego edytora tekstu lub HTML

Możesz pisać HTML w edytorze zwykłego tekstu, takim jak Notatnik w systemie Windows 10, TekstEdytuj i Sublime Text na Macu lub Vi lub Emacs w Linuksie. Tworzysz kod HTML dla strony, zapisujesz dokument jako plik internetowy i otwierasz go w przeglądarce, aby upewnić się, że wygląda tak, jak powinien.

Jeśli potrzebujesz więcej funkcji niż oferuje zwykły edytor tekstu, użyj zamiast tego edytora HTML. Edytory HTML rozpoznają kod i są w stanie zidentyfikować błędy kodowania przed uruchomieniem pliku. Mogą również dodawać tagi zamykające, o których zapomnisz, i podświetlać uszkodzone spinki do mankietów . Rozpoznają i obsługują inne języki kodowania, takie jak CSS, PHP i JavaScript.

Wiele edytorów HTML dostępnych na rynku różni się od poziomu podstawowego do profesjonalnego. Jeśli jesteś nowy w pisaniu stron internetowych, jeden z WYSIWYG (To, co widzisz, to to, co dostajesz) mogą działać najlepiej dla Ciebie. Niektóre edytory pokazują tylko kod, ale niektóre pozwalają przełączać się między widokami kodowania i widokami wizualnymi. Oto kilka z wielu dostępnych edytorów HTML:

Pomysł na Komodoa jego przyjazny dla użytkownika interfejs jest odpowiedni zarówno dla początkujących, jak i zaawansowanych twórców stron internetowych. Funkcja autouzupełniania Komodo IDE jest szczególnie przydatna podczas pisania kodu dla wspólnych elementów, takich jak linki. Oprogramowanie obsługuje kodowanie kolorami różnych języków kodowania, takich jak HTML, CSS i wiele innych. Komodo IDE działa na systemach Windows, Mac i Linux .

Lifewire

Edytor HTML filiżanek kawyjest szczególnie przydatny dla nowych programistów, którzy są bardziej zainteresowani nauką kodowania niż interfejsem wizualnym. Ten niezawodny edytor zawiera szablony i narzędzia do sprawdzania poprawności, które pomagają chronić kod przed błędami. Obejmuje uzupełnianie kodu i obsługuje inne języki kodowania możesz użyć w połączeniu z HTML. Oprogramowanie podświetla błędy, wyjaśnia, dlaczego się pojawiły i podpowiada, jak je naprawić. Edytor HTML CoffeeCup działa w systemie Windows.

Lifewire

Mobiriseto edytor HTML dla osób, które nie chcą zajmować się kodem. Chodzi o wybór motyw a następnie przeciąganie i upuszczanie elementów na stronie. Dodaj tekst tak samo, jak w zwykłym edytorze tekstu i wstawiaj obrazy, filmy lub ikony — wszystko bez pisania kodu; Mobirise zrobi to za ciebie. Mobirise jest dostępny dla systemów Windows i Mac i jest bezpłatny.

Lifewire

Przeglądarki internetowe

Witryny mogą wyglądać inaczej w zależności od przeglądarki, dlatego kluczowe znaczenie ma przetestowanie swoich stron internetowych, aby upewnić się, że wyglądają i działają zgodnie z przeznaczeniem. Chrome, Firefox, Safari (Mac), Opera , a Edge (Windows) to najpopularniejsze przeglądarki.

Musisz również przetestować swoje strony pod kątem wyglądu i działania w przeglądarkach mobilnych. Większość przeglądarek na komputery oferuje możliwość przeglądania stron internetowych w oknach o różnych rozmiarach. Na przykład bogactwo narzędzi testowych jest dostępne w przeglądarce Google Chrome pod adresem Pogląd > Deweloper > Narzędzia deweloperskie . Wybierz ikonę smartfona w lewym górnym rogu okna programisty, aby wyświetlić dowolną stronę w oknach o różnych rozmiarach i mobilnych systemach operacyjnych.

Lifewire

Edytor grafiki

Rodzaj edytora graficznego, którego potrzebujesz, zależy od Twojej witryny. Adobe Photoshop to złoty standard, ale możesz nie potrzebować tak dużej mocy, a ponadto możesz potrzebować programu do grafiki wektorowej do tworzenia logo i ilustracji. Kilka edytorów graficznych, na które warto zwrócić uwagę, jeśli chodzi o podstawowe tworzenie stron internetowych, to:

KORDONEKto darmowy program do edycji zdjęć o otwartym kodzie źródłowym, który zapewnia wiele funkcji droższych konkurentów. Jak oprogramowanie open source , jest dostępny dla systemów Windows, Mac i Linux.

Lifewire

Photoshop Elementsdla komputerów Mac i PC jest lekką wersją swojego imiennika, ale ma wiele funkcji.Corel PaintShop Prona komputery PC ma prawie wszystkie narzędzia, które można znaleźć w Photoshopie, w łatwym w użyciu interfejsie.Inkscapedla systemów Windows, Mac i Linux to darmowy edytor grafiki wektorowej. Ta alternatywa dla droższego programu Adobe Illustrator ma więcej niż wystarczające możliwości do prostych prac projektowych i grafiki internetowej.

Klient FTP

Potrzebujesz klienta FTP (protokół przesyłania plików), aby przesyłać pliki HTML oraz pomocnicze obrazy i grafikę na serwer WWW. FTP jest dostępny za pośrednictwem wiersza poleceń w systemach Windows, Macintosh i Linux, ale dedykowany klient FTP jest znacznie łatwiejszy w użyciu. Szczyt Klienci FTP włączać:

FileZilla(bezpłatny) jest dostępny dla systemów Windows, Mac i Linux. Obsługuje transfery plików metodą „przeciągnij i upuść” oraz ma funkcję wstrzymywania i wznawiania przesyłania dużych plików.

Lifewire / Richard Saville

Cyberkaczkato bezpłatne, wieloplatformowe oprogramowanie typu open source znane z bezproblemowej integracji z zewnętrznymi edytorami i atrakcyjnego interfejsu użytkownika.Darmowy FTPoraz Bezpośredni FTP są produkowane przez tę samą firmę. Darmowy FTP to minimalistyczny klient, który spełnia podstawowe potrzeby w zakresie przesyłania plików. Direct FTP to wersja premium, która oferuje zaawansowane funkcje. Obie wersje są obsługiwane przez Windows 7, 8 i Vista, ale tylko Direct FTP jest odpowiedni dla Windows 10.

Lifewire

Przekazaćto premium klient FTP tylko dla komputerów Mac. Ułatwia niezwykle szybkie transfery i obsługuje Amazon CloudFront.Słodkie FTPto potężny klient FTP premium, którego możesz użyć do wykonania do 100 transferów jednocześnie. Jest uważany za jednego z najbezpieczniejszych dostępnych klientów FTP.