Notepad ++

[Paweł Landzberg]

Włączyłem program przed chwilą i faktycznie jest tam masa jakichś opcji Ja tam używam tylko funkcji zapisu i ewentualnie szukania

Czyli generalnie korzystam z niego jak ze zwykłego notatnika. I chyba tak powinno się z niego korzystać.

[tmig]

Dziękuje Pawle za odpowiedź. Ale czy używasz kolorowania poleceń i czy Co to pomaga ? Czy w Notepad ++ pisze w takim razie lepiej niż w notatniku ?

[Daniel 'siewca' Nakoneczka]

Moim zdaniem kolorowanie poleceń pomaga ogromnie, poprawia czytelność kodu, często informuje o błędach (w znacznikach). Dam Ci radę, pisząc kod zawsze używaj odpowiednich wcięć w liniach kodu, elementy wewnętrzne wcinaj (przycisk TAB) względem zewnętrznych. Wyrób sobie ten nawyk a ilość popełnianych błędów (szczególnie brak domknięcia znaczników) spadnie do minimum Zalecam stosowanie również komentarzy które pomogą Ci gdy będziesz edytował jakiś plik po pewnym czasie.

Podsumowując:
1. Edytor z kolorowaniem kodu
2. Stosowanie wcięć podczas pisania kodu
3. Komentarze w kodzie
to kluczowe elementy podczas kodowania nie tylko u początkujących ale również zawodowców

[tmig]

Dzięki Danielu za cenne wskazówki. Właśnie takich szczególnie oczekuje choć każda odpowiedź podyktowana chęcią pomocy i życzliwością jest ważna.
Czy Ty używasz Notepad ++ do pracy ze stronami ? Mógłbyś mi krótko napisać jak prawidłowo kolorować kod ? Co masz na myśli pisząc o komentarzach ? Jestem totalnym amatorem w programowaniu i pisaniu stron www

[Artur Smolicki]

Zacznij od tego:

http://www.kurshtml.boo.pl/

I póki co nie martw się opcjami Notepada tylko naucz się programowania, Notepad nie napisze strony za Ciebie a mam wrażenie, że właśnie takich opcji szukasz. Notepad sam koloruje kod, naprawdę z tym programem nic nie robisz, tylko go otwierasz i piszesz kod. On nie ma żadnych ukrytych funkcji które są Ci niezbędne. Jeżeli jesteś bardzo początkujący zacznij pokolei czytać kurs, każdą poznaną funkcję wypróbuj w praktyce, w kursie jest wszystko opisane. Gdy nauczysz się robić proste stronki sam zauważysz na czym polega kolorowanie kodu w Notepad++.

[Daniel 'siewca' Nakoneczka]

Czy Ty używasz Notepad ++ do pracy ze stronami ?

Znam ten edytor, kiedyś na nim pracowałem, jest bardzo dobry. Obecnie pracuję wykorzystując Adobe Dreamweaver ale ten jest drogi i nie polecam początkującym.

Mógłbyś mi krótko napisać jak prawidłowo kolorować kod ?

Wystarczą domyślne ustawienia programu, ewentualnie możesz zmienić w opcjach kolory jeśli cię te drażnią (czasem tak bywa że kolory ustawione domyślnie w programie nieźle dają po oczach ).

Co masz na myśli pisząc o komentarzach ?

Na przykład, masz jakiś fragment kodu który odpowiada za blok tekstu oferty więc go oznaczasz tak:

Kod: Zaznacz wszystko

<!--treść oferty start-->
<div>
<p>Treść oferty</p>
</div>
<!--treść oferty koniec-->


Dzięki tym komentarzom na początku i końcu bloku, możesz łatwo go odszukać, edytować (gdy na przykład chcesz coś dopisać w treści), możesz też bardzo szybko skopiować cały kod odpowiedzialny za ten blok.

[Paweł Landzberg]

Kod w Notpadd++ sam się koloruje i domyślne kolory chyba nie są takie złe. To zdecydowanie pomaga, bo jest przejrzyście.

[ravpl]

Uzupełniając Wasze wcześniejsze posty podam kilka ciekawych funkcji Notepad++, które bardzo często ułatwiają mi pracę.

Podstawowa funkcja to kolorowanie kodu.
W przypadku otwarcia pliku z rozszerzeniem np. HTML lub PHP program automatycznie pokoloruje znaczniki, linki a treść pozostawi w kolorze czarnym. W nowym, niezapisanym pliku wystarczy wybrać z menu "język" by kod się pokolorował (tak robię najczęściej, bo edytora używam do sprawdzania głownie cudzego kodu). Dzięki kolorowaniu wprawny webmaster w kilka sekund odnajdzie właściwą linijkę w kodzie i błędnie wpisane znaczniki czy wartości.

Łączenie znaczników, klas itp.
Bardzo przydatną funkcją jest wizualne łączenie znaczników w kodzie.
Przykład (kropki symulują spację):
<div>
......<div>
............Treść a
............Treść b
......</div>
</div>
Kliknięcie w pierwszy napis DIV spowoduje podświetlenie <DIV> i </DIV>, jeżeli ma parę. W przypadku, gdy nie ma pary to się nie podświetli, dzięki temu łatwo sprawdzisz gdzie "zjadłeś" drugą połowę znacznika.
Kliknięcie w drugi napis DIV narysuje dodatkowo pionową linię pomiędzy nimi, dzięki czemu zobaczysz powiązanie pomiędzy nimi. Pamiętaj jednak by zachować wcięcia (tworząc je klawiszem TAB), w naszym przykładzie Treść a i b, jeżeli ich nie będzie to kod będzie się zlewał i będzie mniej czytelny dla początkującego webmastera czy programisty.
Dodatkowym ułatwieniem jest symbol "-", który w edytorze pojawiłby się przy DIV, umożliwia on zwinięcie wierszy. Bardzo przydatne przy rozbudowanym kodzie z wieloma zagnieżdżeniami.

Porównywanie dwóch plików jest moją ulubioną funkcją.
Kiedyś mozolnie, godzinami, śledziłem kod w dwóch otwartych plikach. Teraz wystarczy kombinacja ALT+D i w kilka sekund zobaczysz, czym różnią się dwa pliki.
Edytor podzieli się na 3 kolumny. Pierwsze dwie to plik1 i plik2 a w trzeciej zobaczysz kolorowe linie poziome. Dzięki nim wyszukasz różniące się wiersze, które dodatkowo pokolorowane będą w pliku 1 i 2. Po lewej w każdej kolumnie pojawi się dodatkowa kolumna ze znakiem + lub - przy wierszach, których nie ma w drugim pliku.

Wyszukiwanie w otwartych plikach.
Jako webmaster pracujący z Joomla często muszę modyfikować pliki CSS.
Nowoczesne szablony z których korzystamy mają nawet po kilkanaście takich plików zależnych od koloru szablonu i przeglądarki. Klawisz "szukaj we wszystkich otwartych dokumentach" w funkcji "szukaj" bardzo ułatwia mi wyszukiwanie konkretnych klas z rozsianymi parametrami po kilku plikach.
Oczywiście jest jeszcze możliwość szukania w zamkniętych plikach znajdujących się w katalogu na dysku.

[Mariusz 'rokko' Kołacz]

Warto tutaj jeszcze wspomnieć, że dla Notepad++ jest sporo wtyczek, które ułatwiają pracę nie tylko webmasterom, lecz także copywriterom czy nawet tłumaczom.

http://npp-plugins.sourceforge.net/

http://sourceforge.net/apps/mediawiki/n ... in_Central