Tworzenie stron RWD

W dzisiejszych czasach ciężko jest nie być użytkownikiem internetu. Każdy bank, ma konto internetowe, o wiele łatwiej i bezkosztowo można wykonać przelew – nie patrząc na godziny otwarcia placówek strony RWDbankowych. Do lekarza można zapisać się siedząc w wygodnym fotelu u siebie w domu, a nie stojąc godzinami pod przychodnią w deszczu i zimnie (swoją drogą, najszybsza droga do tego, żeby totalnie się rozłożyć gdy jest się chorym). Można również poznać ludzi, porozmawiać z kim chcemy i o czym chcemy, a nawet zrobić wszystkie potrzebne zakupy, począwszy od chleba, proszku do prania czy też firan, a na rowerze czy szafie skończywszy. I to wszystko nie wychodząc z domu, nie musząc jeździć po całym mieście i z dostawą pod same drzwi. Nic dziwnego, że Internet zawładnął każdą sferą naszego życia.

Ale niesamowicie szybko postępujący rozwój technologiczny, pomimo, że ułatwia nam życie, to z drugiej strony może nam je utrudniać. Praktycznie każdy dzisiaj posiada smartfona. Badania pokazują, że coraz więcej czasu spędzamy przeglądając strony www w naszych telefonach, niż jak robiliśmy to dawniej – na komputerach tradycyjnych. Dlatego Webmasterzy muszą mierzyć się z niełatwym zadaniem dostosowania stron www do mniejszych rozdzielczości ekranu. Ale tych rozdzielczości pojawiło się na rynku sporo, a dalsze zmiany są przewidziane, bo wpisane są przecież w rozwój technologiczny. Ciężko czasami połapać się w tych wszystkich rozdzielczościach, dlatego najmniejsze błędy w kodzie utworzonym przez Webmastera mogą skutkować np. rozjechaniem się site’u na tablecie. Pomimo, że na wszystkich innych urządzeniach strona wyświetla się poprawnie – czyli zgodnie z założeniami.

Dlatego właśnie pracodawcy z wielka chęcią zatrudniają doświadczonych Webmasterów. Jeśli przejrzelibyśmy oferty pracy dla Webmastera, to wytłuszczoną czcionką zauważymy wymagane doświadczenie zawodowe. Pracownik, który zbudował RWD dla wielu stron internetowych, będzie wiedział, jakich błędów ma uniknąć, żeby userzy nie przechodzili na konkurencyjne site’y.

Jak wyróżnić się w pracy na tle innych Webmasterów?

najlepszy pracownik WebmasterNa rynku pracy w zawodzie Webmastera, można spotkać wielu przeciętnych specjalistów. Wiadomo, że przeciętny pracownik zarabia przeciętne pieniądze. Chcąc zarabiać ponad przeciętną, trzeba wyróżnić się z tłumu przeciętnych pracowników. Czym w takim razie faktycznie można się wyróżnić? Jakie działania należy podejmować? Co robić a czego z całą pewnością nie należy robić? Dziś postaram się udzielić odpowiedzi na te pytania.

Dobry Webmaster jest na bieżąco z nowinkami związanymi ze światem tworzenia stron www. Znajomość języka angielskiego służy mu do tego, żeby czerpać garściami wiedzę z zagranicznych portali i serwisów. Zdecydowanie powinien również udzielać się na zagranicznych forach internetowych. Dlaczego zagraniczne źródła wiedzy? Ponieważ ogólnie już się przyjęło, że rozwój technologiczny ma swoje początki za granicą. Zwykło się mawiać, że wszystkie innowacje przychodzą do Polski z opóźnieniem. Ale też chodzi o zasięg. Język angielski jest uniwersalnym językiem światowym, służącym do komunikowania się. Jeśli znasz dobrze język angielski, wówczas zakres zdobywania wiedzy znacząco się poszerza. Możesz również dzielić się własnymi przemyśleniami i konsultować swoje pomysły z Webmasterami z całego świata. Społeczności skupione wokół wspólnej pasji tworzą jakby jedną wielką rodzinę.

