HTML5 & CSS3

Monthly Archives: Kwiecień 2016

Projekt strony

Jeżeli postanowiliśmy zaistnieć w sieci, następnym krokiem powinno być rozplanowanie następnych zadań. Na samym początku warto sobie odpowiedzieć na pytanie, jaki jest cel stworzenia naszej strony. Dla kogo jest przeznaczona, jacy są potencjalni odbiorcy, czyli tak zwany target. Ukierunkuje to nasze następne działania i pozwoli chociaż częściowo przewidzieć efekt naszej pracy. Inne będzie postępowanie w przypadku statycznych informacji o naszej firmie, a inne gdy zakładamy blog lub portal. Jeżeli chcemy często zmieniać lub dodawać treść warto pomyśleć o systemie CMS, czyli zarządzaniu treścią. Kolejny krok to określenie funkcjonalności strony. Warto przejrzeć konkurencyjne strony i wyrobić sobie na ich temat własne zdanie. Pomoże to uniknąć podobnych błędów na naszej witrynie. Należy też zaplanować wygląd. Musi on być związany z branżą, ale przede wszystkim nie może przysłonić treści, bo to ona jest najważniejsza. Kolejnym krokiem jest wymyślenie nazwy. Najlepiej, żeby była łatwa do zapamiętania, jednoznacznie kojarząca się z działalnością oraz unikatowa. Przy tak ważnym wyborze warto skorzystać z porad specjalistów. Ostatnim etapem jest skonfrontowanie naszych oczekiwań z rzeczywistością. Nie należy się obawiać krytyki, a raczej starać się wykorzystać rady użytkowników.

Serwer i domena

Aby stworzona przez nas strona znalazła się w sieci potrzebne są dwie rzeczy- serwer i domena. Serwer, nazywany również hostingiem to miejsce, gdzie będą się znajdowały wszystkie pliki i media, z których składa się nasza strona. Wyodrębnione miejsce na serwerze przeznaczone dla konkretnego użytkownika nazywamy hostingiem. Domena to po prostu adres np. dowolnastrona. pl. Adres ".pl"informuje o kraju pochodzenia strony, w tym wypadku Polski. Jest też jedna z najdroższych domen. Domeny lokalne takie jak ".waw. pl", ".wroc. pl" są o wiele tańsze, ale też nie należą do najbardziej rozchwytywanych. Istnieją domeny darmowe i płatne. Zazwyczaj miejsce na serwerze i domena sprzedawane są przez jednego usługodawcę, co pozwala na kompleksową obsługę w atrakcyjnej cenie. Ponadto, przy pierwszej rejestracji, nawet popularne domeny, takie jak ".pl" są darmowe, lub bardzo tanie. Dopiero po czasie kilku miesięcy lub roku wymagana jest płatność za przedłużenie usługi. Przy wyborze domeny i hostingu warto zastanowić się jaki jest cel i przeznaczenie naszej strony. Jeżeli planujemy wrzucić do sieci statyczną stronę wystarczy tani hosting, jeżeli chcemy prowadzić bloga lub zakładamy sklep internetowy warto pomyśleć o ofercie znanej firmie, oferującej kompleksowe zabezpieczenia i backup danych.

JavaScript- ożywienie martwego kodu

Język JavaScript służy do ożywienia statycznej strony internetowej składającej się z kodu HTML i CSS. Jest wspierany przez większość nowoczesnych przeglądarek internetowych, np. Chrome, Firefox, Safari, Internet Explorer. Służy do obsługi zdarzeń, integracji z użytkownikiem przez wypełnianie formularzy, reagowanie na zdarzenia (najechanie myszką na konkretny element), lub zbierania informacji (nazwa systemu operacyjnego, wersja przeglądarki). Również wszelkiego rodzaju widgety takie jak zegarki, liczniki odwiedzisz, kalendarze tworzone są właśnie w tej kategorii. Jest to język obiektowy, swoją składnią przypomina zaawansowane języki programowania takie jak C++, C, Pearl. Podobnie jak CSS, kod JavaScript może zostać umieszczony bezpośrednio w kodzie HTML, bądź w zewnętrznym pliku. Drugie rozwiązania zwiększą czytelność kodu, pozwala na szybszą edycji oraz zmniejsza czas ładowania poszczególnych stron. Język ten jest na tyle rozbudowany, że pozwala tworzyć osobne aplikacje, np. ChatZilla. Wszystkie zadanie opisane w kodzie JavaScript wykonywane są lokalnie, tzn. na komputerze klienta. Pozwala to w znaczny sposób odciążyć serwer, a tym samym zwiększyć jego możliwości. Języka JavaScript nie należy mylić z Javą, mimo iż oba są używane na stronach internetowych

