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 of 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 internetowych HTML:
- IDE Komodo a 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.
- Edytor HTML filiżanek kawy jest szczególnie przydatny dla nowych programistów, którzy są bardziej zainteresowani nauką kodowania niż interfejsem wizualnym. Ten solidny edytor jest dostarczany z szablonami i ma 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.
- Mobirise to 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.
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 komputerowych 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 Widok > 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.
Edytor grafiki
Rodzaj potrzebnego edytora graficznego 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:
- KORDONEK to darmowy program do edycji zdjęć o otwartym kodzie źródłowym, który zapewnia wiele funkcji droższych konkurentów. Tak jak oprogramowanie open source, jest dostępny dla systemów Windows, Mac i Linux.
- Photoshop Elements dla komputerów Mac i PC jest lekką wersją swojego imiennika, ale ma wiele funkcji.
- Corel PaintShop Pro na komputery PC ma prawie wszystkie narzędzia, które można znaleźć w Photoshopie, w łatwym w użyciu interfejsie.
- Inkscape dla 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 zawierać:
- 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.
- Cyberkaczka to bezpłatne, wieloplatformowe oprogramowanie typu open source znane z bezproblemowej integracji z zewnętrznymi edytorami i atrakcyjnego interfejsu użytkownika.
- Darmowy FTP i 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.
- Przekazać to premium klient FTP tylko dla komputerów Mac. Ułatwia niezwykle szybkie transfery i obsługuje Amazon CloudFront.
- Słodkie FTP to 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.