HTML5 & CSS3

Tworzenie stron WWW

Gdy robisz stronę internetową.

Być może powiesz, że to nie Twoja wina – że po prostu przyciągasz takich facetów.

Niewykluczone, że taka jest właśnie prawda. Ale równie prawdopodobne jest to, że nie przyciągasz ich bez powodu…

W przypadku niektórych kobiet problem jest więc podwójny – nie dość, że nie rozpoznają na czas podejrzanych facetów, to jeszcze same wysyłają niewłaściwe sygnały.

Nie oszukujmy się – wartościowi mężczyźni szukają wartościowych kobiet. Nie twierdzę tutaj, że Ty taka nie jesteś… Ale być może masz problem z jednoznacznym pokazaniem tego światu. Skupiasz się na tym, jak być atrakcyjną, jak flirtować, jak przyciągać mężczyzn… i zapominasz, że od samego początku powinnaś też zaznaczać swoje standardy, pokazywać swoją wartość, stawiać granice tolerancji dla takiego czy innego zachowania.

Kobieta, która na dzień dobry konfrontuje mężczyznę ze swoimi standardami szybko znika z pola zainteresowania podrywaczy i wiecznych chłopców – bo im po prostu nie chce się niczego inwestować w znajomość, szukają relacji łatwych i przyjemnych.

Jednocześnie stajesz się bardziej widoczna dla porządnych facetów – choćby dlatego, że przestaje Cię otaczać wianuszek podejrzanych typów. Możesz mi wierzyć, że mężczyźni potrafią rozpoznać w swoim gronie wytrawnych graczy…

Robienie strony internetowej.

Nawet nie masz pojęcia, jak często dostaję wiadomości, z których wynika dosyć smutna prawda… kobietom łatwo jest dzisiaj stracić wiarę w mężczyzn.

Gdzie się podziali porządni mężczyźni? Wszyscy faceci są tacy sami! Prawdziwi mężczyźni dawno wyginęli. Faceci to dupki, nie można im ufać. Mam ich dosyć, oni zawsze coś kręcą. Nie ma z czego wybierać, wszyscy najlepsi już dawno są zajęci. Z nikim mi się nie udaje, tracę wiarę w mężczyzn!

Brzmi znajomo?

Prawie każda kobieta na ziemi chociaż raz wypowiedziała coś podobnego… Czy to znaczy, że w szeregach facetów naprawdę dzieje się coś niepokojącego?

Niekoniecznie.

Całe społeczeństwo się zmienia, role kobiet i mężczyzn są już bardzo różne od tych, które funkcjonowały sto czy nawet pięćdziesiąt lat temu. Ale to wcale nie znaczy, że prawdziwi mężczyźni wyginęli. Tak samo, jak nie wyginęły wartościowe kobiety.

Problem leży gdzie indziej.

Najczęściej chodzi o to, że kobiety po prostu nie potrafią odróżnić wartościowych osób od tych, którymi nie warto sobie zawracać głowy. Zamiast przejść obok nich obojętnie, wchodzisz w związki z krętaczami, podrywaczami, facetami bez ambicji… Dopiero po czasie okazuje się, że nie była to zbyt dobra decyzja. Ale wtedy już jest trochę za późno – Twoja wiara w mężczyzn została już nadszarpnięta…

Jak zrobić stronę internetową?

W jakim nastroju rozpoczęłaś wakacje? Ja jeszcze siedzę w domu i to na dodatek z dziećmi u boku, więc pracuję mniej, zarówno jeśli chodzi o długość pracy, jak i jej intensywność. Ale pracuję!

Dzisiaj mam do Ciebie kilka spraw:

Po pierwsze: na blogu czeka na Ciebie BEZPŁATNY KALENDARZ do pobrania na lipiec. Od teraz co miesiąc będę wysyłać Ci taki kalendarz i mam nadzieję, że Ci się przyda.

Po drugie: na blogu czeka WAKACYJNY ARTYKUŁ o tym jak (nie) organizować dzieciom wakacji. Jestem mamą pracującą, mam dwójkę dzieci i firmę na głowie, więc mam co nieco w tym temacie co powiedzenia 🙂

Po trzecie: ten mejl wysyłam do Ciebie z innego systemu niż zwykle, gdyż zamieniam Maichimp na Convert Kit. Jeśli cokolwiek wygląda nie tak jak trzeba, to będę bardzo wdzięczna za wysłanie informacji do mnie (wystarczy, że odpowiesz na tego mejla)

