Chciałem prosić o ocenę swojego najnowszego projektu... http://republika.pl/w3c/index.htm

Proszę o surową krytykę

Szablon w założeniach miał być prosty i przejrzysty, łatwo modyfikowalny i miał zawierać czysty XHTML i CSS.

Co do walidatora ( http://validator.w3.org/check?uri=http%3A%...utomatically%29 ) wszystko psuje reklama Republiki... w oryginalnej wersji tego nie będzie

Witam,

Mi osobiście przypadł do gustu ten szablon, nie jest przeciążony grafiką - jest prosty. Jest w nim coś co akurat mnie przyciąga


W 800x600 mi się nie mieści, w Operze podświetlanie linków wychodzi i najeżdża na treść, ale mimo tego jest dobrze. - Tylko czekać na treść.

Pozdrawiam!

Strona jest zrobiona tak, by na każdej rozdzielczości była ok - przy 800x600 strona dalej powinna być czytelna... Nie mam takiego monitora, więc to są tylko przypuszczenia...

Jeśli ktoś mógłby mi pokazać screena w rozdzielczości 800x600 byłbym wdzięczny...

Co do linków wchodzących na treść - jest to zamierzone. podświetlenie linków ma wchodzić 5px w głąb strony

Wkrótce wprowadzę dwie poprawki: napisy SLOGAN i KRÓTKIE OGŁOSZENIE... będą w HTMLu, a nie na obrazku, oraz dorobię obszar stopki

- niebieski 'cień' pod nazwą strony - tragiczny
- typografia leży, mam na myśli verdanę i czcionkę 'Krótkie ogłoszenie bądź link' do tego ten niebieski hiper wysoki pasek jest nudny, za wysoki, monotonny przykuwająccy uwagę.
- góra strony ma się nijak do dołu - biały wysoki pasek pustki a pod nim tekst i ten prostokąt symulujacy menu
- to 'menu' jest za szerokie do tego koszmarnie brzydko wisi
- jeśli chcesz koniecznie mieć super hiper XHTML mega to wiedz że do robienia menu słuzą listy <ul>
- pustka, brak stopki ot prosty XHTML do tego przeładowany divami
- stronę oglądam na 1280x1024, prawdziwym koszmarem musi być oglądanie tego na 800x600 lub 1024x768. Ten niebieski pasek z tymi napisami musi zajmować wtedy z pół ekranu
- choć te divy mimo że jest ich za dużo są logicznie w miarę poprawnie ułożone, to ich ID'y są kompletnie nie intuicyjne. id_1, id_2... oso chozi? XML to chyba jęzuk opisu danych...

cień miał za zadanie urozmaicić nazwę, wstawię tam jeszcze jakąś małą grafikę, szukam właśnie (wymyślam?) czegoś odpowiedniego...



Typografia leży?? Jak już napisałem czcionkę w 'Krótkie ogłoszenie bądź link' zmienię, natomiast nie wiem, co ci się nie podoba w Verdanie - jest to najpopularniejsza czcionka bezszeryfowa, podoba się 99% użytkownikom internetu, została specjalnie dla internetu zrobiona



Nie koniecznie - zastosowanie stylu CSS ('display:block;') nie jest niezalecane...




Są to divy automatycznie wygenerowane przez Adobe Photoshop, zmienianie nazewnictwa nie jest potrzebne...



Posiadam monitor 1024x768 - oglądanie strony wcale nie jest koszmarem

Pozdrawiam, Fipaj

Miałem na myśli łączenie verdany z tą drugą czcionką, choć o verdanie mam swoje zdanie - najlepiej sprawdza się w panelach administracyjnych,. Obecnie na topie są Georgia i Trebuchet



CSS Beauty, CSS Vault. 98,453% stron z tych katalogów ma menu oparte o listy ul, 100% z tych stron jest lepsze od Twojej, oni nie mogą się mylić!



Photoshop'em generujesz pliki xhtml? Gratulucje nie mam pytań.

Swoje opinie o tym szablonie wyraziłem, jest on nie trafiony, ale pracuj i oglądaj może się czegoś nauczysz.

Czy w twoich oczach to przekreśla mnie jako informatyka?? Znakomicie znam specyfikacje XHTML 1.0 i WD XHTML 2.0 - strony jednak, jak prawie każdy grafik-webmaster, tworzę w Photoshopie

Edit:
Stworzyłem nową wersję szablonu, do zobaczenia tu: http://www.republika.pl/w3c/a/

Poprawiłem te paski na górze, jeszcze rozmyślam nad jakąś stopką

Sam uzywam photoshopa do przygotowywania grafiki, natomiast nigdy nie pomyslałbym aby generować nim kod. Nie lepiej samemu wszystko wklepać? Tyle darmowych edytorów XML...

Doskonale, że znasz wszystkie specyfikacje na pamięć (choć w to nie wierzę, widząc ten kod), ale może warto by było jednak zastosować swoją wiedzę w praktyce? Mam na myśli ul oraz dziwne nazwy ID'ów

Dlaczego generuję kod Photoshopem??
Sklejanie odcięć zajmuje dużo czasu...

Nie myśl jednak, że cały kod pochodzi z Photoshopa - wiele musiałem zmienić...

Może jednak wrócimy do dyskusji o szablonie... Odchodzimy od tematu...

Ok, tekst pod nagłówkiem H1 powinien być wrzucony między znaczniki P, używanie <br /> słuzy do łamania tekstu a nie do oddzielania akapitów.

Natomiast style zamieszczone w dokumencie też nie są poprawne, powinny być w zewnętrznym pliku importowanym poprzez import

I czemu te obrazki są w kodzie ? Przecież to ozdoby które powinny być w stylu

O jakie obrazki ci chodzi??



Style zamieszczone w dokumencie, wg najnowszych specyfikacji, są POPRAWNE!!!
W ostatecznej wersji rzeczywiście będą importowane, ale jak na razie wygodniej jest trzymać je w kodzie...

O te wszystkie(no prawie) które widać :
http://openpb.net/work/dev/bela_666/images/a.png

Widać na Firefoksie strona się zupełnie... eeee... rozwaliła

Oto jak powinna wyglądać strona:
http://www.republika.pl/w3c/a.gif

PS. adres strony (nowej) to http://www.republika.pl/w3c/a/

Już powinno być OK

Nie, nie, ja wyłączyłem style. Bez styli powinien być jakiś h1 zamiast obrazka "tytuł strony" z resztą obrazków to samo. I widać też czemu należy używać list do linków.

No, tu masz rację... Nie przewidziałem takiej sytuacji...

Muszę też zmienić kolejność: najpierw menu, potem treść (używam pozycjonowania)

Postaram się to poprawić...

I jeszcze raz moje pytanie: jakiego OSa używasz??

Nie, nie ;] Najpierw treść, potem reszta ;]
I czemu wszędzie jest position: absolute