Kolejną bardzo ważną kwestią, jest niewątpliwie stałe poszerzanie wiedzy. Świat IT jest jedną z najszybciej rozwijających się dziedzin. W dzisiejszych czasach nie wystarczy zdobyć pewien określony zakres wiedzy. Dzisiaj trzeba śledzić zmiany, ponieważ brak znajomości nowych, zatwierdzonych standardów wiąże się nie tylko z kiepskim wyświetlaniem się stron internetowych, ale również ze spadkiem pozycji danego site’u w wyszukiwarce.

Z tych właśnie względów, Webmaster samouk jest niezwykle cenioną osobą w firmie i zdecydowanie wyróżnia się na tle przeciętnych Webmasterów, którzy tylko opanowali kodowanie stron i robią to co prawda dobrze, ale nie rozwijają się ponad standardy.

Skąd czerpać wiedzę podczas nauki pisania stron www?

Tak jak mogliście już przeczytać w poprzednim poście, najlepszym źródłem wiedzy, będzie doświadczony nauczyciel. I nie chodzi mi tylko o to, żeby taka osoba długo siedziała w branży, ale najważniejsza jest kursy Webmasterakwestia bycia na bieżąco. IT jest dziedziną, w której tempo rozwoju jest bardzo szybkie. Niezbędna jest zatem aktualizacja swojej wiedzy. Dla przykładu, RWD weszło jakiś czas temu. Osoby, które nie będą na bieżąco i tylko zapoznają się z tematem, mogą wyrażać wartości w liczbach a nie w procentach – gdzie jest to najbardziej pożądane. Dlatego tak ważne jest nie tylko zdobywanie wiedzy, ale również życie wszystkim co w postępie technologicznym piszczy.

Jednym ze źródeł, z których najczęściej czerpie się wiedzę są kursy. W dużej mierze można spotkać kursy on-line darmowe. Wielu jest pasjonatów Webmasterów, chcących podzielić się swoją wiedzą. Poza tym systematyzują swoją wiedzę w jednym miejscu, dzięki czemu mogą w łatwy i przystępny sposób sprawdzić, jakich znaczników w którym przypadku użyć w swojej pracy zawodowej.

Kolejnym fajnym rozwiązaniem jest zapisanie się na kurs do sprawdzonej i poleconej przez kogoś szkoły. Warto sprawdzić program nauczania, dopytać o ilość godzin poświęconych na naukę HTML/ CSS, oraz na JavaScript. W zależności od poziomu, na którym się znajdujemy, czasem lepiej podszkolić się samodzielnie w zakresie HTML/ CSS i wybrać kurs z dużą ilością JavaScript.

Pomimo, że najlepsze metody nauki zostały wyżej wymieniona, to nadal trafiają się osoby, które twierdzą, że najlepszym sposobem na budowanie swojej wiedzy i kwalifikacji jest udanie się na studia kierunkowe. Czy to się opłaca i jak to wygląda w praktyce? Ano w praktyce przedstawia się to tak, że jest pewna liczba godzin do zagospodarowania. W związku z tym, ponieważ zakres wiedzy do przerobienia jest ograniczony, często wykłady są rozciągane w czasie. Dla porównania, na kursie w znacznie krótszym czasie jesteś w stanie przyswoić wiedzę. Skondensowanie wiedzy można określić jako: “krótko, zwięźle i na temat”.

3 złote rady dla początkującego Webmastera

początki WebmasteraJeśli podjąłeś decyzję o tym, że chcesz wkroczyć na drogę tworzenia stron www – to świetnie! Są jednak rzeczy, o których powinieneś wiedzieć, zanim podejdziesz do tematu pochłaniania wiedzy oraz kodowania.

Po pierwsze znajdź swojego opiekuna/ nauczyciela. Najlepiej Webmastera ze sporym doświadczeniem. Moim zdaniem jest to kluczowa kwestia, która pozwoli wam na szybki progres i sporą oszczędność czasu. Dlaczego? Ano dlatego, że o ile do nauki tabliczki mnożenia nie jest potrzebna nam osoba, która będzie nas wspierać w nauce (mam tu na myśli sprawdzanie naszego działania i kontrolowanie dobrego kierunku, w którym podążamy i co ważne – nie popełniamy błędów). Natomiast przy tak złożonej kwestii jaką jest nauka pisania kodu, osoba wspierająca jest praktycznie niezbędna. Nawet jeśli jesteś należysz do osób niezwykle inteligentnych i kumatych, to wystarczy, że błędnie zastosujesz dany atrybut i już cała strona się wykrzacza. A Ty siedzisz bez sensu i próbujesz. Dlatego, jak próbujesz sam rozwiązać temat (co oczywiście cenię) ale trwa to już zbyt długo – śmiało pytaj.