Po czwarte: razem z moim zespołem pracujemy nad serią produktów fizycznych dla Ciebie i na pierwszy ogień idzie Kalendarz PSC na 2017 rok, ale będą też notesy, listy zadań, no i oczywiście planery. Do wyboru do koloru!
I po piąte (i ostatnie) – wielkimi krokami zbliża się kolejna – trzecia edycja KURSU ONLINE "Zorganizuj się w 21 dni". Ta edycja będzie wyjątkowa, bo cała zawartość kursu jest tworzona od nowa. Jeśli więc jesteś zainteresowana to zapisz się na listę osób zainteresowanych kursem TUTAJ, a jeśli już uczestniczyłaś w kursie to pamiętaj, że masz do niego dożywotni dostęp i będziesz mogła zobaczyć kurs w zupełnie nowej odsłonie!

Jak wybrać nazwę do strony internetowej?

Jesli chodzi o Lukasza, to nie moze tez byc tak, ze on decyduje o wszystkim a my tylko wykonujemy jego polecenia. Spedzasz pol dnia nad patronatami a on Ci po wszystkim mowi, ze zmienil zdanie… Pod grafike jest okreslona specyfikacja oraz pewien zalozony budzet. Lukasz musi wiedziec, ze moze pracowac z grafikiem, z ktorym chce o ile tamten zaakceptuje nasze warunki finansowo – specyfikacyjne. Pozostaje kwestia digipacku, gdzie moje zdanie jest takie, ze nie robimy wyjatkow i digipack wypuszczamy wtedy kiedy jest wystarczajaco silny potencjal handlowy. W przypadku Lukasza jest taki, ze nie podchodzi pod digipack tylko zwykly jewelbox.
Imprezy – super. Pamietaj o JKB :-))
Videosesja – musimy sie wspolnie naradzic, bo po cholere znowu przechodzic te gehenne ze sciagnieciem Ai do Polsi, skoro niczego juz nie osiagniemy z ta artystka przez najblizsze 3 lata. Pogadajmy w gronie Regio o rekompensacie ponownej videosesji, ale podsuniemy innego artyste od nas.
Bede dzis znowu ok 15-16. Jestem pod mailem i tele 🙂
I tak to jest, że nie ma sensu tego robić bez prawidłowej organizacji, dlatego tego trzeba sie trzymać i to próbować zrobić kiedykolwiek tylko się chce, bo to tak powinno wyglądać.

Popularne edytory HTML

Oprócz umiejętności i wiadomości oraz pomysłu, bardzo ważne przy tworzeniu stron WWW jest stworzenie webmasterowi odpowiedniego środowiska. Kilkugodzinne klepanie kodu potrafi znużyć i nieco wykończyć mózg, dlatego warto zwracać uwagę na wszystkie szczegóły, które mogą pomóc. Jednym z nich jest odpowiednie środowisko programistyczne – w tym wypadku być może zwykły edytor tekstowy, który pozwala na pisanie kodu HTML, CSS, JavaScript, czy innego przeznaczonego do programowania aplikacji webowych. Na rynku istnieje ogrom darmowych i płatnych edytorów do pracy z HTML, ale jak to bywa z rynkami, tylko kilka zasługuje na większą uwagę. Jednym z nich jest Sublime Text, którego obsługa opiera się głównie na klawiaturze, co pozbawia programistę obowiązku często denerwującego sięgania po myszkę. Obsługuje on ponadto wiele języków i posiada przyjemną szatę graficzną. Kolejnym z faworytów jest, bijący rekordy popularności, Adobe Dreamweaver. Jak sama nazwa wskazuje, produkt spod skrzydeł znanej marki nie może być zły. To prawda, Dreamweaver pozwala na stworzenie strony nawet bez dobrej znajomości języka, a to ze względu na wbudowane narzędzia przypominające w sumie edytor WYSIWYG (What You See Is What You Get).

Podział obowiązków przy programowaniu stron

Ogólnie mówiąc, webmaster to osoba zajmująca się tworzeniem i zarządzaniem witrynami WWW. Na pierwszy rzut oka wydawać by się mogło, że do jej obowiązków należy jedynie stukanie kodu CSS i HTML, tak, żeby strona jakoś wyglądała i jakoś działała. Niestety, w obecnych czasach technologia jest rozwinięta na tyle, że samo wyglądanie i działanie nie zapewni witrynie sukcesu. A samo pojęcie webmaster rozbiło się na wiele części, z których każda odpowiada innym czynnościom wykonywanym przy projektowaniu, pisaniu i zarządzaniu stronami WWW. Bo czym innym zajmuje się na przykład administrator serwera WWW, a czym innym programista interfejsu. Ten pierwszy dba o konfigurację i utrzymanie serwera oraz zabezpieczenie go tak, żeby już powstała strona mogła prawidłowo działać, a ten drugi zajmuje się, jak sama nazwa wskazuje interfejsem użytkownika, niezbyt obchodzi go serwer, jego zadaniem jest stworzenie kodu, który skompilowany da klientowi strony przejrzysty i jak najlepszy sposób interakcji ze stroną – zazwyczaj posługuje się CSS i Javascriptem. To, co się dzieje, kiedy użytkownik korzysta z interfejsu, zarządzane jest przez programistę PHP, który tworzy wszystko to, co niewidoczne, wykonywane po stronie serwera, ale bardzo ważne dla działania strony WWW.

