Podstawowe narzędzia potrzebne do projektowania stron internetowych są niezwykle proste. Oprócz komputera i połączenia internetowego większość narzędzi potrzebnych do zbudowania strony internetowej to programy, z których niektóre mogą już znajdować się na komputerze. Potrzebujesz edytora tekstu lub HTML, edytora grafiki, przeglądarek internetowych i klienta FTP do przesyłania plików na twój serwer WWW.
Wybór podstawowego tekstu lub edytora HTML
Możesz napisać HTML w zwykłym edytorze tekstu, takim jak Notatnik w systemie Windows 10, TextEdit na komputerze Mac lub Vi lub Emacs w systemie Linux. Wprowadź kod HTML, zapisz dokument jako plik internetowy i otwórz go w przeglądarce, aby upewnić się, że wygląda tak, jak powinien.
Jeśli potrzebujesz większej funkcjonalności niż w zwykłym edytorze 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ć znaczniki zamykające, które zapominasz i podkreślać niedziałające linki. Rozpoznają i adaptują inne języki programowania, takie jak CSS, PHP i JavaScript.
Na rynku jest wiele edytorów HTML i różnią się one od oprogramowania podstawowego do profesjonalnego. Jeśli dopiero zaczynasz pisać strony internetowe, jeden z edytorów WYSIWYG (What You See Is You You Get) może Ci się najlepiej przydać. Niektóre edytory wyświetlają tylko kod, ale w przypadku niektórych z nich można przełączać między widokami kodowania i widokami wizualnymi. Oto kilka z dostępnych edytorów internetowych HTML:
- Komodo IDE a przyjazny dla użytkownika interfejs jest odpowiedni dla początkujących i zaawansowanych twórców stron internetowych. Funkcja autouzupełniania IDE w Komodo jest szczególnie przydatna dla nowych programistów, ponieważ wie, jak pisać kod dla typowych elementów, takich jak linki. Oprogramowanie obsługuje kodowanie kolorami różnych typów kodowania, takich jak HTML, CSS i wiele innych języków programowania. Komodo IDE to wieloplatformowe oprogramowanie działające na systemach Windows, Mac i Linux.
- Edytor HTML CoffeeCup jest dla nowych programistów, którzy są bardziej zainteresowani nauką kodowania niż w interfejsie wizualnym. Ten solidny edytor jest dostarczany z szablonami i ma sprawdzanie poprawności, aby zachować kod bez błędów. Zawiera uzupełnianie kodu i obsługuje inne języki kodowania, których możesz używać w połączeniu z HTML. Początkujący docenią to, gdy oprogramowanie podkreśli błędy w kodzie, wyjaśni, dlaczego się pojawiły i poinformuje programistę, jak je naprawić. CoffeeCup HTML Editor działa w systemie Windows.
- Mobirise to edytor HTML dla osób, które nie chcą angażować się w kod. Wszystko polega na wybraniu motywu, a następnie przeciągnięciu i upuszczeniu elementów na stronie. Dodaj tekst, tak jak w zwykłym edytorze tekstu i wstawiaj obrazy, filmy lub ikony - wszystko bez pisania jakiegokolwiek kodu; Mobirise robi dla ciebie tę część. Usługa Mobirise jest dostępna dla systemów Windows i Mac i jest bezpłatna.
Przeglądarki internetowe
Przetestuj swoje strony internetowe w przeglądarce, aby upewnić się, że wyglądają tak, jak zamierzałeś przed uruchomieniem strony. Chrome, Firefox, Safari (Mac) i Internet Explorer (Windows) to najpopularniejsze przeglądarki. Sprawdź kod HTML w tylu przeglądarkach, jakie masz na swoim komputerze, i pobierz mniej znane przeglądarki, takie jak Opera.
Edytor grafiki
Rodzaj edytora grafiki, którego potrzebujesz, zależy od Twojej witryny. Chociaż Adobe Photoshop jest złotym standardem do pracy ze zdjęciami, możesz nie potrzebować takiej mocy. Możesz preferować graficzny program do grafiki i ilustracji. Kilka edytorów graficznych, do których można się odnieść w celu prostego korzystania z aplikacji webowych:
- KORDONEK to darmowy program do edycji zdjęć, który zapewnia wiele funkcji droższych konkurentów. Jako oprogramowanie open source jest dostępne dla systemów Windows, Mac i Linux.
- Photoshop Elements Mac i PC to edytor obrazów, który jest lekką wersją swojego imiennika, ale z dużą mocą do pracy z grafiką w Internecie.
- Corel PaintShop Prona komputery PC prawie wszystkie przydatne narzędzia można znaleźć w programie Photoshop i interfejs, który jest łatwy w użyciu.
- Inkscape dla systemu Windows, Mac i Linux to darmowy edytor grafiki wektorowej. Ta alternatywa dla droższego Adobe Illustratora ma więcej niż wystarczającą moc do prostych prac projektowych i grafiki internetowej.
Klient FTP
Potrzebujesz klienta FTP, aby przesłać pliki HTML i obrazy i grafikę do swojego serwera WWW. O ile FTP jest dostępny z poziomu wiersza poleceń w systemach Windows, Macintosh i Linux, korzystanie z klienta jest o wiele łatwiejsze. Dostępnych jest wielu klientów FTP dobrej jakości, w tym:
- FileZilla to darmowy klient FTP dostępny dla systemów Windows, Mac i Linux. Obsługuje transfery plików metodą "przeciągnij i upuść" i ma funkcję wstrzymywania i wznawiania przesyłania dużych plików.
- Cyberduck jest darmowym, open-source, wieloplatformowym oprogramowaniem znanym z bezproblemowej integracji z zewnętrznymi edytorami i atrakcyjnym interfejsem użytkownika.
- Darmowy FTP i Bezpośredni FTP są wykonane przez tę samą firmę. Darmowy FTP to minimalistyczny klient, ale spełnia wszystkie podstawowe potrzeby związane z przesyłaniem 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 bezpośredni FTP jest odpowiedni dla systemu Windows 10.
- Przekazać to wysokiej klasy klient FTP z systemem Mac. Ułatwia niezwykle szybki transfer i obsługuje Amazon CloudFront.
- Śliczne FTP to potężny klient FTP premium, którego możesz użyć do zrobienia do 100 przelewów jednocześnie. Jest uważany za jednego z najbezpieczniejszych klientów FTP w pobliżu.
