Temat: Grafika strony
Witam:)
Co prawda temat dosyc stary, ale... ale moze cos nawet teraz pomoga moje uwagi.
Wiem, ze prosilas o ocene grafiki i dobor kolorow, ale poniewaz grupa dotyczy takze uzytecznosci - troche porusze ten temat.
Postanowiłam zmienić grafikę stronki coc-company.pl
Pomóżcie dobrać odpowiednie kolory, aby miło sie na nią patrzyło...:)
Ja szczerze mowiac nie jestem milosnikiem takich kolorow, jakie zastosowalas. Jak dla mnie - troche malo profesjonalnie wyglada ta strona. Ale z drugiej strony poszczegolne elementy przyciagaja wzrok. Wiec moze skutecznosc sie liczy:)
Co do kodu:
- stosujesz xhtml 1.0 strict, ale validator wypluwa mnostwo bledow:
http://validator.w3.org/check?uri=http%3A%2F%2Fcoc-com...
- stosujesz xhtml, ale wysylasz content jako text/html a nie jako html/xml co powoduje ze i tak przegladarka odczytuje dokument jako html. Poniewaz strona jest bardzo prosta, moze lepiej zrezygnowac z "trendy" xhtml na rzecz html? Osiagniesz ten sam rezultat, a strona bedzie zgodna ze standardami. Na razie niestety nie jest
- pod IE6 strona sie rozlatuje. Wiem, wiem - IE6 ciagle traci udzial w rynku i na chwile kiedy pisze te slowa ma okolo 10%. Niby malo. Z drugiej strony biorac pod uwage docelowych Klientow, to sa oni pracownikami firm. A w firmach wymiana IE6 na pozniejsze wersje idzie jednak niezmiernie powoli (ze wzgledu na uzywane oprogramowanie). Strona jest na tyle prosta, ze wprowadzenie poprawek to kwestia kilku(nastu) minut i bedziesz ja miala dostosowana do IE6.
- menu robisz za pomoca <div id="menu"> a pozniej jakies cuda z kolejnymi divami. Menu powinnas zrobic jako liste <ul> a kolejne pozycje w menu odpowiednio ostylowane <li>. Jakie to ma znaczenie? Od strony semantyki ma. A przede wszystkim od strony dostepnosci website'u dla osob niedowidzacych i niewidomych, korzystajacych ze screenreaderow
- stosujesz fragmenty css dodane jako inline czyli bezposrednio w kodzie. Jest to czesto dopuszczalne, ale... nie w przypadku tej strony, ktora jako prosta powinna zostac ostylowana w zewnetrznym pliku css
- od strony nawigacji z klawiatury (czyli czestego sposobu nawigacji dla osob niepelnosprawnych) - powinnas dodac skiplink oraz poprawic zmiane kolorow (lub wyroznienia) linkow podczas sterowania z klawiatury klawiszem tab (nie dziala w Operze). Chodzi o to, ze jak najezdzasz myszka na link, to zmienia kolor. Ale jak najedziesz na link z klawiatury, to wtedy nie ma oznaczenia aktywnosci
- stosujesz kombinacje z <br /><br /><br /><br /><br /> zamiast dac odpowiedni margin w css:)
Dooobra - nie bij prosze:) Troszke sie przyczepilem, ale mam nadzieje ze nie bardzo:)
Gabriel Zastawnik