CSS- Kaskadowe arkusze stylów

Wygląd strony internetowej jest opisany za pomocą odpowiednich komend i znaczników. Początkowo informacje o kolorze, czcionki, wielkości liter umieszczano bezpośrednio w tekście, np. "<FONT COLOR="RED"> Tekst 1 </FONT>" powodowało wyświetlenie "Tekstu 1" w kolorze czerwonym, a "<FONT SIZE="20"> Tekst 2 </FONT> zmieniało rozmiar Tekstu 2 na 20 pkt. Wraz z rozwojem i rozbudową zawartości stron, taki rodzaj składni stał się niewygodny, a sam kod nieczytelny. Rozwiązaniem stał się osobny plik z rozszerzeniem ".css" odpowiadający jedynie za wygląd poszczególnych elementów strony. Wystarczyło jedynie umieścić w kodzie strony adres odpowiedniego pliku css, np. w taki sposób: "<link rel="stylesheet" href="plik. css" type="text/css" />". Poszczególne elementy strony ograniczano znacznikami, które znajdowały się również w pliku css. Przykładowy zapis ze z pliku html: "<P1>Tekst 1"</P> <P2> Tekst 2 </P> oraz w pliku css: "P1 { font-color: red;} P2 {font-size:20}" powodował, że "Tekst 1" wyświetlał się na czerwono, a "Tekst 2" miał rozmiar 20 pkt. Takie rozwiązanie pozwala nie tylko osiągnąć lepszą organizację i czytelność kodu, ale również użyteczność. Raz zdefiniowany w arkuszu css znacznik może być wielokrotnie używany w pliku html.

Czym jest strona internetowa

Większość z nas codziennie korzysta z internetu. Przemierzamy dziesiątki, setki stron, ale czy kiedykolwiek zastanowiliśmy się czym tak na prawdę są portale i witryny, które odwiedzamy?
Strona internetowa to plik tekstowy z rozszerzeniem ".html" lub ".htm". Można go utworzyć za pomocą dowolnego edytora tekstu, popularnego Worda, Open Office'a lub nawet prostego Notatnika. Wystarczy kliknąć "zapisz jako" i po nazwie pliku wpisać ".html". O wiele częściej jednak używa się specjalnych edytorów, które znacznie ułatwiają pracę programisty. Samoczynnie uzupełniają składnię, podpowiadają komendy, stosują kolory i wcięcia w tekście, tak aby nawet skomplikowany kod stał się czytelny dla ludzkiego oka.
Aby przekonać się jak na prawdę wygląda strona internetowa wystarczy wyświetlić tak zwane "źródło strony". Odpowiednie polecenie można odnaleźć w większości przeglądarek po kliknięciu prawym przyciskiem myszy w dowolnym miejscu witryny. Poza widoczną dla nas treścią, strona składa się z komend w języku zrozumiałym jedynie dla przeglądarki i programistów. Język HTML charakteryzuje się tzw. znacznikami. Mogą one wyglądać następująco: "<TITLE>Przykładowy tytuł</TITLE>". Oznacza to dokładnie tyle, że tytuł naszej witryny to "Przykładowy tytuł".

Zawód programista

Wiele ludzi tworzy strony internetowe dla swojej własnej przyjemności, niektórym się to już pewnie znudziło lecz że taki mają zawód muszą zaciskać zęby i pracować dalej. Niektórzy mogą łączyć te dwie funkcje czyli tworzyć strony www z wielką przyjemnością a jednocześnie zarabiać na tym, jak by na to nie spojrzeć nie małe pieniądze. Czasem za drobne zadanie które "programista" powinien wykonać na twoim serwisie internetowym może cię kosztować nawet kilkaset złotych za jedną roboczo godzinę. Usługa jest warta dokładnie tyle ile jest w stanie ktoś za nią zapłacić, a że czasem może przepłacić kilkukrotnie to już nie jest problemem informatyka/programisty a tylko klienta który najprawdopodobniej z czystego lenistwa nie przeanalizował rynku.
W zawodzie programisty swoich sił może spróbować każdy, oczywiście nie każdy będzie w tym mistrzem, ale typowym rzemieślnikiem który klepie kod za średnią krajową może zostać każdy kto ma w sobie sporo chęci do nauki i samozaparcia. A twórcy stron www w większości nie mogą na razie narzekać na brak zleceń. Od kilku lat ten rynek rozwija się bardzo dynamicznie i codziennie powstaje mnóstwo stron internetowych, a usługi z ich udziałem są coraz to tańsze.