Domeny internetowe

Żeby stworzona strona internetowa mogła być łatwo dostępna dla jej użytkowników musi mieć własną domenę. Domena internetowa to nazwa, pod którą znajduje się strona oraz adresy poczty elektronicznej z nią związane. Żeby strona była dostępna musi mieć domenę, może mieć też oczywiście wiele różnych domen. Ale jedna domena, nie może mieć wielu stron. Składa się ona z danego ciągu znaków (który może obejmować litery, cyfry, znak podkreślenie _ i minus -). Za tym ciągiem znaków stawiana jest kropka i końcówka. Końcówka nie może być wybrana dowolnie, musi być wybrana z bazy końcówek i nie ma zbytnio znaczenia. W Polsce najpopularniejsza jest końcówka. pl ze względu na brzmienie. Istnieje pewno uogólnienie i przypisanie końcówek (np. .com stosowana jest przy witrynach komercyjnych, .net, przy witrynach społecznościowych), ale jest tylko umowne i praktycznie nie ma znaczenia. W Polsce najlepiej rejestrować jest domenę z końcówką. pl i. com, bo użytkownicy są do nich przyzwyczajeni i trudniej będzie o pomyłkę, przez którą potencjalny klient nigdy by nie dotarł na stronę. Warto wiedzieć również o istnieniu subdomen. Subdomena to nazwa, tworzona na identycznych zasadach jak domena, z tym, że za nią znajduje się cała nazwa głównej domeny.

Nowa wersja CSS

Kaskadowe arkusze stylów to nieocenione narzędzie przy projektowaniu stron WWW. Pozwalają na ogromny wpływ na wygląd strony, wprowadzić niedostępne w czystym HTML szablony oraz zwiększyć ich stabilność. Kilka lat temu na rynku pojawiła się kolejna, trzecia już wersja Kaskadowych Arkuszy Stylów (CSS3), która wprowadziła wiele nowych możliwości. Pozwala na niedostępne wcześniej udogodnienia oraz rozszerza możliwości interakcji na stronie. W nowej wersji wprowadzono funkcjonalności związane między innymi z animacją, czy efektami takimi jak cienie czy gradienty. Funkcjonalności te pozwalają na upiększenie strony WWW bez użycia dodatkowych technologii. Animacje tworzone mogą być bardzo prosto, wyświetlane szybko, bo nie dołączane są żadne dodatkowe technologie i strony zyskują na świeżości. Animowanie połączone może być ze wspomnianymi efektami typu gradient/cień, daje to programistom ogromne możliwości w tworzeniu ślicznych, zachwycających interfejsów, które sprawią, że użytkownik będzie chciał zostać na stronie na dłużej. Chociaż, oczywiście, z ilością tych wodotrysków nie warto przesadzać, czasy flasha i namiętnego naładowania witryn internetowych przeróżnymi animacjami, czy dźwiękami na szczęście już minęły.

HTML5

Od tysiąc dziewięćset dziewięćdziesiątego siódmego roku standardem w tworzeniu stron WWW był HTML 4. Patrząc pod kątem szybkości rozwoju technologii informatycznej, okres od tysiąc dziewięćset dziewięćdziesiątego siódmego do dwutysięcznego czternastego to kupa czasu. Można pokusić się o stwierdzenie, że strony internetowe przez te szesnaście lat były takie same, w czystym HTML pozbawione interaktywności i multimedialności, nie licząc obrazków. Na szczęście dwa lata temu do oficjalnego użytku została oddana piąta wersja HTML, która wprowadza wiele nowości i świeżości. Głównymi jej cechami są: zachowanie wstecznej kompatybilności ze starszymi przeglądarkami. Strony w HTML5 działać będą prawdopodobnie na nieaktualizowanych od kilku lat przeglądarkach. Programiści zajmujący się językiem usprawnili też sposób obsługi błędów, ujednolicając je we wszystkich przeglądarkach. Poza tym, na przestrzeni lat osoby niezwiązane bezpośrednio z rozwojem języka, stworzyły wiele rozszerzeń, które stały się nieoficjalnym standardem, teraz one są oficjalnie dołączone do głównej biblioteki HTML. Wprowadzono też wiele nowych elementów, które mają na celu zwiększyć interaktywność i multimedialność tworzonych stron.

