środa, 4 stycznia 2017

Tworzenie stron www: Nie twórz stron opartych na tabelach. Twórz na div-ach.

Czas napisać o tym, czy warto jeszcze tworzyć strony oparte na tabelach, czy tylko na blokach div. Kto tworzył od zera strony (nie używając żadnych kreatorów, generatorów stron), wie o czym będę pisał. Jeżeli jest Ci dobrze znana tematyka, to nie czytaj, ponieważ będzie to dla ciebie strata czasu. 

Czasy w których przeważnie wykorzystywało się tabele do tworzenia stron już minęły lub prawie minęły. Jednak nie które osoby nadal tworzą strony używając tabel, bo jest proste! I tu jest błąd!
Teraz tabele wykorzystuje się, aby nie umieszczać tekstów, menu, nagłówków w postaci zdjęć czy obrazków. Teraz tabele wykorzystuje się do danych np: pobieranie danych z bazy, choć i można też w blokach div takie dane pokazywać. 
Kto przyzwyczaił się do tworzenia stron na tabelach, może powiedzieć, skoro działa i jest dobrze, to po co mam zmieniać zasady tworzenia stron? 
Odpowiedź jest prosta: RWD (Responsive Web Design), bootstrap, są używane w większości stron internetowych. Robiąc stronę na tabeli, zapomnij że RWD Ci zadziała, no chyba, że tak style opracujesz, aby działały na każdym urządzeniu, ale będzie Ci trudno.
Dlatego do stron z RWD najlepiej używać bloków div.
To samo z frameworkiem bootstrap. Podpinasz pliki css i tworzysz stronę, ale jak stworzysz na tabelach i jeszcze będziesz chciał pobrać dane z bazy nadając inny styl, to nie zdziw się, że otrzymasz co innego, niż to co byś chciał uzyskać.

Nawet przestarzały CMS PHP-FUSION jest oparty na tabelach i czasem jest trudno zmodyfikować wygląd.

Dlatego stosuj divy a tabele wykorzystuj na dane z bazy danych.
Posted by at Brak komentarzy:

piątek, 18 listopada 2016

Laboratorium WordPress: Podział postu na strony (dzielenie postów na strony).

Czas aby wprowadzić laboratorium WordPress na blog 4 webprogrammers. Pierwszy temat dotyczyć będzie podziału stron i jak zrobić taki podział oraz o wtyczkach, które umożliwiają taki podział zrobić.

Nie wiem jak jest na blogspot, ale jak dowiem się, to tu opiszę. Teraz zajmę się podziałem stron lub postów na strony.
Jak każdy wie, kto pisze długie wpisy i je się czyta, to czasem brakuje przycisku, odnośnika, aby przejść do następnej strony, niż czytać długi wpis. Nie jest to zbyt ładne. Dlatego są dwa rozwiązania.
Pierwsze rozwiązanie:
Należy wyjść z wizualnego edytora i wtedy ukaże się nasz tekst bez narzędzi formatowania. 
Ustalmy w którym miejscu ma kończyć się tekst i wpiszmy taki krótki tag:
<!-nextpage->
Po zapisaniu, możemy zobaczyć już odnośniki numerów stron i to zależy od ilości wstawienia takich tagów.

Drugi sposób, to skorzystanie z wtyczki. Nie będę wymieniać wszystkich, ale ja używam rozszerzenia o nazwie Custom NextPage. Po pobraniu i zainstalowaniu, pojawi się nowa ikona w edytorze (patrz na rysunku).


Klikając na przycisk, pojawi się okno z wprowadzeniem nazwy podziału. I tu uwaga!, nie trzeba wychodzić z edytora wizualnego, ale trzeba w miejscu, gdzie ma kończyć się tekst, wprowadzić nazwę podziału. Nie jest to trudne. Klikamy na ikonę, wprowadzamy nazwę i OK.
I możemy cieszyć się podziałem stron naszych postów.

Instalując wtyczki, musimy być i posiadać własny hosting, darmowy lub płatny, ponieważ na darmowych blogach nie można instalować wtyczek i trzeba stosować sposób pierwszy.
Posted by at Brak komentarzy:

poniedziałek, 24 października 2016

Pisz czytelny kod! Używaj komentarzy w kodzie.

Każdy początkujący programista, webmaster, który tworzy program bez względu jaki jest, czy mały, czy duży, robi podstawowe błędy podczas pisania aplikacji. Nie chodzi mi o nazewnictwo zmiennych, bo musiałbym pisać o wielu językach programowania, ale o pisaniu samego kodu.
Nie ważne, czy tworzysz program w C++, C#, Java lub w czystym HTML'u. Ważne jest, aby pisać kod, który będzie czytelny i opisywał to, co dany kod robi.
Sam kiedyś robiłem błędy podczas pisania programu w C++ jak i też w HTML, a błąd był następujący:

 <html>   
 <head> 
 </head>
 <body>
 <div class="nazwa klasy">
 if(x==y){
 echo "Liczba X jest taka sama co Y";
 }
 </div>
 </body>     
 </html>