Po drugie – znajdź odpowiednie źródło wiedzy. Kursów, które mają na celu nauczyć cię tworzenia stron internetowych oraz portali z darmową wiedzą usystematyzowaną w lekcjach jest cała masa. Nie zawsze droższe znaczy lepsze. Są przecież portale, na których doświadczeni Webmasterzy – pasjonaci chętnie dzielą się wiedzą z laikami. Nie będę tutaj polecać konkretnych stonek, żeby nie faworyzować. Myślę, że osobie pełniącej funkcję naszego nauczyciela wystarczy kilka chwil, żeby rzucić okiem na zawartość merytoryczną i określić, na którym kursie warto bazować zdobywając wiedzę.

Po trzecie nie poddawaj się! Początki nie należą do najłatwiejszych, ale przy sporej dozie wytrwałości jesteś w stanie w całkiem przyzwoitym czasie przyswoić wiedzę potrzebną do pracy z kodem. Warto oczywiście mieć zawsze pod ręką ściągi – nie wszystkie znaczniki ogarniesz od razu, ale staraj się je zapamiętywać, dzięki temu pisanie kodu będzie z czasem coraz szybsze i sprawniejsze.

Uporządkowany kod

Osoby, które dopiero rozpoczynają swoja przygodę z html i css powinny od samego początku praktykować pewne zasady. Dobre praktyki bowiem sprawią, że ich praca będzie łatwiejsza, przyjemniejsza, a czysty kod html cssznalezienie powodu dla którego coś się rozjeżdża będzie następowało niezwykle szybko. Ale to jeszcze nie koniec plusów. Kolejną bardzo ważną rzeczą jest z pewnością przychylność starszych pracowników. Każdy doświadczony Webmaster zwraca uwagę, na to, żeby znaczniki: otwierający i zamykający, znajdowały się w tej samej linii. Dlatego jeśli będziesz stosował się do tej zasady od razu zyskasz plusa na początku.

Narzędziem, które ułatwia panowanie nad nawiasami, a nawet samo automatycznie je domyka, jest edytor html. Taki porządny edytor poza tym koloruje składnię, stosuje system podpowiedzi, domyka tagi oraz stosuje makra. Wygodnym typem edytorów będzie oczywiście WYSIWYG – What You See Is What You Get – w którym budujemy stronę nie posiadając wiedzy z zakresu kodowania. Ale żaden szanujący się Webmaster nie korzysta z tak banalnego w zastosowaniu narzędzia. Nie muszę chyba pisać jaka byłaby reakcja przyszłych współpracowników, na fakt, że korzystasz z edytora typu WYSIWYG.

Dla profesjonalnych Webmasterów niezwykle istotne jest również odpowiednie nazywanie znaczników. Chodzi o to, żeby znacznik mówił nam co oznacza zawartość. Wiadomo co oznacza:

<div id=”container”></div>

<div id=”header”></div>

czy

<div id=”footer”></div>.

Chodzi tutaj o znaczenie semantyczne. Ciężko przecież byłoby zorientować się, co oznacza:

<div id=”takiecos”></div>.

Z cyklu cenne rady dla Webmastera: Sposób na dobry layout.