Podstawowe jezyki tworzenia stron

Wiele młodych osób, w których głowach jawi się pomysł zostania informatykiem, chce zacząć od stworzenia własnej strony WWW. Jest to proces z jednej strony skomplikowany, z drugiej bardzo prosty i przyjemny. Obecne technologie dają mnóstwo możliwości i strona internetowa może bardzo przypominać – i funkcjonalnością, i wyglądem, i szybkością działania – aplikację stacjonarną, co jeszcze kilka lat temu było wręcz nieosiągalne. Jednak stworzenie takiej zaawansowanej strony internetowej wymaga więcej niż jednego języka, niekoniecznie w małym palcu, ale przynajmniej w całej ręce. Do podstaw webmasteringu z pewnością należy HTML – obecnie podstawa, standard i całkowite „must have”. To HTML odpowiada za szkielet strony, pozwala jej istnieć, wyglądać i działać. Jednak w kwestii wyglądu lepiej HTML zastąpić kaskadowymi arkuszami stylów (CSS), które dają ogromne możliwości manipulowania szablonami strony, ułożeniem elementów na niej, są bardziej stabilne i funkcjonalne, a w najnowszej wersji dają też duże możliwości animacji. Dla osób, które chcą nadać witrynie trochę interaktywności, czy wodotrysków, które zachwycą użytkownika przydatny będzie Javascript, który pozwoli na rzeczy niedostępne dla dwóch poprzednich języków.

AJAX

Większość osób związanych z tworzeniem stron WWW musiało przynajmniej natknąć się na nazwę AJAX. Czym jest ta technologia? Asynchronous JavaScript And XML to jej oficjalna nazwa, od której powstał znany skrótowiec, powinna ona rzucić trochę światła. Jest to metoda programowania łącząca kilka technik – HTML, CSS, DOM i XMLHttpRequest. Wszystkie te techniki są łączone w jedno za pomocą JavaScript i pozwalają wykorzystać go do niezależnej komunikacji z serwerem. Komunikacji z serwerem dotąd niespotykanej, omijającej typowe dla PHP Post i Get. Pozwala to na ogromne zwiększenie interaktywności użytkownika ze stroną, omijając zwyczajne przy PHP przeładowywanie witryny. Tutaj reakcje są o wiele szybsze i przypominają standardową aplikację stacjonarną, odchodząc od doczesnych bolączek aplikacji webowych. AJAX ma mnóstwo zalet, a za najważniejszą trzeba uznać znaczące zwiększenie spektrum możliwości budowy interfejsu pośredniczącego między użytkownikiem, a serwerem. Poza tym, środowisko to bazuje na uznanych standardach, więc z łatwością może być wpasowane w istniejące już procesy. Do wad technologii należy między innymi to, że może nie działać z niektórymi przeglądarkami, choć większość tych popularnych świetnie sobie już radzi z obsługą AJAX'a.

jQuery

Javascript, najpopularniejszy język skryptowy wykorzystywany w tworzeniu stron WWW, dobrze wykorzystany, pozwala robić cuda. Użycie go wprowadza możliwości niedostępne dla czystego HTML, czy CSS. Dzięki niemu stworzymy systemy wstępnej walidacji formularza „na żywo, wszelkiego rodzaju alerty, czyli wyskakujące okienka, ciekawe animacje, które mogą być wykorzystane w różnoraki sposób – czy to do ulepszenia wyglądu strony, czy to do zwiększenia jej funkcjonalności tworząc przyjemne i łatwe w użyciu galerie zdjęć. A to tylko wierzchołek góry lodowej, bo wszystkie możliwości Javascriptu są wręcz nieskończone. Na kanwie popularności i możliwości tego języka powstało mnóstwo frameworków, w tym jQuery. Jest to środowisko znacznie ułatwiające pracę z JavaScriptem. Kompatybilne jest, dzięki zaangażowaniu programistów nad nim pracujących, z większością przeglądarek. To projekt opensource, każdy może mieć wgląd w rozwój, a także brać w nim udział! Ponadto, dokumentacja tej biblioteki stoi na naprawdę solidnym poziomie, oprócz suchego opisu funkcjonalności, oficjalna dokumentacja zawiera przykładowe wykorzystanie funkcji oraz komentarze innych programistów, które nierzadko mogą bardzo pomóc w nauce i wykorzystaniu.

JavaScript

