http://kurs.browsehappy.pl/
Kurs XHTML i CSS od podstaw, uczący pisania z rozdzieleniem treści i prezentacji. Nastawiony jest na standardy WWW, a nie bugi przeglądarek.
Kurs jest oparty o Wiki i na licencji LGPL, więc można go zupełnie swobodnie modyfikować i kopiować.
Zapraszam i czekam na uwagi, komentarze.
[Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
Re: [Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
Jak rozumiem bardziej oceniac funkcjonalnosc niz grafike :]
To do funkcjonalnosci:
Czym sie rozni Spis Treści od Pokaz ?? wywal to Pokaz i daj w to miejsce Spis Treści, bo ja sie troche naszukalem
, a w koncu klikajac w oby dwa linki znalazlem to samo :]
Brakuje mi tez linku do strony glownej, a jak jest to niestety, ale nie widze :]
Nastepna strona przydala by sie tez u gory :]
Historie zmian podziel na strony
Co do grafiki:
Po pierwsze to zmniejsz troche czcionki, i nie wiem czy ja mam tylko takie odczucie, ale zmien tez je same.
Dalbys jakis CSS do linkow, bo takie standardowe troche mnie odrzucaja :]
Wywal te czerwone, kreskowane obramowania z blokow, i zrob jakies ladniejsze
Niby grafika prosta ale IMO na sam kurs wystarczy, szybko sie wczytuje
Ogolnie nie jest zle, ale pare rzeczy do poprawy :] Pisalem tylko to co mi sie nie podoba
PS. nie znam sie na skryptach WIKI wiec jezeli ocenilem standardowy styl to przepraszam :]
To do funkcjonalnosci:
Czym sie rozni Spis Treści od Pokaz ?? wywal to Pokaz i daj w to miejsce Spis Treści, bo ja sie troche naszukalem
, a w koncu klikajac w oby dwa linki znalazlem to samo :]Brakuje mi tez linku do strony glownej, a jak jest to niestety, ale nie widze :]
Nastepna strona przydala by sie tez u gory :]
Historie zmian podziel na strony
Co do grafiki:
Po pierwsze to zmniejsz troche czcionki, i nie wiem czy ja mam tylko takie odczucie, ale zmien tez je same.
Dalbys jakis CSS do linkow, bo takie standardowe troche mnie odrzucaja :]
Wywal te czerwone, kreskowane obramowania z blokow, i zrob jakies ladniejsze
Niby grafika prosta ale IMO na sam kurs wystarczy, szybko sie wczytuje
Ogolnie nie jest zle, ale pare rzeczy do poprawy :] Pisalem tylko to co mi sie nie podoba
PS. nie znam sie na skryptach WIKI wiec jezeli ocenilem standardowy styl to przepraszam :]
Re: [Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
To jest efekt uboczny oparcia kursu na Wiki. "Pokaż" wraca do artykułu ze stron jego edycji/historii.Balas pisze: To do funkcjonalnosci:
Czym sie rozni Spis Treści od Pokaz ?? wywal to Pokaz i daj w to miejsce Spis Treści, bo ja sie troche naszukalem
Strona główna nie ma użytecznej treści, więc nie zasługuje na linkBalas pisze:Brakuje mi tez linku do strony glownej, a jak jest to niestety, ale nie widze :]
Od bidy go głównej linkuje nagłówek "Kurs BrowseHappy". Pomyślę, gdzie wcisnąć jakiś wyraźniejszy...
ok.Nastepna strona przydala by sie tez u gory :]
Niewykonalne.Historie zmian podziel na strony
Wielkość czcionki jest taka, jak ma być.Co do grafiki:
Po pierwsze to zmniejsz troche czcionki, i nie wiem czy ja mam tylko takie odczucie, ale zmien tez je same.
Zupełnie się z tym nie zgadzam. IMO linki są linkami i mają wyglądać jak linki. To jest kurs poświęcony standardom i im więcej standardowości, tym lepiej ;PDalbys jakis CSS do linkow, bo takie standardowe troche mnie odrzucaja :]
Wywal te czerwone, kreskowane obramowania z blokow, i zrob jakies ladniejsze
Re: [Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
Na początku muszę Ci przyznać porneL, że stanowisz dla mnie spory autorytet w dziedzinie nowoczesnego tworzenia stron internetowych zgodnych ze standardami, a Twoje artykuły stanowią według mnie świetne źródło wiedzy na ten temat. Wystarczy wspomnieć tylko jak często linkuję do nich radząc innym użytkownikom tu na forum. Dlatego też możliwość oceny Twojego dzieła, tym bardziej jeśli jest to kurs tworzenia stron, jest dla mnie sporym zaszczytem Ale koniec tej "wazelinki" - przechodzę do konkretów
Grafika
Graficznie strona prezentuje się bardzo dobrze. Do realizacji zostały dobrane najodpowiedniejsze środki. Mogę przyczepić się jedynie do pewnych małych niedociągnięć takich jak nieestetyczna luka pomiędzy końcem strony a dolną krawędzią okna przeglądarki. Do gustu nie przypadł mi gradient użyty m. in. w opisie edytorów oraz stopka prowadząca do kolejnych części kursu (za ciemne tło - za duże wielkość czcionki). Mimo wszystko jest estetycznie i czytelnie, a to chyba najważniejsze.
Użytkowość
Tu także mimo ogólnego zadowolenia mam kilka uwag. Przede wszystkim na stronie głownej brakuje mi dużego, rzucającego się w oczy linku rozpoczynającego kurs (jak ma to miejsce np. w przypadku strony Opery i pobierania najnowszej wersji przeglądarki). Jak Balasowi, także i mi brakuje linku do strony głównej (może i nie ma tam użytecznej treści, ale to przecież konwencja). Osobiście proponuję umieścić w menu na lewo od Spis treści. Znów także wrócę do stopki z linkami prowadzącymi do kolejnych części kursu. IMHO powinieneś zapewnić możliwość kliknięcia w strzałki - musiałem chwilę się zastanowić zanim kliknąłem na łącze w postaci nazwy kolejnej części kursu, co nie do końa trzyma się pierwszego prawa funkcjonalości Krugga. Oprócz tego test funkcjonalności zdany na 5+!
Technikalia
Szczerze mówiąc, zdziwiłbym się bardzo, gdybym mógł mieć w tej kwestii jakiekolwiek uwagi Pełna semantyka, oddzielenie wartstw, poprawna składnia i wiele innych czynników świadczących o idealności strony pod tym względem. Gratuluję!
Podsumowując, muszę stwierdzić, że dawno nie widziałem w tym dziale tak dobrej strony. Sam kiedyś zastanawiałem się nad stworzeniem kursu nowoczesnego tworzenia stron internetowych od podstaw, ale jak to bywa - plan spalił na panewce. Dlatego cieszę się, że takie źródło wiedzy w języku polskim powstało, a ja dołożę wszelkich starań aby je promować, i w miarę możlwiości oraz wiedzy je współtworzyć. Dzięki porneL!
Ale koniec tej "wazelinki" - przechodzę do konkretów Grafika
Graficznie strona prezentuje się bardzo dobrze. Do realizacji zostały dobrane najodpowiedniejsze środki. Mogę przyczepić się jedynie do pewnych małych niedociągnięć takich jak nieestetyczna luka pomiędzy końcem strony a dolną krawędzią okna przeglądarki. Do gustu nie przypadł mi gradient użyty m. in. w opisie edytorów oraz stopka prowadząca do kolejnych części kursu (za ciemne tło - za duże wielkość czcionki). Mimo wszystko jest estetycznie i czytelnie, a to chyba najważniejsze.
Użytkowość
Tu także mimo ogólnego zadowolenia mam kilka uwag. Przede wszystkim na stronie głownej brakuje mi dużego, rzucającego się w oczy linku rozpoczynającego kurs (jak ma to miejsce np. w przypadku strony Opery i pobierania najnowszej wersji przeglądarki). Jak Balasowi, także i mi brakuje linku do strony głównej (może i nie ma tam użytecznej treści, ale to przecież konwencja). Osobiście proponuję umieścić w menu na lewo od Spis treści. Znów także wrócę do stopki z linkami prowadzącymi do kolejnych części kursu. IMHO powinieneś zapewnić możliwość kliknięcia w strzałki - musiałem chwilę się zastanowić zanim kliknąłem na łącze w postaci nazwy kolejnej części kursu, co nie do końa trzyma się pierwszego prawa funkcjonalości Krugga. Oprócz tego test funkcjonalności zdany na 5+!
Technikalia
Szczerze mówiąc, zdziwiłbym się bardzo, gdybym mógł mieć w tej kwestii jakiekolwiek uwagi
Pełna semantyka, oddzielenie wartstw, poprawna składnia i wiele innych czynników świadczących o idealności strony pod tym względem. Gratuluję!Podsumowując, muszę stwierdzić, że dawno nie widziałem w tym dziale tak dobrej strony. Sam kiedyś zastanawiałem się nad stworzeniem kursu nowoczesnego tworzenia stron internetowych od podstaw, ale jak to bywa - plan spalił na panewce. Dlatego cieszę się, że takie źródło wiedzy w języku polskim powstało, a ja dołożę wszelkich starań aby je promować, i w miarę możlwiości oraz wiedzy je współtworzyć. Dzięki porneL!
Re: [Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
Tzn. nie ma czasu babrać się w źródłach wiki...porneL pisze:Niewykonalne.Historie zmian podziel na strony
Proponuję dodać jeszcze informację o tym, że xhtml warto oznaczyć w źródłach w meta tagu - inaczej jak serwer powie, że to text/html, to zaczynają się jaja z tagami rozpoczynającymi i kończącymi (<textarea /> np.)
Kod: Zaznacz cały
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />Inaczej powstają takie kwiatki: https://bugzilla.mozilla.org/show_bug.cgi?id=171462
Niewiele źródeł o tym mówi.
Re: [Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
Sorry, ale to test totalna bzdura. http://pornel.net/xhtmlTo naprawia sprawę, nawet jak serwer upiera się przy text/html.Kod: Zaznacz cały
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
Re: [Strona] Kurs tworzenia stron WWW opartych na XHTML+CSS
Tak, wiem, że "powinien" być tak wysyłany, ale nie musi.
Jaką jednak masz propozycję w przypadku, gdy serwer wyśle to jako 'text/html' (i nie masz na to wpływu, bo to tani / zły hosting), a mozilla się z nim zgodzi? To nie jest totalna bzdura. Takie meta jest dozwolone i póki jest dla mozilli ważniejsze niż typ podany przez serwer, jest jedynym rozwiązaniem.
Ja to już przetestowałem, a ty?
No, chyba, że miałem spartoloną wersję moz. bo teoretycznie powinna przyjmować mime serwera jako wyższe priorytetem - narazie jade na SM 1.5a i meta rządzi - jeśli to jest błąd to w takim razie rzeczywiście nie tu szukam co trzeba. Możesz to potwierdzić?
Jaką jednak masz propozycję w przypadku, gdy serwer wyśle to jako 'text/html' (i nie masz na to wpływu, bo to tani / zły hosting), a mozilla się z nim zgodzi? To nie jest totalna bzdura. Takie meta jest dozwolone i póki jest dla mozilli ważniejsze niż typ podany przez serwer, jest jedynym rozwiązaniem.
Ja to już przetestowałem, a ty?
No, chyba, że miałem spartoloną wersję moz. bo teoretycznie powinna przyjmować mime serwera jako wyższe priorytetem - narazie jade na SM 1.5a i meta rządzi - jeśli to jest błąd to w takim razie rzeczywiście nie tu szukam co trzeba. Możesz to potwierdzić?