jak zaprojektować dobry layoutW pracy każdego Webmastera wielokrotnie pojawia się zadanie stworzenia layoutu. Czasami tworzysz po prostu stronę główną, a czasami poszczególne elementy na stronie, czy też podstronie. Schemat działa za każdym razem tak samo – klient składa zamówienie, wspólnie określacie czas, w którym owo zadanie zostanie wykonane, Ty przystępujesz do działania. Ale to nie wszystko, bowiem sam wykonany projekt to jeszcze nie koniec pracy. Często jest bowiem tak, że wysyłając gotowy – w Twoim mniemaniu, layout do zleceniodawcy – otrzymujesz masę poprawek do wprowadzenia. Mniej lub bardziej istotnych. Okazuje się bowiem, że punktory w liście <ul></ul> znacznik <li></li> są zbyt standardowe, zbyt małe i zbyt czarne. Klient wolałby np. gwiazdki bądź inne strzałki, zatem zamiast standardowego kodu na stronie, musisz pobrać odpowiedni obrazek i użyć stylów css.

Jak zatem sprawić, że projekt wysłany do klienta spotka się z jego aprobatą i natychmiastową akceptacją, bądź ewentualnie drobnymi kosmetycznymi poprawkami takimi jak np. zwiększenie paddingu lub marginu bądź zmiana wyrównania tekstu z lewego na wyśrodkowanie?

Jest kilka złotych rad, których powinien trzymać się dobry Webmaster, żeby zadbać o maksymalny komfort współpracy oraz sprawić, że cały projekt zamknięty jest w wyznaczonym czasie, a nie przedłuża się dniami czy też tygodniami.

Przede wszystkim solidna rozmowa przed, spisanie oczekiwań klienta, wstępne ustalenie, jak klient sobie wyobraża gotowy layout. Trzeba dopytać, ile treści powinno się w nim zmieścić, czy ilość tekstu będzie przeważnie taka sama lub zbliżona, czy też będzie się diametralnie różnić w zależności od np. dnia. Najlepiej również poprosić klienta o wskazanie tła i wszelkiej grafiki, którą klient życzy sobie zastosować. Ustalenie wszelkich ważnych kwestii przed przystąpieniem do tworzenia projektu, oszczędzi czas i ewentualne nerwy, a klient będzie zadowolony.

Tekst na stronie

Każdy webmaster wcześniej lub później stanie przed koniecznością wczytania pewnego tekstu z formularza na stronie, a później jego wyświetlenia. Poniżej wszyscy zainteresowani tą tematyką znajdą przegląd dwóch technik przydatnych do tego celu.

b47TEKST BEZ FORMATOWANIA

Ta opcja jest najłatwiejsza i najbezpieczniejsza. Należy pamiętać, by w tekście z formularza zamienić wszystkie znaki specjalne na ich odpowiedniki w postaci encji HTML (dla znaków <, >, „, ‚ i &). W PHP można to łatwo zrobić za pomocą funkcji htmlspecialchars(). Co więcej, warto zamienić wszystkie znaki nowej linii na <br>. (w PHP za pomocą funkcji nl2br())

BB CODE

BB Code jest systemem znaczników wzorowanych na HTML. Znaczniki BB Code ograniczone są nawiasami kwadratowymi, a nie jak w HTMLu trójkątnymi. Np.:

  • [b]tekst[/b] – pogrubienie tekstu;
  • [i]tekst[/b] – pochylenie tekstu;
  • [color=red]tekst[/color] – zmiana koloru tekstu;
  • [url]http://www.poradnik-webmastera.com/[/url] – wstawienie odnośnika;
  • [img]http://www.poradnik-webmastera.com/obrazek.gif[/img] – wstawienie obrazka.

Dzięki zastosowaniu BB Code można łatwo pozbyć się problemów stwarzanych przez używanie znaczników HTML. Wystarczy na początku zakodować specjalne znaki jako encje HTML, a następnie zamienić znaczniki BB COde na odpowiadające im znaczniki HTML.

Jak projektować

Jako webmaster Piotrków Trybunalski muszę znać zasady tworzenia stron www. Wkuć je musiałem już na początku swojej przygody z projektowaniem, by później umieć to wszystko jakoś wykorzystać.

