środa, 11 czerwca 2014

Jak stworzyć stronę internetową.

Lekcja 
Temat: Jak stworzyć stronę internetową?

Znajomość podstaw HTML w zupełności wystarcza do napisania strony internetowej, lecz aby stworzyć dobry serwis, który będzie często odwiedzany i którym będzie się można naprawdę pochwalić, trzeba czegoś więcej:

1.Zastanów się dobrze nad tematyką swojej strony. Oczywiście nikt nie zabroni Ci publikacji informacji o tym, że np. Twój pies wabi się Azor, a kot - Mruczek, ale czy coś takiego naprawdę może przyciągnąć czytelników? Nie zapominaj, że wiele osób łączy się z Internetem za pomocą modemu, płacąc za każdą minutę spędzoną w sieci, więc czy ktoś będzie tracił czas na czytanie takich informacji? Postaraj się znaleźć temat, który Cię interesuje, jest oryginalny i może zaciekawić innych. Zwykle lepsze rezultaty przynosi skupienie się na jednej dziedzinie, niż opisywanie wszystkiego po trochę.
2.Uważaj z doborem kolorów na stronie, zwłaszcza jeśli chodzi o tło oraz tekst. Nieciekawe lub rażąco złe zestawienie barw jest najważniejszym czynnikiem, który zdradza, że autor serwisu jest kompletnym amatorem. Wyobraź sobie co pomyślą np. klienci jakiejś firmy, która posiadałaby stronę z zielonym tłem i czerwonym tekstem (lub co gorsze odwrotnie)! Unikaj jak ognia jaskrawych odcieni w tle. Jeśli nie masz pomysłu, ustal białe tło i czarny tekst - tak jest najbezpieczniej. Dobre rezultaty dają również barwy całkiem ciemne lub delikatne pastelowe (jasne). Tło w żadnym razie nie może pogarszać czytelności strony, dlatego należy pamiętać o doborze odpowiedniego koloru tekstu.
3.Nie przesadzaj z grafiką. Fakt, że wiesz jak wstawić na stronę obrazek nie oznacza, że musi się od nich roić. Pamiętaj, że to właśnie grafika najbardziej wpływa na szybkość ładowania strony, dlatego ogranicz jej ilość oraz rozmiary. Jeśli już musisz coś umieścić, postaraj się, aby było to naprawdę dobrej jakości. Tworząc samodzielnie obrazy, używaj antialiasingu, czyli wygładzania poszarpanych krawędzi. Cechą po której na pierwszy rzut oka można rozpoznać dobrego projektanta jest oszczędne i umiejętne operowanie grafiką, która dobrze komponuje się z wyglądem strony.
4.Przyjrzyj się innym renomowanym witrynom. Zwróć uwagę na projekt szaty graficznej. Dużo nie zawsze znaczy dobrze. Czasem bardziej oszczędna forma wygląda lepiej - a przede wszystkim czytelniej - niż wyszukane ozdobniki. Najważniejszy jest dobry pomysł. Pamiętaj, że kolorystyka witryny oraz projekt oprawy graficznej to pierwsze rzeczy, na które zwracają uwagę użytkownicy. Jeśli się nie postarasz, Twoja strona już na wstępie będzie mówiła: "Tutaj nie ma nic godnego uwagi, możesz opuścić to miejsce". Większość dobrych stron w Internecie zbudowana jest następująco: na górze znajduje się banner lub logo serwisu, po lewej lub po prawej - menu, a obok - treść strony.
5.Nawigacja w serwisie to bardzo ważna sprawa. Nieczytelny układ strony, menu w którym trudno cokolwiek znaleźć i inne podobne historie są częstą przyczyną zniechęcenia użytkowników, którzy w konsekwencji opuszczają witrynę. Przy projektowaniu systemu odsyłaczy spróbuj wczuć się w sposób myślenia internautów. Pamiętaj, że nie znają oni serwisu tak dobrze jak Ty i mogą nie chcieć zagłębiać się w szczegóły. Dlatego warto w widocznym miejscu umieścić hiperłącza do najciekawszych działów, jakiś system wyszukiwania lub indeks. W przypadku obszerniejszych witryn wskazane jest podzielenie ich na działy tematyczne. Sposób nawigacji powinien być przede wszystkim wygodny, praktyczny, logiczny i łatwo dostępny.
6.Dbaj o poprawność ortograficzną i stylistyczną tekstu. Naucz się zasad wpisywania znaków interpunkcyjnych. Jeśli na stronie WWW występuje masa błędów, prawdopodobnie autor nie ma nic ważnego do przekazania.
7.Postaraj się na bieżąco aktualizować treść strony i usuwać powstałe błędy. Udoskonalaj oprawę graficzną oraz system nawigacji, aby serwis nie stał się nudny. Informuj o wprowadzanych nowościach i utrzymuj kontakt listowny z użytkownikami. Otwórz się na konstruktywną krytykę.