Jak widać w powyższym kodzie, nie ma wcięć i nie jest czytelny. Dlatego, jeżeli zabierasz się za pisanie kodu, to rób wcięcia!
Aby kod był bardziej czytelniejszy, zawsze przy danej funkcji lub kodzie, który wykonuje dane zadanie, pisz komentarz. Można na dwa sposoby pisać komentarze:
  • jednowierszowe, zaczynające się od //
  • wielowierszowe , zaczynające się od /*   kończący się na */
Jeżeli chodzi o sam html, to można dać inny sposób komentowania <!-- komentarz -->
Dobra a jak powinien wyglądać prawidłowo napisany kod, który jest powyżej?

 <html>   
          <head>
          </head>
        <body>
            <div class="nazwa klasy">
               if(x==y){
                echo "Liczba X jest taka sama co Y";
              }
            </div>
        </body>     
 </html>

Widać różnicę, prawda? To jest tylko prosty przykład.
Pamiętaj, jeżeli nie zadbasz  o jakość kodu i o porządek w kodzie, to sam pogubisz się a tym bardziej, jeżeli nie będziesz pisać komentarzy, co za co odpowiada. Doprowadzisz do tego, że będziesz musiał od zera napisać aplikację.
Posted by at Brak komentarzy:

poniedziałek, 27 czerwca 2016

Popularna księga gości na stronach internetowych

Każdy z nas widział stronę, na której była księga gości. Co to takiego było? To była strona z formularzem, gdzie wpisywało się nazwę użytkownika i treść a następnie klikaliśmy zapisz. Do dziś jeszcze można spotkać księgę gości, ale moim zdaniem, obecnie tego nie stosuje się.
A jaka jest budowa księgi gości?
Popatrzmy na rysunek, który jest poniżej.


  • Po pierwsze, aby stworzyć księgę gości, trzeba mieć formularz z polami.
  • Po drugie, potrzebna jest baza danych, choć nie którzy mogą napisać lub powiedzieć, że lepiej zapisywać do pliku, ja wolę zapis do bazy,
  • Po trzecie, trzeba napisać skrypt w PHP, aby formularz zapisywał dane do bazy i dopiero na samym końcu możemy nadać wygląd stylom CSS.
To co jest elipsą zaznaczone, jest krokiem, fundamentem podstawowym, aby księga gości działała. wystarczy, że skryptu PHP nie będzie i nic nie zapisze się do bazy.
Co do bazy, nie wystarczy uruchomić, trzeba stworzyć bazę i tabelę, w innym przypadku zapis zakończy się niepowodzeniem.
Posted by at Brak komentarzy:

czwartek, 19 maja 2016

Integracja aplikacji internetowej z portalami społecznościowymi - czy warto?

Pisząc aplikację internetową lub kto woli nazywać stronę internetową, prędzej czy później natknie się na jeden problem. Czy połączyć swoją aplikację z portalami społecznościowymi?
Dziś można spotkać na stronach internetowych wiele opcji logowania do strony. Kiedyś i teraz też jest tak, że logujemy się za pomocą nazwy użytkownika (tzw.nick) lub za pomocą adresu e-mail. Teraz  i to praktycznie można spotkać na każdej stronie, opcje, możliwości  logowania np: za pomocą konta facebook, twitter, pinterest itd.




Pytanie, czy warto taką możliwość, opcję wdrażać?
Odpowiadając, należy zastanowić się nad przekazem strony i grupą docelową.
Nawet gdyby była to strona społecznościowa, nie trzeba integrować się z portalami social media. Już CMS'y mają wtyczki, które umożliwiają taką opcję.
Należy pamiętać, że większość ma właśnie konta na takich portalach, i woli logować się przez facebook  niż przez nazwę użytkownika. Dlaczego?
Jeżeli musi dodać komentarz a nie ma na tej stronie konta, za to ma konto na facebook'u, to wykorzysta tę opcję niż wybierze proces rejestracji.
Czasem to ułatwia sprawę, ale też i utrudnia.

Jeżeli piszemy stronę od zera, to musimy wykorzystać frameworki, które umożliwią integrację z tymi portalami.

Moim zdaniem, gdybym miał stronę z logowaniem i rejestracją, nie integrowałbym z social media, jest to zbędne dla mnie. 
Posted by at Brak komentarzy:

czwartek, 31 marca 2016

Bootstrap: Jak zmienić tło, zmiana koloru tła na inny