p47Do podstawowych zasad projektowania stron www należą:

  • Projekt powinien być czytelny i przejrzysty, nie przeszkadzający w zapoznawaniu się z zawartością.
  • Strona ma zawierać grafikę by była miła dla oka, ale ilość elementów powinna być taka, by strona szybko się ładowała.
  • Elementy służące do nawigacji powinny być wyróżnione, ale nie stosuję do tego JavaScriptów i Flasha ponieważ mimo ciekawych efektów możliwych do osiągnięcia, można zrobić stronę która w niektórych przeglądarkach nie będzie możliwa do oglądania.
  • Struktura strony powinna być przemyślana tak, by oglądający się nie gubił.
  • Powinien być zastosowany kolor tworzący klimat i podkreślający ważne elementy strony. Należy zachować jednak umiar i dbać o dobry do czytania kontrast między tekstem a tłem.
  • Kolorystyka powinna być zgodna z treścią, czy barwami firmowymi.
  • Dobry webmaster powinien opiekować się stroną po jej uruchomieniu – strona powinna być na bieżąco aktualizowana.
  • Strona powinna poprawiać wizerunek jej właściciela, a nie swym wyglądem go psuć.

Pełne zadowolenie

Praca webmastera jest chyba najbardziej pasjonującym zajęciem na świecie. Nie wyobrażam sobie nic, co mogłoby mi sprawiać więcej radości i samozadowolenia. Współczuję osobom, które nie wiedzą co chcą w życiu robić i w końcu trafiają na takie stanowiska pracy, które nie sprawiają im żadnej radości. Chciałbym móc powiedzieć, że niezadowolenie z pracy znam tylko z opowieści, ale tak nie jest – zanim zostałem webmasterem przez jakiś czas pracowałem jako asystent klienta i wcale mi się to nie podobało, webmaster Świętochłowice.

z47Asystentem klienta byłem zaledwie przez kilka miesięcy. Wystarczyło to jednak, bym na dobre zniechęcił się do tego typu pracy. Ciągłe rozmowy telefoniczne z obcymi osobami były nie dla mnie – powodowały mnóstwo stresów i problemów ze snem. Uciekłem z tej firmy gdy tylko nadarzyła się okazja.

Teraz nie mam powodów do narzekań, bo wykonuję najpiękniejszy zawód na świecie. Projektowanie stron internetowych to niezwykle twórcza praca, która wymaga dużej wyobraźni i znajomości programowania. Cieszę się gdy moje projekty podobają się zleceniodawcom, a podobają się prawie zawsze. Gdy klient nie jest do końca zadowolony to wprowadzam w stronie zmiany tak długo, aż nastawienie zleceniodawcy się zmieni. Ta praca naprawdę mnie satysfakcjonuje!

Wyżyłem się na koledze

q47Bardzo źle się czuję z myślą, że wczoraj wieczorem niezbyt miło potraktowałem swojego kolegę z pracy, który zadzwonił by poprosić mnie o pomoc w dokończeniu projektu. Normalnie pewnie rzuciłbym wszystko i pojechał pomóc przyjacielowi w potrzebie, ale akurat wczoraj miałem bardzo zły dzień, bo okazało się, że moja dziewczyna zakochała się w kimś innym i wyprowadza się z naszego mieszkania. Sami rozumiecie, że miałem prawo czuć się zły, rozdrażniony i zdegustowany. Jurek zadzwonił w najmniej dogodnym dla siebie i dla mnie momencie, dlatego został odprawiony z kwitkiem i potraktowany niezbyt uprzejmie.

Gdy ochłonąłem po kłótni z byłą dziewczyną, zacząłem zastanawiać się nad sposobem potraktowania kolegi z pracy. Jurek zawsze był dla mnie bardzo miły, a choć często prosił o pomoc i radę, lubiłem mu pomagać. Jurek jest w końcu młodszym, mniej doświadczonym webmasterem ode mnie, webmaster Bełchatów. W jego wieku też wielu rzeczy nie wiedziałem i zawsze liczyłem na czyjąś pomoc.

Wczoraj, po dokonaniu dokładnej analizy poczynionych błędów względem kolegi było już za późno, żebym do niego dzwonił, dlatego ograniczyłem się do wysłania smsa. Jurek nic nie odpisał, ale mam nadzieję, że wybaczył mi moje zachowanie. Dziś mam zamiar przeprosić go raz jeszcze, tym razem osobiście – tak jak trzeba.

© 2017 Praca webmastera

Theme by Anders NorenUp ↑