CMS

W sieci można znaleźć dziesiątki jeśli nie setki darmowych skryptów które umożliwiają nowicjuszowi utworzenie w sposób prosty i szybki strony internetowej. Część z tych programów jest płatna część darmowa, niektóre oferują więcej funkcji inne trochę mniej. Stworzone strony www na niektórych mogą być znacznie bardziej zaawansowane niż strony na prostszych rozwiązaniach. Cała grupa tych systemów zarządzania treścią jest nazywana prostym skrótem CMS od angielskiego wyrażenia Content Management System Oznacza aplikacje internetowe, które umożliwiają laikom zarządzanie treścią (dodawanie, edytowanie, publikowanie stron, dodawanie grafiki, często również jej bezpośrednia edycja w przeglądarce) za pomocą przeglądarki. Każdy jeden CMS ma swoje wady i zalety. Niektóre cechują się lekkością i łatwością w obsłudze setek tysięcy wyświetleń dziennie lecz dzieje się to kosztem potencjalnej funkcjonalności. Inne są za to niesamowicie rozbudowane, posiadają chyba wszystkie funkcje które powinien posiadać wielki portal internetowy lecz utrzymywanie takiej strony staje się niesamowicie drogie. Są też CMSy które umożliwiają spinanie funkcji dla potrzeb konkretnej strony, i to jest najprawdopodobniej melodia przyszłości.

Finansowanie stron www

Tworzenie stron www to nie jest wcale taka trudna rzecz jak by się mogło wielu z wam wydawać. W tej dziedzinie swoich sił może spróbować naprawdę każdy kto tylko posiada trochę wolnego czasu i sporo samozaparcia. Oczywiście nie można od samego początku liczyć że nasza strona osiągnie rekordy popularności na sam start i będzie nam przynosić nie wiadomo jakie dochody. Aby strona stała się popularna w sieci musi się stać kilka rzeczy. Po pierwsze twórca danego serwisu internetowego musi mieć na niego jakiś dobry pomysł, coś co skutecznie przyciągnie uwagę rzeszy użytkowników i będzie ich w stanie utrzymać na trochę dłużej niż jednorazowe wejście. Gdy to się stanie kolejnym krokiem jest wcielenie danego pomysłu w życie, jest to elementy pracy który wymaga już jednak odpowiedniej wiedzy i umiejętności. Brak wiedzy i umiejętności nie zamyka jednak drogi do realizacji pomysłu, jest jeszcze jedna opcja którą oczywiście są pieniądze. Dzięki nim można znaleźć sobie jakąś osobę lub nawet firmę która za odpowiednio wysoką opłatą będzie stworzyć niemal wszystko to co ty byś chciał widzieć na swojej stronie. Im bardziej rozbudowany pomysł tym większymi zasobami finansowymi będziesz posiadał w celu stworzenia strony www.

Gry przeglądarkowe

Setki tysięcy użytkowników internetu w Polsce każdego dnia korzysta z usług najróżniejszych gier przeglądarkowych. Tematyka jest tak rozległa że niemal każdy może znaleźć coś dla siebie, coś co go zainteresuje w takim stopniu że będzie mógł poświęcić na to swój cenny czas, a twórcy stron www liczą na to że jak ci się spodoba ich gra przeglądarkowa to poświęcisz na nich również część swoich ciężko zarobionych pieniędzy. Małych gier powstaje kilka co jakiś czas, lecz zdecydowana większość nie ma siły przebicia i niestety umiera w gąszczu stron internetowych. Części z nich pisanych na autorskich silnikach jest naprawdę szkoda, ponieważ takie gry mają potencjał lecz by go pokazać najczęściej są potrzebne fundusze i jeszcze sporo czasu. Ale czy osoba która kompletnie nie zna się na programowaniu będzie w stanie stworzyć swoją małą grę przeglądarkową ? Odpowiedź brzmi tak ! Na świecie istnieje kilka stron które oferują utworzenie swojej własnej gry za pomocą tylko kilku kliknięć myszką, oczywiście za odpowiednią opłatą lub bardzo dużym udziałem w ewentualnych zyskach z danej gry, które z biegiem czasu mają szansę się pojawić, oczywiście pod warunkiem że dana gra trafi na szersze wody internetu.