JavaScript jest skryptowym językiem programowania wykorzystywanym najczęściej przy projektowaniu stron internetowych. Pojawił się on na rynku w tysiąc dziewięćset dziewięćdziesiątym piątym roku, a jego najnowsza wersja stabilna (1. 8.5) w dwutysięcznym jedenastym roku. Skrypty pisane w tym języku służą najczęściej do wprowadzenia interaktywności w czasie rzeczywistym pomiędzy użytkownikiem, a stroną. Jest to język wykonujący się po stronie użytkownika. Pozwala on na modyfikację wyglądu dokumentu, wykonywanie prostych obliczeń, kontrolowanie poprawności wypełniania formularza w czasie rzeczywistym oraz na obsługę zdarzeń z klawiatury i myszki. JS obejmuje sześć typów danych, a jego podstawowe konstrukcje opierają się na oczywistych operatorach logicznych, arytmetycznych i bitowych, instrukcjach warunkowych, przypisania oraz pętlach. Przez twórców aplikacji WWW jest stosowany głównie w celu poprawy ich wyglądu, walidacji danych z formularzy, wykrywania typu przeglądarki i tworzenia plików cookie. Zazwyczaj jego kod jest wbudowany w stronę WWW. Jest prosty w opanowaniu i obsługiwany przez większość przeglądarek. To bardzo popularne narzędzie wykorzystywane do dodawania interaktywności stronom internetowym.

Systemy zarządzania treścią

Content Management System, po polsku System Zarządzania Treścią, w skrócie CMS. CMS to bardzo popularne narzędzie przy tworzeniu stron internetowych, bo nie wymaga praktycznie żadnej wiedzy informatycznej. Są to systemy, które oferują utworzenie własnej strony na bazie przygotowanego systemu, który wymaga jedynie uzupełnienia treści. Często CMS'y oferują wiele możliwości personalizacji, które pozwalają całkowicie zmienić wygląd strony za pomocą własnych arkuszy CSS, dodać nowe funkcjonalności za pomocą wtyczek, ale zazwyczaj ciężko jest wywrócić do góry nogami cały system tak, żeby zmienić jego główne przeznaczenie, a jeśli się da i tak jest to nieopłacalne. CMS'y są wykorzystywane, kiedy potrzebna jest system stron dość skomplikowany, ale popularny taki jak blog, forum dyskusyjne czy strona informacyjna. Najpopularniejszym i jednym z najlepszych CMS'ó jest WordPress. Posiada on darmowy, otwarty kod również dostępny dla zastosowań komercyjnych. Ze względu na swoją popularność i otwarty kod, społeczność skupiona wokół niego stworzyła tysiące szablonów i wtyczek (darmowych i płatnych), które pozwalają wręcz nieskrępowanie personalizować WordPressa przez użytkownika. Najczęściej wykorzystywany jest on do serwisów blogowych.

PHP

PHP jest jednym z najpopularniejszych języków skryptowych używanych w tworzeniu dynamicznych stron WWW. Składniowo podobny jest do C i C++, jednak jego składnia jest znacząco uproszczona, nie ma potrzeby definiowania typów zmiennych, język robi to za nas, przydzielanie pamięci również nie musi leżeć w kwestii programisty. Ponadto zawiera on wiele wbudowanych funkcji pomocnych przy tworzeniu stron internetowych oraz wbudowaną obsługę wielu popularnych baz danych. Wykorzystuje się go do tworzenia skryptów wykonywanych po stronie serwera WWW. Powstał w tysiąc dziewięćset dziewięćdziesiątym czwartym roku jako PHP/FI (Personal Home Page/Forms Interpreter), od tego czasu przebył długą drogę, pełną ulepszeń i udoskonaleń, a od dwutysięcznego czternastego roku trwają prace nad stworzeniem nowej wersji, już siódmej. PHP jest językiem obiektowym. Obecnie jest dominującym jeżykiem programowania, który obsługuje aż trzy czwarte wszystkich domen internetowych! Większość z obecnie istniejących aplikacji sieciowych oparta jest właśnie na tym języku. Prawdopodobnie wszystkie CMS'y (systemy zarządzania treścią), fora dyskusyjne i aplikacje pocztowe, które znasz, napisane są w tym języku. Co prawda ma też on swoich zagorzałych zwolenników, ale i to nie strąca go z podium, na jakim się znajduje.

Front-end i back-end

Tworzenie stron internetowych można podzielić na dwie części. Są to front-end i back-end. Dzielą one produkcję na to, co jest widoczne dla użytkownika (front-end) i to, co się dzieje poza jego percepcją, a co ma wpływ na treści, jakie widzi (back-end). Pierwsza z warstw, zwana też warstwą kliencką opiera się najczęściej na wykorzystywaniu kilku języków – JavaScriptu, zajmującego się logiką aplikacji WWW, odpowiadającego za szablony stron HTML'a i ich ostylowania posługując się CSS'em. Mając opanowane te środowiska można śmiało nazwać się frontendowcem i zabrać się za tworzenie warstwy przeglądarkowej stron WWW. Część backendowa to wszystko, co mam miejsce nie po stronie użytkownika, a serwera. A więc wszelkie obliczenia, obsługa zapytań oraz baz danych. Ta ścieżka kariery programisty aplikacji webowych często uważana jest za tę cięższą, ponieważ w jej skład wchodzą języki i teorie nieco trudniejsze i bardziej zaawansowane od HTML'a i CSS'a takie jak PHP, MySQL, które wymagają dość dłuższego przygotowania i nie każdy jest w stanie je pojąć od razu. Do tego dochodzi obsługa wszystkich wyjątków, przewidywanie sytuacji, w których kod może być niestabilny oraz zabezpieczenie witryn przed ewentualnymi atakami.

