Projektując stronę w dowolnej technologi, nie wystarczy bazować na jednym oprogramowaniu w którym tworzy się daną stronę lub aplikację. Pomocne są różne rozszerzenia w postaci wtyczek. takie rozszerzenia mogą być w oprogramowaniu jak i w ulubionej przeglądarce internetowej.
Ja przedstawię wtyczki do firefox, te wtyczki, których używam i uważam za przydatne.
Firebug
Bez wątpliwości na pierwszym miejscu, będzie wtyczka Firebug, możemy sprawdzać kod html, css, js jak i DOM. Tu odsyłam to wtyczki i opisu: https://addons.mozilla.org/pl/firefox/addon/firebug/
Web Developer
Druga wtyczka, która też jest przydatna, to web developer. Dzięki tej wtyczce, można sprawdzić kod css, ciasteczka, formularze, rozmiary okien, kod źródłowy. Nie które z wymienionych, można zobaczyć w firebug, ale moim zdaniem jest wart uwagi ta wtyczka i jest dostępna pod tym adresem:
https://addons.mozilla.org/pl/firefox/addon/web-developer/?src=dp-dl-oftenusedwith
Kolejne wtyczki o których napiszę, dotyczą sprawdzania koloru, rozmiaru w pikselach danego elementu na stronie internetowej a to:
MeasureIt - wystarczy włączyć, strona stanie się taka we mgle, ale zaznaczając element i pojawia się linijka. I wiemy już jaki rozmiar ma dany element. Aby ją zainstalować, wystarczy wejść pod ten adres: https://addons.mozilla.org/pl/firefox/addon/measureit/?src=dp-dl-oftenusedwith
ColorZilla - zazwyczaj w programach graficznych mamy paletę koloru, która nam pokazuje kod w hex, aby użyć w css, po to aby uzyskać dany kolor. Teraz wystarczy wtyczka i nie musimy używać programu graficznego. Jednak jest ale!, programy w których tworzy się strony, są już takie palety wbudowane lub mają możliwość zainstalowania takiej wtyczki, więc mamy do wyboru, albo w programie albo korzystać w przeglądarce.
Wtyczka jest interesująca, sam z niej korzystam, lecz nie jest obowiązkowa u każdego webmastera, to kwestia gustu i przyzwyczajeń. Wtyczka jest dostępna pod tym adresem:
https://addons.mozilla.org/pl/firefox/addon/colorzilla/?src=dp-dl-oftenusedwith
Przedstawiłem kilka wtyczek, ale może być i jest ich więcej, gdzie każdy może używać zupełnie innych wtyczek! Ale bazową i najczęściej używaną wtyczką jest firebug.
piątek, 4 września 2015
czwartek, 18 czerwca 2015
Grafika: Obliczanie wielkości obrazka
Obliczając wielkość obrazka należy wziąć pod uwagę jeden warunek, musi być obraz nieskompresowany.
Dobrze a jak oblicza się wielkość obrazka? Tu podaję dwa przykłady.
- 1024x2048x8 =16777216/8= 2097152/1024= 2048/1024= 2 MB
- 800x600x3 = 1440000/1024 = 1406,25/1024 = 1,37 MB - (x3 - w przypadku 24 bit)
Pytania? Zadaj w komentarzu:)
niedziela, 31 maja 2015
Programowanie w Turbo Pascal - Online!
Dla osób, którzy chcą poznać nowe narzędzie do tworzenia aplikacji w języku Pascal, polecam stronę, który zrzut jest poniżej z linkiem.
A tu jest link do strony: http://pascal.kurs-programowania.pl/
jest to ciekawa strona i można pisać aplikacje nie instalując na komputerze dodatkowych programów. Jednak patrząc z innej strony, pisanie aplikacji za pomocą tej strony i to na dłuższą metę, nie jest wygodne. Wystarczy brak internetu i strona nie działa.
Mimo, to jest to dobra strona dla początkujących i zaawansowanych użytkowników, którzy programują w pascalu/Delphi.
jest to ciekawa strona i można pisać aplikacje nie instalując na komputerze dodatkowych programów. Jednak patrząc z innej strony, pisanie aplikacji za pomocą tej strony i to na dłuższą metę, nie jest wygodne. Wystarczy brak internetu i strona nie działa.
Mimo, to jest to dobra strona dla początkujących i zaawansowanych użytkowników, którzy programują w pascalu/Delphi.
niedziela, 22 marca 2015
Najczęstrze popełniane błędy podczas projektowania, tworzenia stron internetowych.
Nie ma znaczenia w jakim języku będziesz programować swoją aplikację internetową. Czy to proceduralny kod będzie, czy obiektowy, nie ważne. Ważne jest za to, jak ty podchodzisz do swojego projektu i ile czasu na to przeznaczasz.
Błąd 1:
Nie projektuj strony na szybko, po to aby było!
Chodzi o to, aby nie projektować szybko i już programować, ponieważ w trakcie zawsze zmieni Ci się koncepcja projektu i cały czas jaki ty poświęciłeś, pójdzie w błoto.
Błąd 2:
Nie twórz kilu projektów naraz!
Jeżeli w grupie tworzysz na zamówienie klienta, jeszcze można tak robić, ale przeważnie jeden projekt jest podzielony na osoby. Przykład: jedna osoba tworzy logowanie i rejestrację, druga tworzy czat, trzecia forum a później składają w całość.
Jeżeli chodzi o sam jeden projekt, który jest tworzony przez Ciebie i sam tworzysz, to nie twórz kilku projektów naraz! Pogubisz się. Lepiej przemyśleć i dalej pisać stronę. To też dotyczy samej strony, która składa się z HTML5 i CSS3.
Błąd 3:
Nie instaluj aplikacji na szybko. Nie pisz, że już jest! Przyznam się, że raz tak mi się zdarzyło, ale to jak byłem na pierwszym roku studiów informatyki. Ta metoda dotyczy instalacji gotowych projektów, które wymagają jedynie konfiguracji (czyli skrypty CMS).
Zanim zainstalujesz lub wdrożysz, zastanów się nad tematyką, kategoriami, grupą docelową (do jakich osób ma trafiać dana strona) a na sam koniec skonfiguruj. Dopiero po tym, możesz reklamować, zapraszać ludzi na swoją stronę.
To są podstawowe błędy przy tworzeniu i wdrażaniu na serwer.
Należy zapamiętać, gdy tworzy się, to najlepiej narysować szkic wyglądu strony, funkcje jakie ma spełniać strona a dopiero na sam koniec tworzyć.
Błąd 1:
Nie projektuj strony na szybko, po to aby było!
Chodzi o to, aby nie projektować szybko i już programować, ponieważ w trakcie zawsze zmieni Ci się koncepcja projektu i cały czas jaki ty poświęciłeś, pójdzie w błoto.
Błąd 2:
Nie twórz kilu projektów naraz!
Jeżeli w grupie tworzysz na zamówienie klienta, jeszcze można tak robić, ale przeważnie jeden projekt jest podzielony na osoby. Przykład: jedna osoba tworzy logowanie i rejestrację, druga tworzy czat, trzecia forum a później składają w całość.
Jeżeli chodzi o sam jeden projekt, który jest tworzony przez Ciebie i sam tworzysz, to nie twórz kilku projektów naraz! Pogubisz się. Lepiej przemyśleć i dalej pisać stronę. To też dotyczy samej strony, która składa się z HTML5 i CSS3.
Błąd 3:
Nie instaluj aplikacji na szybko. Nie pisz, że już jest! Przyznam się, że raz tak mi się zdarzyło, ale to jak byłem na pierwszym roku studiów informatyki. Ta metoda dotyczy instalacji gotowych projektów, które wymagają jedynie konfiguracji (czyli skrypty CMS).
Zanim zainstalujesz lub wdrożysz, zastanów się nad tematyką, kategoriami, grupą docelową (do jakich osób ma trafiać dana strona) a na sam koniec skonfiguruj. Dopiero po tym, możesz reklamować, zapraszać ludzi na swoją stronę.
To są podstawowe błędy przy tworzeniu i wdrażaniu na serwer.
Należy zapamiętać, gdy tworzy się, to najlepiej narysować szkic wyglądu strony, funkcje jakie ma spełniać strona a dopiero na sam koniec tworzyć.
środa, 4 lutego 2015
Tworzenie stron w PHP: Obiektowo czy proceduralnie?
Każdy kto zaczyna naukę programowania, zaczyna od podstaw co jest normalne w nauce programowania. Następnie przychodzi czas na naukę programowania obiektowego, gdzie wchodzą w rolę klasy, obiekty, dziedziczenie itp.
Tworząc stronę w języku php, możemy napisać proceduralnie lub obiektowo. Do dziś możemy tworzyć strony w php pisząc proceduralnie, lecz nosi to za sobą pewne wady. Kiedy trzeba porównać więcej danych niż jedno, trzeba użyć więcej instrukcji warunkowych, kiedy w programowaniu obiektowym, możemy ustalić jeden warunek aby spełniał całą funkcję.
Nie od dziś, ale od kilku lat, wykorzystuje się frameworki stosując wzorzec MVC. Także wszelkie biblioteki javascript i RWD (Rensponsive Web Design), to dziś jest ważne w tworzeniu stron.
Można tworzyć proceduralnie, ale taka strona może być narażona na błędy lub gorzej może działać. Popularny cms php-fusion nie jest napisany obiektowo. Napisany jest proceduralnie i co gorsza!, używa przestarzałego połączenia do bazy ->mysql_query. Tragedia!
Popularny WordPress, również nie jest napisany obiektowo, ale uwaga!, wtyczki już tak.
Nie powiedziałbym, że pisząc w php stronę, która ma kod proceduralny, musi być fatalnym wyborem, ale nie zastosujesz frameworku, gdy cała strona jest właśnie napisana proceduralnie!
A to oznacza, że będzie ograniczona!
To jaką stronę stworzysz, zależy wyłącznie do Ciebie!
O wzorcu MVC kieruję pod ten adres:
http://pl.wikipedia.org/wiki/Model-View-Controller
Tworząc stronę w języku php, możemy napisać proceduralnie lub obiektowo. Do dziś możemy tworzyć strony w php pisząc proceduralnie, lecz nosi to za sobą pewne wady. Kiedy trzeba porównać więcej danych niż jedno, trzeba użyć więcej instrukcji warunkowych, kiedy w programowaniu obiektowym, możemy ustalić jeden warunek aby spełniał całą funkcję.
Nie od dziś, ale od kilku lat, wykorzystuje się frameworki stosując wzorzec MVC. Także wszelkie biblioteki javascript i RWD (Rensponsive Web Design), to dziś jest ważne w tworzeniu stron.
Można tworzyć proceduralnie, ale taka strona może być narażona na błędy lub gorzej może działać. Popularny cms php-fusion nie jest napisany obiektowo. Napisany jest proceduralnie i co gorsza!, używa przestarzałego połączenia do bazy ->mysql_query. Tragedia!
Popularny WordPress, również nie jest napisany obiektowo, ale uwaga!, wtyczki już tak.
Nie powiedziałbym, że pisząc w php stronę, która ma kod proceduralny, musi być fatalnym wyborem, ale nie zastosujesz frameworku, gdy cała strona jest właśnie napisana proceduralnie!
A to oznacza, że będzie ograniczona!
To jaką stronę stworzysz, zależy wyłącznie do Ciebie!
O wzorcu MVC kieruję pod ten adres:
http://pl.wikipedia.org/wiki/Model-View-Controller
niedziela, 11 stycznia 2015
Tworzenie stron:Odwołania do arkuszy stylów CSS.
Gdy zaczynamy tworzyć stronę, zaczynając od struktury strony w HTML, trzeba pomyśleć nad stylami css i jak zrobić odwołania do tych plików.
Początkujący mają z tym problem, zaawansowani, weterani tworzenia stron, programowania, nie mają z tym problemu:)
Jeżeli cały styl strony napiszemy w jednym dokumencie html, to strona i styl będzie tylko bazowała na tym dokumencie. Jeżeli stworzymy kolejny plik HTML i chcielibyśmy, ten sam styl dać, to trzeba skopiować cały styl jaki napisaliśmy i ponownie wkleić do nowego dokumentu. A co jeżeli mamy takich plików HTML 10, 20 lub 100 a nawet więcej? Mnóstwo czasu zabierze nam kopiowanie i wklejanie. To jest minus takiego stosowania i zazwyczaj nie jest zalecane, chyba że dla jednej strony.
Dziś gdy tworzy się profesjonalne strony z użyciem biblioteki JQuery, biblioteki Bootstrap i RWD (Responsive Web Design), to tworzy się katalogi na poszczególne pliki aby zachować porządek.
takimi katalogami na pliki mogą być:
HTML 4
<link href="nazwa.css" rel="stylesheet" type="text/css">
HTML5
<link rel="stylesheet" href="nazwa.css">
Jeżeli mamy w katalogu np: css, plik z naszym arkuszem styli, to musimy napisać w odwołaniu:
href="nazwa_katalogu/twój plik.css" .
Dałem nazwy aby było wiadomo co i jak.
Początkujący mają z tym problem, zaawansowani, weterani tworzenia stron, programowania, nie mają z tym problemu:)
Jeżeli cały styl strony napiszemy w jednym dokumencie html, to strona i styl będzie tylko bazowała na tym dokumencie. Jeżeli stworzymy kolejny plik HTML i chcielibyśmy, ten sam styl dać, to trzeba skopiować cały styl jaki napisaliśmy i ponownie wkleić do nowego dokumentu. A co jeżeli mamy takich plików HTML 10, 20 lub 100 a nawet więcej? Mnóstwo czasu zabierze nam kopiowanie i wklejanie. To jest minus takiego stosowania i zazwyczaj nie jest zalecane, chyba że dla jednej strony.
Dziś gdy tworzy się profesjonalne strony z użyciem biblioteki JQuery, biblioteki Bootstrap i RWD (Responsive Web Design), to tworzy się katalogi na poszczególne pliki aby zachować porządek.
takimi katalogami na pliki mogą być:
- katalogi na pliki konfiguracyjne napisane w php lub w innym języku,
- katalogi z obrazkami,
- katalogi ze stylami CSS,
- katalogi z biblioteką JQuery lub JavaScript itd.
HTML 4
<link href="nazwa.css" rel="stylesheet" type="text/css">
HTML5
<link rel="stylesheet" href="nazwa.css">
Podałem jak to występuję w HTML4 i HTML 5.Prawda, ze banalna składnia? Najlepiej jest stosować oddzielne arkusze stylów, to pozwala nam zmieniać stronę/strony za jednym zamachem.
Jeżeli mamy w katalogu np: css, plik z naszym arkuszem styli, to musimy napisać w odwołaniu:
href="nazwa_katalogu/twój plik.css" .
Dałem nazwy aby było wiadomo co i jak.
niedziela, 2 listopada 2014
Pomysł na swoją stronę: Własna strona czy CMS?
Nie będę omawiać każdego CMS'a lub wymieniać wszystkie jakie znam, ale napiszę jak jest najlepiej i jak do tego się zabrać.
Pierwszy krok
Na początku, liczy się chęć do stworzenia strony o ulubionej tematyce w danej dziedzinie.
Drugi krok
Trzeba wybrać technologię w której chcemy stworzyć stronę (od zera, nie CMS!). Chyba, że zamierzamy stworzyć własnego CMS'a;)
Trzeci krok
Wybierasz środowisko programistyczne do tworzenia stron, o którym pisałem w pierwszym temacie.
Czwarty krok
Naszkicuj, zaprojektuj front swojej strony (strona główna), ale zapomnij o grafice i elementach graficznych. Skup się na strukturze strony. Jak dane mają być prezentowane w blokach div, to sobie naszkicuj, jak w tabeli, też naszkicuj. I działaj!
Dobra, masz pomysł na stronę, ale jak na razie nie odpowiedziałem, czy lepiej zrobić własną stronę czy lepiej zastosować CMS?
Należy zapamiętać, co jest jasne i każdy o tym wie. Gdy sam tworzysz stronę i zdarzy Ci się, ze coś nie działa, źle się elementy strony wyświetlają lub nie tak są prezentowane dane, to wiesz gdzie to zmienić. Jest taka zasada, "Nie ma to jak własny napisany projekt", zgadzasz się? Nie ważne, czy stworzysz od zera sama stronę oparta o HTML5/CSS3 i php + baza czy zrobisz samą aplikację, która robi coś. Ważne, że ty ją od zera robileś;)
Natomiast w CMS'ach, nie zawsze tak łatwo jest, zależy jeszcze od wybranego CMS'a. Jeżeli wcześniej zarządzałeś różnymi CMS'ami, to bierz taki, który Ci pasuje lub bardziej odpowiada twoim wymaganiom. Napisałem, że nie zawsze łatwo jest, może dotyczyć modyfikacji skórki (szablonu) lub kodu. Tu musisz znać dobrze język php a nawet javascript w tym bibliotekę JQuery.
To jak sobie zaprojektujesz, z konfigurujesz CMS, to zależy tylko od ciebie. Masz duże pole działania. Oba wyjścia są dobre, które wybierzesz, to już ty decydujesz, nie ja:)
Powodzenia!
Pierwszy krok
Na początku, liczy się chęć do stworzenia strony o ulubionej tematyce w danej dziedzinie.
Drugi krok
Trzeba wybrać technologię w której chcemy stworzyć stronę (od zera, nie CMS!). Chyba, że zamierzamy stworzyć własnego CMS'a;)
Trzeci krok
Wybierasz środowisko programistyczne do tworzenia stron, o którym pisałem w pierwszym temacie.
Czwarty krok
Naszkicuj, zaprojektuj front swojej strony (strona główna), ale zapomnij o grafice i elementach graficznych. Skup się na strukturze strony. Jak dane mają być prezentowane w blokach div, to sobie naszkicuj, jak w tabeli, też naszkicuj. I działaj!
Dobra, masz pomysł na stronę, ale jak na razie nie odpowiedziałem, czy lepiej zrobić własną stronę czy lepiej zastosować CMS?
Należy zapamiętać, co jest jasne i każdy o tym wie. Gdy sam tworzysz stronę i zdarzy Ci się, ze coś nie działa, źle się elementy strony wyświetlają lub nie tak są prezentowane dane, to wiesz gdzie to zmienić. Jest taka zasada, "Nie ma to jak własny napisany projekt", zgadzasz się? Nie ważne, czy stworzysz od zera sama stronę oparta o HTML5/CSS3 i php + baza czy zrobisz samą aplikację, która robi coś. Ważne, że ty ją od zera robileś;)
Natomiast w CMS'ach, nie zawsze tak łatwo jest, zależy jeszcze od wybranego CMS'a. Jeżeli wcześniej zarządzałeś różnymi CMS'ami, to bierz taki, który Ci pasuje lub bardziej odpowiada twoim wymaganiom. Napisałem, że nie zawsze łatwo jest, może dotyczyć modyfikacji skórki (szablonu) lub kodu. Tu musisz znać dobrze język php a nawet javascript w tym bibliotekę JQuery.
To jak sobie zaprojektujesz, z konfigurujesz CMS, to zależy tylko od ciebie. Masz duże pole działania. Oba wyjścia są dobre, które wybierzesz, to już ty decydujesz, nie ja:)
Powodzenia!
Subskrybuj:
Posty (Atom)