Internet

Internet jest źródłem inspiracji, wiedzy i miejscem na spędzanie wolnego czasu przez dziesiątki milionów ludzi na całym wielkim świecie. Miliony stworzonych stron www oferuje niemal wszystko to co mogłoby się zamarzyć ludziom, oczywiście nie zawsze strony działają legalnie. W całym tym zamieszaniu w internecie naprawdę duże pieniądze zarabiają twórcy wszystkich najpopularniejszych stron www. Nawet właściciele mniejszych serwisów którym udało się wstrzelić w swoją odpowiednią niszę i stworzyli np. grę przeglądarkową mogą naprawdę godnie zarabiać i będzie stać ich bo niedługim czasie na promocję kolejnej gry i znów powiększenia zarobków. Tak koło się zamyka. Znane jest powiedzenie że to pieniądz rodzi pieniądz. Ale jak utworzyć taką kolejną stronę internetową? Jeśli macie jakiś dobry pomysł do go jeszcze raz przemyślcie, następnie sprawdźcie w google czy ktoś inny już wcześniej nie wpadł na coś identycznego. Jeśli tak to musisz zdać sobie sprawę że będziesz zmuszony wykonać stronę lepszą, schludniejszą i bardziej funkcjonalną niż stworzona strona www twojej najbliższej konkurencji. Gdy będziesz pewny tego że uda ci się zrobić coś unikalnego, i bardzo dobrze wykonanego możesz zabierać się za tworzenie stron www.

HTML i CSS szkieletem strony

W internecie znajduje się setki milionów stron internetowych, część z nich została już dawno porzucona przez swoich autorów, lecz wciąż utrzymują się na serwerach najczęściej darmowych serwerów. Do części pewnie nie ma dostępu, być może nie wszystkie zostały zaindeksowane przez wyszukiwarki, niektóre mogą być zablokowane. Ale jak to się robi ? Jak stworzyć dobrą stronę www, zastanawia się pewnie spora grupa z was. Na sam początek przydałby się szkielet strony, coś na czym będziemy mogli oprzeć wszelkiej maści funkcjonalności serwisu, podpiąć do niego swoją bazę danych. Tym szkieletem powinien być przygotowany pod dalszą obróbkę wygląd stworzonej strony www. Oczywiście na sam początek nie musi być dopracowany do granic możliwości, lecz już wszystkie elementy które znajdą się na stronie powinny być na swoim miejscu. Ale jak utworzyć taki szkielet ? Powinniśmy się zainteresować takimi technologiami jak HTML, CSS. Są to podstawowe składniki wyglądu każdego serwisu internetowego. Tych dwóch "języków" można się stosunkowo szybko nauczyć a efekty naszej pracy będą zależne od samozaparcia. Oczywiście na tych dwóch technologiach nie stworzymy kompletnego wyglądu, do tego przydało by się jeszcze zacięcie artystyczne i utworzenie ręcznie dobrej grafiki na stronę www.

Kto może tworzyć strony internetowe ?

Dziś zajmiemy się tematyką tworzenia stron internetowych. Wielu z was zapewne spodziewa się że twórcami serwisów www mogą być tylko osoby które posiadają rozległą wiedzę programistyczna. Prawda jest jednak zgoła inna. Owszem aby stworzyć jakieś autorskie rozwiązanie danego problemu idealnie dostosowane do swojej wizji strony nie jest najprostszą rzeczą i ty trzeba wykazać się odpowiednimi umiejętnościami. Dla laików ci mądrzy ludzie jednak też co nieco przygotowali. Są to systemy zarządzania treścią w środowisku potocznie nazywane CMSami. Są to darmowe lub dość tanie skrypty które pozwalają utworzyć każdemu przyzwoitą stronę internetową. Wachlarz tych rozwiązań dla twórców stron www jest potężny, dzięki tym skryptom można stworzyć bloga, serwis informacyjny, wiki czy nawet sklep internetowy. Istnieje dziesiątek serwisów internetowych które oferują utworzenie strony właśnie na ich serwerze, całkowicie za darmo w zamian za małą reklamę na stronie która oczywiście oszpeci wygląd strony bo te w produkcji masowej są rzadko dopasowane tak jakbyśmy chcieli. W takich wypadkach pozostają serwery płatne które bardzo często oferują kilkadziesiąt różnych rozwiązań a koszty dla małej strony to ok 35 – 50 złotych rocznie nie wliczając domeny.

