Start

Skoro już zdecydowaliśmy się na tworzenie strony internetowej, przychodzi czas na wybór narzędzi do działania. Niestety, większość filmików oraz „manuale” w Internecie bazują na komercyjnych aplikacjach. Ja się w takie wyposażyłem. Z resztą, każdy z nas pracuję za pomocą programów takich jak pakiet Office, za które przychodzi nam często sporo zapłacić. Przedstawię również wersje substytucyjne. Nie ukrywam jednak, że dalsze, bardziej szczegółowe opisy, będą oparte na bardziej rozbudowanych, płatnych wersjach oprogramowania. Proszę się jednak nie bać. Języki są te same. Używanie darmowych programów nie utrudni niczego w rozumieniu przedstawianej treści.

Przeglądarki

Tu naprawdę nie ma się nad czym zastanawiać.
• Chrome
• FireFox
• Opera
• W najgorszym wypadku Internet Explorer. Dlaczego? Występuje wiele problemów z poprawną interpretacją kodu. Warto poszukać na ten temat informacji w Internecie.

Programy do edycji html i css

• Dreamweaver CS6 – olbrzymi kombajn z możliwością podpięcia WordPressa, Joomlii, a także dużych i skomplikowanych stron internetowych. Według mnie szybki i wygodny. Poza tym, w Internecie jest mnóstwo opisów, “videomanuali”, podpowiedzi, tematów na forach. Wada – płatny.
Kliknij tutaj aby przejść do strony

Czytaj również  Zamek od Heineken , który otworzymy tylko piwem

• Najbardziej rozbudowaną a zarazem najbliższą mojemu sercu aplikacją jest Brackets. Niesamowite i darmowe narzędzie. Warto obejrzeć filmik: Przejdź do strony

• Notepad (dla Windows) – lekki i szybki, obsługuje UTF-8, posiada kilka ciekawych opcji, również w polskiej wersji.
Kliknij tutaj aby przejść do strony

• PSPad (dla Windows) – znacznie bardziej rozbudowany, posiada opcje zarządzania projektami, uzupełniania składni, wbudowanego klienta FTP i wiele innych.
Kliknij tutaj aby przejść do strony

Programy do edycji grafiki komputerowej (więcej w dziale Grafika i edycja)


• Photoshop – najbardziej znany i rozbudowany program do edycji grafiki rastrowej (Rastrowej? O tym później w dziale Grafika i edycja). Kto go nie zna? Najwięcej książek, manuali, sztuczek, „poprowadź- mnie-za-rekę” tutoriali w sieci znajdziemy właśnie na temat tego programu. Zaznaczam, że ja też będę go używał.
Kliknij tutaj aby przejść do strony

• Paint shop PRO- tańsza i mniej popularna wersja programu Photoshop.

• GIMP- darmowy bardzo rozbudowany i rozwijający się program do tworzenia grafiki komputerowej. Tutoriale zapewne są. Osobiście aplikację znam tylko trochę z lekcji w technikum.
rozdzielacz

Czytaj również  7 najgorszych predykcji rozwoju technologicznych wydarzeń

Programy do uploadu na serwer

Tu zasada jest prosta i nie ma się nad czym rozwodzić. Dwa najbardziej znane i darmowe programy:
• FileZilla
Kliknij tutaj aby przejść do strony
• Total Comander
Kliknij tutaj aby przejść do strony

Programy do walidacji


Podczas tworzenia strony mogą się nieraz zdarzyć pomyłki w kodzie HTML, bądź CSS. Aby ich uniknąć lub ułatwić sobie ich znalezienie, warto na bieżąco sprawdzać kod walidatorem. Walidator jest w stanie wychwycić takie błędy jak niedomknięte znaczniki, błędne atrybuty, literówki i inne.
W wersji online, pod adresami:
Kliknij tutaj aby przejść do strony (dla HTML i CSS)
Kliknij tutaj aby przejść do strony (dla CSS)