Programem wykorzystanym prze mnie w pracy nad stroną internetowa był program Microsoft Office SharePoint Designer.

Publikowanie strony w sieci.

                                                                Lekcja
Temat: Publikowanie strony w sieci.

1.Serwer (hosting) - to miejsce na którym znajduje się strona oraz wszystkie jej zasoby. trzeba oddzielić serwer od serwera wirtualnego, zwanego hostingiem. Hosting to wyodrębnione dla konkretnej strony znajdujące się na serwerze.
2.Domena internetowa – ciąg nazw systemu Domain Name System (DNS) wykorzystywany w Internecie, składający się z wyrazów umieszczonych w pewnym poddrzewie struktury DNS tj. zakończonych stałym sufiksem. Dla przykładu adres np. Wikipedii pl. wikipedia.org składa się z trzech wyrazów rozdzielonych kropkami. Aby lepiej zrozumieć sens domeny internetowej dobrze jest przeanalizować elementy adresu Wikipedii: org to domena najwyższego poziomu mająca najbardziej ogólne znaczenie – przypisywana jest stronom wszystkich organizacji, wikipedia.org to nazwa domeny wykupionej przez fundację Wikimedia i odnosi się do projektu o nazwie Wikipedia, natomiast domena pl.wikipedia.org identyfikuje jego polską wersję. Jak widać na powyższym przykładzie, domeny tworzą hierarchię, która pozwala katalogować komputery w sieci według pewnych kategorii, dzięki czemu adresy internetowe stają się uporządkowane i możliwe do zapamiętania. Każda z nazw domenowych może zawierać litery, cyfry lub znak '-', a wielkie i małe litery nie są odróżniane (obecnie możliwe jest także stosowanie narodowych znaków diakrytycznych w domenach typu IDN). Wiele nazw domen jest płatnych.
3.Przykładowe firmy hostingowe:
Webion.pl – dość nowa firma, jednak szybko zyskała popularność dzięki niskim cenom, nowoczesnym rozwiązaniom, bardzo dobrym parametrom kont hostingowych, oraz przyjazną postawą do klientów. Z całą pewnością jest to dobra firma na start, posiada zarówno kreator stron RvSiteBuilder (lepszy niż stosowany przez większość firm SiteBuilder) jak i instalator skryptów, są też oczywiście bazy danych i inne ważne i niezbędne funkcje. Wszystko za niecałe 50 zł. W razie potrzeba można kupić droższy pakiet o sporej pojemności bez limitu transferu danych. W webion.pl możemy swobodnie kupować domeny, bo ceny nie są wygórowane. Domena .pl to 67,65 zł, natomiast najtańszy hosting kosztuje jedyne 43,05 zł.
Superhost.pl – jedna z największych i najbardziej znanych marek hostingowych, obecna na polskim rynku od 10 lat. Wysoka jakość usług oferowanych prze superhost potwierdza się w parametrach kont hostingowych. Najtańszy pakiet kosztuje 43 zł (cena regularna 245 zł), ale w jego ramach mamy bagatela 100 GB powierzchni dyskowej i nielimitowany transfer danych, co sprawia, że nadaje się nawet na bardzo duże i profesjonalne projekty serwisów internetowych bądź sklepów. Oczywiście jest instalator skryptów, bazy danych i kreator stron SiteBuilder za którego jednak musimy dopłacić 35 zł. Wszystko możemy przetestować w 14-dniowym okresie próbnym. 
Home.pl - Tej firmy nie trzeba chyba nikomu przedstawiać, gdyż jest najbardziej rozpoznawalną marką wśród firm hostingowych. Jako firma z najwyższej półki, wysoko się cieni. Za pakiet z bazami danych, instalatorem skryptów i innym potrzebnymi funkcjami trzeba zapłacić 369 zł (pierwszy rok 184,50 zł).
cba.pl - Jest to darmowa strona która umożliwia publikacje stron www, jak na darmową to oferuje prosty sposób przesyłania plików oraz stosunkowo mało reklam