Własna strona www

Kto by nie chciał posiadać własnej strony internetowej ? Lub prowadzić swojego małego bloga prowadzonego w zaciszu domowym ? W obecnych czasach nie ma problemu by utworzyć stronę www za darmo i to w kilka minut. Oczywiście nie będziemy korzystać z autorskich rozwiązań lecz wybierzemy jeden z dziesiątek lub nawet setek dostępnych skryptów CMSowych. Dla osób które na swojej stronie internetowej chciałyby prowadzić bloga doskonałą opcją jest utworzenie go na platformie wordpress. Bardzo prosta podstawowa konfiguracja i intuicyjna nawigacja a dodatkowo tysiące najróżniejszych motywów graficznych powoduje że utworzenie bloga na tym skrypcie jest łatwe, szybkie i przyjemne. Aby jednak utworzyć bardziej zaawansowaną stronę internetową niestety trzeba się w wordpressie trochę nagimnastykować i niestety posiadać już jakąś wiedzę i być obeznanym w tej dziedzinie. W takim wypadku można skorzystać z innego oprogramowania np. z php by fusion. Możliwości tego skryptu w tworzeniu stron www jest niestety stosunkowo ograniczona przez dość niewielką liczbę motywów graficznych oraz bardzo mała liczbą dodatków i modyfikacji w porównaniu do np. wordpressa. Dla początkujących twórców stron www jest to bardzo dobry pomysł.

Czy pisanie stron internetowych jest trudne ?

Aby odpowiedzieć na pytanie zawarte w temacie musielibyśmy rozróżnić pisanie stron www a ich tworzenie. Tworzenie serwisów www to najczęściej korzystanie z jednego z gotowych rozwiązań. A więc pytanie teraz powinno brzmieć :
Czy tworzenie stron internetowych jest trudne ? Tu również nie ma jednoznacznej odpowiedzi bo wszystko zależy od tego z jakiego rozwiązania postanowimy skorzystać. Tak ogólnie można przyjąć że każdy poziom umiejętności znajdzie w CMSach coś dla siebie.
Wróćmy teraz do początku i wejdźmy w drugą stronę drabinki. Mówiliśmy już o tworzeniu stron www a teraz pozostaje ich własnoręcznie pisanie. więc w tym momencie nasze pytanie brzmi :
Czy pisanie stron internetowych jest trudne ? Tu odpowiedź jest znacznie prosta. Tak pisanie serwisów www jest trudne i jest niezbędna wymagana odpowiednia wiedza. Część z was być może chciałoby spróbować swoich sił w tym zawodzie więc zadajecie sobie pytanie co byście musieli potrafić. Do pisania, oraz bardziej zaawansowanego tworzenia stron www niezbędna jest znajomość kilku języków programowania, każdy odpowiedzialny za coś innego. Niezbędna będzie znajomość HTML, CSS, PHP, MYSQL / SQL oraz JavaScript. Aby być dobrym programistą należy opanować wszystkie te technologie.

Biznes na stronach internetowych

Strony internetowe. Jest to naprawdę potężna gałąź biznesu nie tylko w Polsce ale i na świecie. Przy dobrym pomyśle można na tym naprawdę nieźle zarobić przy czym prowadzenie większej strony to może być wielka frajda połączona z niezbyt ciężką pracą głównie umysłową. Setki tysięcy osób na całym świecie zajmuje się zawodowo tworzeniem stron www. Ten rynek rozkwitł tak naprawdę dopiero kilkanaście lat temu gdy ogólnoświatowa sieć komputerowa weszła do łask społeczeństwa.
W tym biznesie swoich sił może spróbować naprawdę każdy kto ma komputer i połączenie z internetem. Choć te ostatnie nie jest stale wymagane, lecz co najmniej podczas publikowania portalu w sieci jest niezbędne. Co trzeba zrobić by rozpocząć zabawę w tworzenie stron www ? Na początek wypadało by mieć jakiś pomysł, może nie genialny lecz przynajmniej bardzo dobry. Następnie powinniście zorientować się w sieci czy przypadkiem jedno z rozwiązań skryptowych ( można szukać po nazwie CMS ) nie udałoby się łatwo przystosować do naszego pomysłu. Jeśli niestety nic nie znaleźliśmy powinniśmy spróbować napisać coś własnego tak by spełniało nasze oczekiwania. W tym celu powinniście się zorientować w technologiach takich jak HTML, CMS, PHP czy MySQL.