Używam Windowsa XP ;]

Może to jest proste, ale bez przesady z tą prostotą. Zbyt puste w nagłówku oraz po lewej stronie, a jeśli chodzi o treść, to nie ma tam żadnej tabelki i nieładnie to wygląda

[OT]
Zróbmy battle na stworzenie designu do 15 kB z jakimiś wyznaczonymi elementami plus max. 5 kB grafy - nie testujemy oczywiście pod IE bo w tym czymś hover dla komorek nie dziala
[/OT]

@NuLL jestem za, ale OT robi. Może jakiś temacik...

Szablon designu może byc prosty, lekki, a zarazem nie razić infantylnością.
Ja co prawda grafikiem nie jestem, ale jako przykałd takiego bardzo prostego, a zarazem bardzo ciekawego designu uważam np. stronę naszego szanownego kolegi, Setha - http://www.binarychoice.pl/archives.php

W sumie założnie jest niemal identyczne.
logo + Menu + tekst

Jednak różnice są kolosalne.
1. ciekawy, aczkolwiek delikatny gradient w tle
2. dobrze dobrane fonty, kolory i wielkości czcionek
3. delikatne logo, nie wygladające jednak na zrobione w paincie.

Ogólnie mówiąc - to co pokazałeś - jest mocno zaskakujące.
Szczególnie, jeśli dodane zostało, że było to robione w PhotoShopie.
Bo, ja się zapytowywuję, co tu podchodzi pod miano grafiki, do której potrzebny był program do robienia grafik...
W końcu widzimy tu tylko
1. dziwny napis z poświatą (no - do tego chyba potrzebny jest jakiś program graficzny, choć ponoć w css też jest to wykonalne0
2. trzy bloki, które prawie kady potrafiłby zapisać przy pomocy jednej tabeli.
Tu co prawda są Div, ale zasada pozostaje ta sama.


Meritum?
Nie ma co oceniać. Zachęcam do powrotu do Painta - ups. przepraszam - do PhotoShopa, i zaskoczyć nas czymś, co wymagało więcej, niż 10 minut pracy.

Zrobiłem nowy szablon, dwie poprawki. Już myślę nad poprawą grafiki

Tylko mam jeszcze pytanie: jak dać styl do Selekta?? Nie da się

Oto adres http://www.republika.pl/w3c/ab/

Da się dodać, nie pamiętam konkretnie ale w stylach definiuję się chyba mniej wiecej tak:

[XML] pobierz, plaintext 
cos.input{
 
}
cos.select{
 
}
[XML] pobierz, plaintext 

albo to pierwsze, albo drugie powinno działać, dodajesz poprzez CLASS="cos".

Pozdrawiam!

BTW.

Gdyby nie ten select u góry było by ok.

Właśnie chcę zmienić wygląd tego selekta, ale się nie daje

Wejdź w kod źródłowy i zobacz, Scarface: mam tak zdefiniowany styl i nic...

A dzieki, dzieki


Co do obecnego tu layoutu to w sumie mialem sie nie wypowiadac ale troche dziwi mnie reakcja autora na uwagi.

Fipaj wg. mnie to co pokazales rownie dobrze mogla by zrobic osoba, ktora pierwszy raz ma doczynienia z HTMLem. Fakt jest to zrobione w XHTMLu ale laik nie bedzie ocenial kodu zrodlowego strony tylko to co widzi... a co widzi raczej nie nastraja optymistcznie... porpostu slabe i to nawet nie wiem czy to dobre okreslenie... strona jest kompletnie nijaka.

Dla mnie -1/10

Cóż... prosiłem o surową krytykę

Będzie kilka zmian, a przede wszystkim: więcej grafiki w topie;
stopka;
zmiana paska z Ogłoszeniem i Sloganem...

Już się wziąłem za nową wersję

Mnie sie podoba, i t bardzo fajny pomusł z tym menu, prawie nie ma grafiki, nie jest efekciarska (czego nie cierpie) tylko ma po prostu spełniac role prostej stroki dla prostego, szarego urzytkownika sieci, ktory zaoraggnie miec swoja stronke Dla mnie cool

Proponuje abyś zrobił wszystko od nowa... Mam pytanie to jest jakaś zbierzność nazw czy to może stąd był zaczerpnięty kod, albo czegoś nie wiem? Podam link -> http://webdesign.about.com/od/csslayouts/l...oltoplayerx.htm. Dokładniej o wyrazy: "Lorem Ipsum" hmm...

A tak BTW. to trafiłem tą stronkę całkiem niedawno(20 minut temu) i muszę powiedzieć, że na początki można się czegoś dowiedzieć.

Pozdrawiam i sorki za mały OT.

@scarface: http://www.lipsum.com/

Aaa.... Tak więc zwracam honor, przepraszam i dziękuje za linka. Swoją drogą pierwszy raz się z tym spotkałem, a ja jak głupi wcześniej wklepywałem wymyślone kombinacje wyrazów

Pozdrawiam jeszcze raz.

Od zawsze korzystam z generatora www.lipsum.com

Tak OT bardzo przydatne narzędzie