Strona uproszczona. Za małe okno.
Obejrzyj całą stronę w oknie o szerokości min. 1200px.
Strona uproszczona.
Za małe okno.
O całej witrynie
To jest strona główna multimedialnej witryny autorskiej Bogdana Kamińskiego.
Jeżeli jesteś moim studentem lub słuchaczem, znajdziesz na tej stronie potrzebne wiadomości. Jeśli nie należysz do tego grona, to i tak możesz się dowiedzieć co nieco z niniejszej witryny.
Dla kogo utworzyłem tę witrynę?
Zbudowałem ją dla moich studentów i słuchaczy, aby pokazać różne możliwości zastosowanych tu języków programowania i aby inspirować ich do tworzenia własnych prac, które z pewnością będą lepsze i ładniejsze. Nie uważam się za artystę-grafika. Z tego powodu ocena szaty graficznej witryny przez prawdziwych artystów może być dla mnie pomocna.
Dlaczego o tym piszę?
Wielu domorosłych „webmasterów” uważają się za „Bóg wie” kogo, korzystając z czyichś gotowych rozwiązań i to często bez ich przeanalizowania. Świadczą o tym wypowiedzi na różnych forach dyskusyjnych i udzielanie rad innym, podobnym sobie „webmasterom”. Na tych samych forach są także wypowiedzi życzliwych osób, rozumiejących głęboko określone zagadnienie i dobrze radzących internautom, ale pozostają one nieraz bez echa lub są napastliwie komentowane. To właśnie wynika z braku znajomości podstaw wielu zagadnień. Dlatego ja nie wypowiadam się na żadnych forach i nie komentuję tam ludzkiej głupoty.
Jak zbudowana jest witryna?
W zasadzie nic szczególnego. Jest to strona RWD, której układ graficzny jest inny na urządzeniach mobilnych i inny na komputerach. W zależności od rozdzielczości urządzenia wyświetlającego grafika i teksty przyjmują różne formy. Firma Google preferuje strony RWD i sądzę, że staną się one standardem programistycznym.
Co znajdziesz w witrynie?
Na poszczególnych stronach będziesz mógł poznać treści, które mogą być przydatne moim studentom. Będziesz mógł posłuchać muzyki, obejrzeć krótkie filmy ćwiczeniowe. Nawet będą proste „tutoriale” HTML5+CSS+JavaScript, chociaż znacznie bardziej skomplikowane zagadnienia studenci poznają na zajęciach.
Stopka strony
W dolnej części wszystkich podstron jest stopka interaktywna, która umożliwia zmianę kolorystyki podstrony (tło i teksty), uruchomienie animacji owadów, uruchomienie dźwięków nawigacji głównej i dźwięków insektów, uruchomienie muzyki tła. Kto nie ma poczucia humoru, niech nie korzysta z tych gadżetów. Po co ma później komentować? Szkoda czasu.
Jak utworzona jest niniejsza witryna multimedialna?
Witryna zbudowana jest całkowicie w języku HTML5. Do jej realizacji wykorzystano dodatkowo: prosty język arkuszy stylów w wersji CSS3 oraz nieco złożony język programowania obiektowego JavaScript. „Triada” HTML5+CSS3+JavaScript, to podstawowy obecnie standard, który powinien znać każdy, kto bierze się za tworzenie profesjonalnych witryn.
Wśród dostępnych technik realizacji witryn może się z pewnością przydać także znajomość: obiektowego języka programowania PHP (Personal Home Page), różnych bibliotek programistycznych JavaScript (np. jQuery, MooTools, Prototype JavaScript Framework), techniki AJAX tworzenia aplikacji internetowych (opartej o interakcję użytkownika z serwerem), prostego języka XML (np. bardzo przydatnego przy konstruowaniu złożonych baz danych dla witryn) oraz wielu innych udogodnień i narzędzi programistycznych. Ja w niniejszej witrynie wykorzystałem tylko wspomnianą "triadę". Uważam, jako doświadczony już człowiek, że najlepiej zacząć od zrozumienia podstaw. Jeśli podstawy będą oczywiste, wtedy rozszerzenie własnej wiedzy będzie łatwe i także zrozumiałe. Nie skorzystałem tu z mojego ulubionego języka pogramowania ActionScript 3.0. Dzięki temu można (bez dodatkowych zabiegów) oglądać tę witrynę także na wszystkich urządzeniach mobilnych, co nie jest tak oczywiste dla stron flashowych.
Jaka przeglądarka?
Efekt oglądania niniejszej witryny może zależeć od przeglądarki, z której aktualnie korzystasz. Dlatego tak jest, że standardy języka HTML5, opracowane przez organizację W3C (World Wide Web Consortium) nie są obecnie spełnione całkowicie przez żadną przeglądarkę internetową. Rekomendacje publikowane przez W3C nie mają mocy prawnej, nakazującej ich użycie, ale wyznaczają jedynie kierunek rozwoju. Należy zatem zawsze mieć zainstalowane najnowsze wersje najważniejszych, wg. mnie, pięciu przeglądarek (Internet Explorer - Microsoft, Firefox - Mozilla, Chrome - Google, Opera - Opera Software, Safari - Apple), gdyż firmy je opracowujące wprowadzają na bieżąco najnowsze zalecenia W3C. Przeglądarki nie tylko obsługują język HTML, ale też np. JavaScript i CSS. Także w tym przypadku mogą być różne efekty przeglądania witryny. Wniosek końcowy - zmień przeglądarkę i zobacz gdzie są różnice. Osobiście jestem przekonany, że w najbliższej przyszłości niniejsza witryna będzie tak samo wyglądała we wszystkich rozwijanych obecnie przeglądarkach.
Kliknij na ikonę przeglądarki i spróbuj pobrać nową jej wersję dla SO Windows:
IE Firefox Chrome Opera Safari
Najwięcej problemów jest z Sarafi dla Windows ? Za to jednak odpowiada firma Apple. Łączy dla Mac OS nie podaję, bo jest zbyt wiele kombinacji możliwych systemów operacyjnych i odpowiadających im przeglądarek . Sądzę, że właściciele urządzeń Apple poradzą sobie bez problemów . Systemy Android czy Windows Phone dla urządzeń mobilnych mają na bieżąco aktualizowane przeglądarki i z tym nie ma większych problemów.
Jakie fonty?
Przeglądarki wyświetlają domyślnie tylko takie fonty, które internauta ma zainstalowane na swoim komputerze. Jeśli w projekcie użyjemy fontów innych, wtedy u internauty zostaną one zastąpione istniejącymi w jego systemie. Na mojej stronie wykorzystałem nietypowy font, którego prawdopodobnie nie macie zainstalowanego w swoim systemie operacyjnym, ale mimo to wyświetla się on w Waszej przeglądarce.
Studenci często pytają mnie o to. Jak widać, nie jest to skomplikowana sprawa. Należy wiedzieć, że standard W3C preferuje określone formaty fontów, a w Internecie są dostępne darmowe witryny, które mogą nasz dowolny font przekonwertować na inny format zapisu, akceptowany przez przeglądarkę. Najczęsciej konwertuje się fonty do takich formatów, które są akceptowane przez wszystkie wyżej wymienione główne przeglądarki
Po co te insekty?
Rolę preloadera pełnią insekty, a nie jak na innych witrynach internetowych kreski, paski, klepsydry, kółeczka lub inne popularne rozwiązania. Każda strona załaduje się całkowicie, gdy znikną insekty i zacznie grać muzyka. A ponieważ niektóre moje strony są dosyć "ciężkie", dlatego tylko od jakości Twojego łącza (a także od używanej przeglądarki) zależy szybkość ładowania strony.
Na przykład, strona Dydaktyka dosyć długo się ładuje, bo zawiera dużo materii multimedialnej, chociaż i tak bardzo zoptymalizowanej. Na moim komputerze, przy szybkości łącza 250 Mbps, czas ładowania wynosi poniżej 1 sekundy. Ale strona ta jest, moim zdaniem, najbardziej pouczająca .
Co może być pomocne?
Na stronach wykorzystano dźwięk, film, animacje i inne elementy, dlatego dobrze, abyś dysponował głośnikami.
Zainstaluj sobie najnowsze wersje – jeśli nie masz – podstawowego oprogramowania dla SO Windows.
Adobe Acrobat QuickTime Java Software
Łączy dla Mac OS nie podaję z ww. powodów .
Z malo zrozumiałych dla mnie powodów największe kłopoty z multimediami dla tej witryny mogą występować w przeglądarce Safari w wersji Windows ? Nie ma w zasadzie żadnych problemów z tą przeglądarką dla systemów Mac OS. Pozostałe przeglądarki na ogół poprawnie wyświetlają i odtwarzają multimedia.