Wix

Lekcja
Temat: Wix.

1.Wix.com - to aplikacja on-line, która działa w prosty sposób – drag-and-drop*. W ten sposób na stronie można łatwo dodawać takie elementy jak dźwięki, muzykę, zdjęcia, wideo, tekst czy animacje. Na stronie znajdziecie także gotowe wzory wyglądu, zdjęcia, klipy muzyczne, czy narzędzia do tworzenia albumów fotograficznych. Za pomocą Wix.com nie tylko tworzymy strony internetowe ale także maile, kartki czy inne flashowe elementy.

*drag-and-drop - "przeciągnij i upuść"


Poradnik tworzenia stron w Wix można znaleść pod tym adresem:

https://www.youtube.com/watch?v=pmfD2Xz5JD8

Edytor graficzny

Lekcja
Temat: Edytor graficzny.


1. Paint Shop Pro (PSP) - edytor grafiki bitmapowej i wektorowej dla komputerów z systemem operacyjnym Microsoft Windows. Stworzony przez firmę Jasc Software, stał się jednym z popularniejszych edytorów pod ten system. Obecnie producentem programu jest Corel, który przejął Jasc w październiku 2004. Aplikacja jest udostępniana na zasadach licencji shareware. Po wykupieniu pełnej wersji zazwyczaj użytkownik dostaje aplikację Animation Shop, która poza współpracą z PSP nadaje się do tworzenia animacji. W PSP można stworzyć nową grafikę jak i też obrabiać gotowy plik, a także poprawiać. Program ma dużą kolekcję pędzli (brush), kształtów figur a także wzorów do malowania (tzw. Picture Tubes) oraz gotowych efektów.

2.Microsoft Paint (w starszych wersjach Windows Paintbrush lub mspaint) – aplikacja firmy Microsoft w systemach Windows służąca do obróbki grafiki rastrowej. Nie posiada filtrów, ani obsługi warstw – funkcji typowych dla profesjonalnych programów graficznych, mimo to chętnie jest wykorzystywany przez artystów Pixel artu. Potrafi zapisywać i odczytywać grafikę w formatach: BMP, JPG i JPEG, GIF, TIFFICO oraz PNG.

3.GIMP (GNU Image Manipulation Program) – darmowy program do tworzenia i obróbki grafiki rastrowejUmożliwia malowanie, usuwanie tła obrazu (wycinanie), usuwanie obiektów ze zdjęć (klonowanie), zmianę rozmiaru i perspektywy oraz obrót obrazów, dokonywanie różnych operacji na kolorach, łączenie obrazów poprzez warstwy/maski oraz konwertowanie różnych formatów plików graficznych. Jest odpowiednikiem popularnego, płatnego programu Adobe Photoshop. Pracuje w systemach Linux, Mac OS, Windows, AmigaOS4.x a rozpowszechniany jest na licencji GNU GPLNie obsługuje standardu CMYK, pozwalając jedynie na jego symulację. Obsługuje przestrzeń kolorów RGB oraz odcienie szarości.



4. Picasa – menedżer i przeglądarka plików graficznych umożliwiający organizowanie kolekcji zdjęć cyfrowych i wykonywanie na nich prostych edycji. Producentem programu jest firma Google Inc. Program jest dostępny dla systemów Microsoft Windows, Linux oraz w wersji beta dla Mac OS X powyżej wersji 10.4. 
Od stycznia 2006 Picasa jest dostępna w polskiej wersji językowej.