Kaskadowe Arkusze Stylów

CSS, czyli kaskadowe arkusze stylów służą jedynie do bardziej elastycznego formatowania i zarządzania elementów znajdujących się w dokumentach HTML, nie mogą istnieć samodzielnie. Sam pomysł oparty jest na znanych od dawna stylach formatujących znanych z tych bardziej zaawansowanych edytorów tekstowych. Zapotrzebowanie na nie pojawiło się, kiedy stosunkowo ograniczone możliwości zarządzania wyglądem elementów w HTML przestały wystarczać. Używanie CSS pozwala na rozdzielenie struktury i prezentacji dokumentów, co pozwala na o wiele bardziej rozbudowane, zaawansowane i wygodne zarządzanie stroną wizualną witryn. Na przestrzeni lat stały się bardzo popularne i dziś stanowią już podstawę, jeśli chodzi o tworzenie stron internetowych, bez ich znajomości nie da się być na rynku webmasterskim konkurencyjnym. Jest to stosunkowo prosty do nauczenia język, a daje ogromne wręcz możliwości, w tym samym stopniu ułatwia pracę z dokumentami, bo raz napisany arkusz (CSS można umieścić w osobnym pliku i wczytać do każdego dokumentu HTML) może być użyty przez każdy dostosowany do niego plik HTML. Technologia wciąż jest rozwijana, a jej obecna wersja to CSS3, dająca bardzo duże możliwości webmasterom i z pewnością warta jest uwagi.

Operatory w PHP

Przygotowałeś stronę używając HTML, CSS i JavaScript? Chcesz pewnie teraz jak najszybciej podzielić się efektem swojej twórczej pracy tzn. udostępnić stronę internetową w Internecie. W takim razie najpierw będziesz musiał wykupić domenę. Następnie skorzystać z dobrodziejstwa języków MySQL i PHP. Zacznijmy od tego drugiego, czyli skryptowego języka programowanie. Umieszcza on specjalne znaczniki w dokumencie HTML, niewidoczne dla użytkownika, które kontaktują się z serwerem i daną stroną internetową, przesyłając odpowiednie informacje. Przykładowo zakładając konto na poczcie elektronicznej, jeśli napiszesz wszystko poprawnie rejestracja się powiedzie. W innych przypadkach czyli np. wpiszesz hasło które nie zawiera jednego z wymienionych rodzajów znaków lub wpiszesz nazwę użytkownika który już istnieje, po wprowadzeniu tego typu błędnych danych wyświetli Ci się odpowiedni komunikat oraz strona odpowie Ci, że niestety rejestracja się nie powiodła. Właśnie na tej zasadzie działa język PHP. Najlepiej chyba zacząć od nauki operatorów, są to specjalne symbole które pozwalają manipulować zmiennymi zawartymi w instrukcjach. Operatory dzielimy na: arytmetyczne, przypisania, operacji bitowych, porównania, kontroli błędów, wywołania, inkrementacji i dekrementacji, logiczne oraz ciągu.

Selektory w CSS

Napisałeś stronę internetową używając języka HTML, ale nie wygląda ona profesjonalnie, przede wszystkim chodzi o szatę graficzną i brakuje różnorodności w przedstawianiu tekstu? Skorzystaj z języka CSS. Oprawa wizualna gwarantowana, ten język rozwinie skrzydła twojej stronie internetowej, wystarczy, że wykona to zadanie dla Ciebie jakiś profesjonalista lub sam się tym zajmiesz. Lepiej jeśli zrobisz to sam, nauczysz się czegoś nowego, a poza tym zyskasz ogromną satysfakcję. Więc musisz wiedzieć że CSS pozwala na bardzo dokładne i szczegółowe określanie wybranych elementów w kodzie (X)HTML, gdzie przypisywane są sposoby formatowania, które zmieniają ich wygląd. Odbywa się to dzięki tzw. selektorom. Mamy ich kilka rodzajów, podstawowe to: selektory elementów, selektory atrybutów, selektory specjalne, selektory pseudoelementów, selektory pseudoklas. Pierwsze pomagają nam manipulować określonymi elementami lub elementem zawartym w dokumencie HTML. Selektory atrybutów jak nazwa wskazuje zmieniają atrybuty przypisane do konkretnego znacznika. Selektory specjalne potrafią nadawać kilka klas do pojedynczego elementu. Selektory pseudoelementów które pozwalają tworzyć specjalną zawartość w określonych miejscach dokumentu oraz pozwala się odnieść do elementów struktury dokumentu.