Aktualizacja 2.05.2017
Bootstrap jest to framewrok, który jest stosowany przez webmasterów i programistów tworzących aplikacje lub strony internetowe.
W internecie pojawiają się też pytania, jak zmienić kolor tła na inny.
Kto zna CSS nie powinien mieć z tym żadnych problemów. Wystarczy zmienić w jednej linii kolor na inny.Jak robimy? To proste!
Należy odszukać w pliku css, który mamy dołączony do dokumentu html (bootstrap.css lub bootstrap.min.css), element  body a w nim zmienić po  background-color: #XXXXXX  na inny kolor, gdzie #XXXXXX to nazwa koloru. Przykład:
Mamy w pliku bootstrap.css:
background-color: #000000; i chcemy zmienić na inny kolor. Wystarczy zmienić z #000000 na #ffffff i nic więcej.
Uwaga!
Jeżeli po zmianie nie będzie działać, należy po danym kolorze dodać słowo !important, który łamie zasady styli CSS i nadaje kolor taki jaki ma być.
Jeżeli w odpowiednim miejscu zmieniłeś ( w BODY) kolor tła  i nadal brak efektu, to drugim i sprawdzonym rozwiązaniem będzie utworzenie nowego pliku CSS. I wystarczy to samo napisać:

  BODY{background-color: #XXXXXX !important; // dany kolor }

Tak samo robimy jeżeli chcemy dać obrazek tła. Wystarczy zamiast background-color napisać background-image: ścieżka obrazka.

Wystarczy znać CSS i zmienić jedną linię kodu i mamy inne tło. To samo dotyczy zmiany tła graficznego.
Po background-image: url("ścieżka do pliku") !important;, dajemy słowo !important.

To tyle na ten temat:)
Posted by at 2 komentarze:

piątek, 12 lutego 2016

Vertigo: błąd Server HTTP Apache - nie jest prawidłową aplikacją systemu win32

W dzisiejszym temacie zajmę się popularnym serwerem jakim jest vertrigo. No nie jest aż tak popularny jak xampp czy wamp, ale jest używany. Ja na jednym komputerze używam xampp a na drugim vertrigo.
Patrząc na nazwę tematu, zastanawiacie się o jaki błąd chodzi, pewnie nie zmieniłem portów, czy nie skonfigurowałem firewalla, ale po kolei.
Wczoraj postanowiłem zainstalować najnowszą wersję Vertrigo 2.38 x86. Pobrałem i zainstalowałem bez żadnych problemów. Problem jaki był, pojawiał się zaraz po uruchomieniu. I o to taki komunikat dostałem:


Trochę mnie zdziwiło, bo nigdy czegoś takiego nie było, ewentualnie miałem w xampp, gdy miałem zainstalowany skype.
Niestety kroki jakie zrobiłem a takie jak:
  • zmiana portów w config.php,
  • wyłączenie firewalla (sprawdzenie czy ruszy serwer),
  • sprawdzenie, czy nie ma uruchomionej usługi IIS, ale nie miałem, była usługa jako Serwer - wyłączyłem,
 Nie dało rezultatu!
Czytałem na funpage na facebooku (ktoś też miał problemy i dostał odpowiedź), aby uruchomić z wiersza poleceń otrzymałem taki wynik:


Taki komunikat, że v_apache.exe, nie jest prawidłową aplikacją systemu win32, zobaczymy uruchamiając, wchodząc w program files/Vertrigo/Apache/bin/v_apache.exe.
Można powiedzieć, dobra pewnie nie mam zainstalowanej biblioteki, ok, ale jakiej? Jak sama nazwa pliku instalacyjnego wskazuje x86 dotyczy systemów 32-bitowych i na takim instalowałem.

Takie błędy zaczynają się od wersji 2.34, wiem bo sprawdzałem, mimo, że wersja 2.34 nie ma w nazwie instalatora x86. Dopiero wersja 2.33 jest bezproblemowa i można śmiało pobrać z tej strony:
http://www.programosy.pl/program,vertrigoserv.html

Niestety zmiana na nowszą wersje niż miałem, nie dała oczekiwanego rezultatu, chodzi o wersję php. Chciałem mieć wersję php 5.5.2, która obsługuje password_hash.

Z drugiej strony można powiedzieć, że mogę też xampp, wamp zainstalować, ale xampp wolno chodzi na tym komputerze, na którym mam vertrigo a wamp, też podczas instalacji ma problemy z plikiem apache.

Gdyby coś w tych wersjach zmieniło się, to zaktualizuję:)

Aktualizacja  
Jak dowiedziałem się z supportu, nowsze wersje nie są kompatybilne z Windowsem XP, dlatego są takie błędy. W takim razie jak chcemy korzystać z vertrigo, to na wersji 2.33.
Posted by at Brak komentarzy:
Subskrybuj: Posty (Atom)