Jeżeli zamierzamy zainwestować w firmową stronę internetową polecam zapoznać się z poniższym tekstem w którym opiszę minimum wiedzy jakie zleceniodawca powinien posiadać zanim podejmie decyzję o wyborze wykonawcy.
Budowa Strony Internetowej:
Każda strona internetowa zbudowana jest za pomocą kilku rodzajów kodu:
- HTML – „ramy” w których niejako umieszczona jest treść naszej strony.
- CSS – Odpowiada za wygląd owych „ram” jak również treści oraz ich pozycjonowanie w przypadku strony przystosowanej do różnych rozmiarów ekranów (RWD -responsywność.).
- JavaScript (JS) – język programowania pozwalający dodać do strony elementy interaktywne oraz budować (wraz z wymienionymi powyżej) rozbudowane elementy stron (galerie, quizy itp). Możliwości języka są o wiele większe, ja jednak skupię się tutaj jedynie na niezbędnych podstawach.
FRONT-END
Wszystkie wymienione powyżej technologie/języki kodowania strony WWW, razem tworzą zrozumiałe dla przeglądarki polecenia które ta wyświetla nam w postaci zrenderowanej, graficznej strony WWW. Kodowanie w wymienionych technologiach nazywamy Front-endem gdyż ich wynikiem jest to co internauta zobaczy po wpisaniu adresu w przeglądarce. Strony napisane wyłącznie w tych technologiach nazywamy stronami statycznymi gdzie ich treść zawarta jest na stałe w owych „ramach” a jej zmiana wymaga „ręcznej” edycji kodu przez webmastera.
RWD (Responsive Website Design) & Mobile First
Słów kilka o zagadnieniach w projektowaniu front-end’u bez których projekt nowoczesnej strony WWW się nie obędzie.
- RWD (responsywność strony WWW) – technika projektowania/kodowania strony WWW umożliwiająca jej dopasowanie się do różnych rozmiarów ekranów (mobile, tablet, desktop). Obsługa tej techniki odbywa się głównie za pomocą metody Media Queries dostępnej w CSS3.
- Mobile First – Podejście do projektowania i tworzenia stron i aplikacji WWW polegający na odwrotnej koncepcji niż dotychczasowa czyli wstępnego projektu dla urządzeń desktop/laptop i dostosowaniu go do urządzeń mobilnych. W związku z coraz większą popularnością urządzeń mobilnych i co za tym idzie coraz większym procentem odwiedzin na stronach za pomocą owych urządzeń, koncepcja ta polega w pierwszej kolejności na dostosowaniu strony dla ekranów smartfonów i tabletów a niejako na końcu dla urządzeń typu desktop.
BACK-END
Aby strona pobierała treść z bazy danych lub innych źródeł i prezentowała nam w formie dynamicznej strony internetowej potrzebny jest nam Back-end.
Back-end to zestaw technologii działających po stronie serwera których odwiedzający naszą stronę raczej nie zobaczy.
Są to wszystkie elementy naszej strony odpowiedzialne za logikę, przechowywanie i dynamiczne generowanie treści oraz ich „ram” prezentowanych w przeglądarce.
WORDPRESS CMS – CONTENT MANAGEMENT SYSTEM
To co łączy niejako front-end i back-end to CMS czyli system zarządzania treścią. Jest to kokpit w formie graficznej strony internetowej do którego mamy dostęp po zalogowaniu się.
Kokpit ten umożliwia nam dodawanie/edycję/kasowanie treści, stron, wpisów bez znajomości jakiegokolwiek języka programowania a wszystko odbywa się podobnie jak edytowanie dokumentów w znanym edytorze tekstu na literę „W”. W naszym przypadku systemem zarządzania treścią jest znany i lubiany WordPress.
WORDPRESS + WOOCOMMERCE = E-COMMERCE:
Jeżeli planujemy uruchomienie własnego małego/średniego e-sklepu na platformie WordPress to najlepszym rozwiązaniem jest wtyczka/moduł o nazwie Woocommerce która dodaje niezbędne funkcjonalności do WordPress’a pozwalające na bezproblemową e-sprzedaż.
Podsumowując:
Front-end – to co widzimy w przeglądarce.
Back-end – dane i operacje po stronie serwera.
CMS (system zarządzania treścią) – graficzny kokpit pozwalający na zarządzanie stroną i jej treścią.
PROCES REALIZACJI STRONY Z CMS:
- Ustalenie wytycznych i wymagań.
- Umowa (pisemna/email).
- Projekt graficzny strony wraz z poprawkami.
- Kodowanie do strony statycznej HTML (front-end) wraz z poprawkami i testami.
- Przygotowanie wszystkich niezbędnych szablonów HTML.
- Przystosowanie wykonanych szablonów do współpracy z CMS.
- Instalacja całości na serwerze produkcyjnym wykonawcy oraz wstępne uzupełnienie treścią przekazaną przez zleceniodawcę.
- Testy i poprawki na serwerze produkcyjnym wykonawcy
- Instalacja strony na serwerze docelowym zleceniodawcy.
- Wstępna optymalizacja i pozycjonowanie strony SEO ( dodanie adresu do paneli zgłoszeniowych wyszukiwarek)
KU PRZESTRODZE:
Od kilku lat w internecie można znaleźć dosłownie masę firm/osób oferujących usługi projektowania stron internetowych po bardzo niskich cenach. Firmy/osoby te w 99,9% nie posiadają nawet podstawowej wiedzy programistycznej pozwalającej stworzyć od zera nawet prostą stronę internetową, zamiast tego korzystają z tzw. Darmowych szablonów CMS firm/osób trzecich dodatkowo rozszerzonych o tzw. Page builder’y czyli po prostu graficzne „kreatory” generujące masę niepotrzebnego kodu i spowalniające tym samym wczytywanie strony. Z naszego kilkuletniego doświadczenia wiemy że rozwiązania tego typu działają tylko do momentu aktualizacji systemu CMS i/lub wsparcia technicznego autora danego, darmowego szablonu. W momencie awarii/włamania na tak wykonaną stronę firmy/osoby te znikają zmieniając niejednokrotnie nazwy firm/profili społecznościowych zostawiając klientów samych sobie. Pamiętajmy nigdy osobie prywatnej nie przelewamy żadnych środków z góry a już napewno nie „specom” poznanym na „społecznościówce” !!!! Jeżeli dana osoba twierdzi że prowadzi działalność gospodarczą to prosimy o fakturę pro-forma.
Frazy kluczowe:
freelancer, studio graficzne, agencja reklamy, projektowanie graficzne, wizytówki, ulotki, banery, druk wielkoformatowy, firmowe strony internetowe, responsywne sklepy internetowe, tanie strony WWW z CMS, autorskie strony i sklepy internetowe z CMS, web developer, wordpress developer, wordpress/woocommerce, zarządzanie firmową stroną internetową, optymalizacja stron WWW, statyczne strony internetowe, wizytówki internetowe, natywne kodowanie i programowanie HTML/CSS3/JS/PHP, fotografia reklamowa, fotografia real estate, fotografia kulinarna, fotografia promocyjno-turystyczna, sesje produktowe u klienta, fotografia lotnicza z drona, zdjęcia panoramiczne 360°, spoty i filmy reklamowe telebim led i monitory wystawowe, animacje, wideoprezentacje, timelapse , hyperlapse, stabilizowane ujęcia wideo z gimbali, wideo ujęcia lotnicze z drona,