HEAD i META w języku HTML

Słyszałeś kiedyś o Hipertekstowym języku znaczników? To może po prostu o HTML? Jeśli tak, to twoja wiedza się dzisiaj poszerzy o kolejne informacje związane z tym językiem. Jeśli nie, to właśnie dzisiaj poznasz co to jest. HTML – jest to język opierający się na wyżej wymienionych znacznikach, dzięki którym można manipulować tekstem zawartym w danym pliku z rozszerzeniem. html. W elemencie <HEAD></HEAD> można dołączyć informacje o dokumencie HTML. Podstawowe polecanie w HEAD to: <TITLE> – nadaje tytuł danemu dokumentowi, <LINK> – odnośnik do innego dokumentu, <STYLE> – tworzy arkusz stylu dla dokumentu, <META> – przekazuje dane serwerom i użytkownikom. W znacznikach META pisze się kto jest autorem danej strony, jaki jest temat, datę stworzenia strony, jaki jest standard czcionek itp. Znaczniki META pełnią decydującą rolę w osiągnięciu wysokich wyników wyszukiwania w przeglądarkach internetowych. Atrybut HTTP-EQUIV w znaczniku META steruje zachowaniem przeglądarek internetowych oraz dostarcza do nich dodatkowe informacje. Aby zacząć pisać profesjonalne strony internetowe należy opanować język HTML. Kiedy już go poznamy i wykonamy w nim kilka ćwiczeń i kilka projektów, możemy się zabrać np. za naukę języka CSS, czyli języka odpowiadającego za szatę graficzną naszej strony.

Złota piątka

Masz firmę i szukasz nowych klientów? Chcesz się wybić na rynku produktów które sprzedajesz? Załóż stronę internetową, profesjonalną stronę internetową. Skorzystaj z pomocy specjalisty lub stwórz ją sam. Wiedza która jest potrzebna do zbudowania profesjonalnej strony internetowej jest zawarta w Internecie i do tego jest dostępna za darmo. Potrzebujesz znać pięć języków, są to: język HTML, CSS, JavaScript, MySQL, PHP. Pierwszy to podstawa, właśnie najwięcej informacji w Internecie jest odnośnie tego języka. CSS to jakby styl strony. Tworzymy tutaj szatę graficzną i kolorystykę naszej strony, opcji graficznych mamy o wiele więcej niż w HTML-u. JavaScript pozwala zainstalować na naszej stronie różne „bajery” typu galeria zdjęć lub zapętlone fragmenty z jakiegoś filmiku. MySQL to rozbudowany system danych, który stale możemy powiększać za pomocą odpowiednich procedur. PHP to język backendowy, czyli tworzy części strony internetowej niewidoczne dla użytkownika, jakby od wewnątrz, od tyłu, stąd nazwa. Umieszcza się go wewnątrz języka HTML. Dzięki temu PHP łączy się z serwerem i pobiera odpowiednie informacje z baz danych tworzonych np. przez MySQL. Jest to niezbędna czynność np. podczas rejestracji lub logowaniu użytkownika na jakimś forum czy portalu.

Podstawy o witrynach internetowych

Jak stworzyć stronę internetową? To pytanie jest zadawane coraz częściej w Internecie. Zrobić stronę internetową to nic skomplikowanego. Wystarczy znać podstawowe procedury i zasady w języku HTML. Jest to bardzo prosty w obsłudze język, który pozwala opisywać i odczytywać dane zawarte wewnątrz strony internetowej, dzięki udzielaniu znaczenia elementom tekstu. Pierwsza wersja języka ukazała się w 1991 roku przez Bernersa-Lee. Fundamentem przy tworzeniu języka HTML był język SGML. Język HTML stosuje się dzisiaj w zdecydowanej większości, jeśli nie w ogóle przy tworzeniu nowych witryn internetowych. Dokumenty z końcówką. html są podstawą do zbudowania strony internetowej. Jest tak jakby szkielet całej strony, na której to pojawią się następne dokumenty i pliki potrzebne do stworzenia strony internetowej. W języku HTML możemy wpływać na wyglądu tekstu, kolor czcionki i tła, zmieniać czcionki itp. W ciele strony <body></body> opisujemy podstawowe informacje które mają zawierać się na stronie internetowej. Są one na razie w formie surowej tzn. nie mają żadnych wyższych wartości estetycznych i kolorystycznych. Później w tym celu używa się języka CSS i JavaScript, dzięki nim upiększamy naszą stronę i nabiera ona charakteru wykonanej profesjonalnie strony.

Sklep internetowy Prestashop

Można zauważyć wiele rodzajów oprogramowania pełniących rolę sklepów internetowych. Jednak cześć z nich są wypierane przez drugie. Czym jest Prestashop? Otóż jest to oprogramowanie, które pełni rolę sklepu internetowego. Na pierwszy rzut oka może się nieznacznie różnić od pozostałych, ale to właśnie Prestashop góruje. Chociażby dlatego, że należy do grupy otwartego oprogramowania dostępnego za darmo. To jest bardzo ważne dla osób, które dopiero startują ze swoim biznesem. Zdecydowaie dodatkowym utrudnieniem byłoby jeszcze inwestowanie w odpowiednie oprogramowanie. Instalując Prestashop na swoim własnym hostingu mamy dobraną odpowiednią strukturę sklepu, ale wciąż brakuje mu estetyki. Dlatego główną rolę tutaj pełni grafik dodając odpowiednie elementy do szablonu.
Na samym początku trzeba zainwestować koło 2 tys. zł na uruchomienie sklepu. Utrzymanie samego sklepu wynosi gdzieś około 100 złotych na rok. To nieprawda, że trzeba być od razu zaawansowanym programistą, żeby obsługiwać tę platformę. Więcej energii trzeba przeznaczyć na szatę graficzną, potem już mamy z górki. Jest wiele dodatkowych modułów, więc każdy znajdzie coś dla siebie. Poza tym mamy szeroką gamę jeśli chodzi o formy płatności, co jest znacznym ułatwieniem pracy sklepu.

Trendy w projektowaniu stron internetowych

Spacerując po konkretnych stronach internetowych można zauważyć, że poszczególne trendy w tworzeniu stron internetowych stale się będą powtarzały. Jakie dziś panują trendy? Jednym z takich najważniejszych trendów jest w pewnością grafika na całą stronę i tylko jeden symboliczny napis. Nierzadko tutaj można się spotkać ze slajderami. Pomysł jest w porządku pod warunkiem, że zdjęcie jest naprawdę wysokiej jakości. Kiedy posiadamy zdjęcie w niskiej jakości nie tylko wygląda ono nieefektownie, ale psuje cały wizerunek strony internetowej. Trzeba przyznać, że ten styl sprawdza się na stronach związanych ze sportem czy też z muzyką. Duże grafiki w tle są w porządku, ale jakość idzie w parze z wizerunkiem całej strony internetowej.
Ostatnio szalenie podobają się strony internetowe chociażby grafików czy też programistów. Ich idea opiera się na tym, że animacja czeka na reakcję użytkownika. Jest to idealny pomysł zbudowania portfolio na stronie internetowej. Popularne są również animowane grafiki wektorowe. Ostatnim, dla niektórych irytującym jest menu nawigacyjne na połowie strony. Niestety pomysł nie trafia w gusta wszystkich użytkowników. Mimo wszystko każdy znajdzie coś dla siebie spośród tych wszystkich trendów.

Flash – animacja obiektów

Flash jest troszkę starą technologią, ale niektóre strony nadal korzystają z flasha. Flash dostarcza nam nie tylko animacji, ale także rysowanie pewnych obiektów. Onion skin jest narzędziem, który przesuwa animację klatka po klatce. W ten sposób możemy prześledzić jak będzie wyglądała nasza animacja. Chociaż pojawiają się nowe narzędzie wraz z wkroczeniem najnowszej wersji flasha to wciąż stosuje się wcześniej wspomniany onion skin. Jest sprawdzonym sposobem animacji i z pewnością nie wygląda sztywno. Funkcja Ease już nie daje takich rozwiązać i sam efekt animacji wygląda dość nienaturalnie. Jednak trzeba pamiętać, aby animacja wyglądała dość naturalnie. Jest wiele dostępnych narzędzi jeśli chodzi o animację we flashu i tak naprawdę każdy wybiera coś innego.
Trzeba spędzić trochę godzin zanim animacja będzie kompletna i nie będzie kolejnym nieudolnym projektem. Można zauważyć w internecie wiele prac, które wymagają dalszego doszlifowania. Wraz z czasem można dojść do takiej precyzji, że animacja już nie będzie sprawiała zbyt wielu problemów. Nie zawsze większa ilość klatek oznacza lepszą animację. Jeśli animacja nie jest zbyt skomplikowana wystarczy tak naprawdę kilka klatek. Zwłaszcza wtedy jeśli różnią się one od siebie nieznacznie.