http://hanzelundgretyl.ovh.org/
Hanzel Und Gretyl - Pierwsza polska strona fanów zespołu

prosze o ocene w skali 1/10

oraz propozycje zmian

2/10 bo
- straszny standard
- wiem że miało być mrocznie ale czarne tło i czerwony link = nic q... nie widzę
- zdjęcia po prostu są i nic więcej ?
- generalnie pusto na tej stronie i chyba każdy ew. fan kapeli to wszystko już wie i widział

zaczynamy od 10 i:
+1 za validator (choć na transitional można byłoby się skarżyć)
-1 za kilka spraw związanych z usability
-1 za kilka spraw wyglądowych
-1 za css wewnątrz strony
-1 za nieciekawe linki u góry - nie można kliknąć na cały "button" a konkretnie na link. Skoro jest podświetlenie na całość, jest to wkurzające.
-1 za JS
-1 za czytelność i kontrast "b/cz" (a w zasadzie szare) zamiast cz/b
-1 za align="right"
-1 za kodowanie(głównie chodzi o błędy w kodowaniu i użycie &#xxx;, bo ISO jeszcze ujdzie - preferowałbym UTF)

3/10, większość rzeczy jest dość łatwe do poprawy, więc się nie przejmuj

PS. Oceniam kod, a nie samą stronę

javascript jest od galerii
co jest zlego w cssie wewnatrz strony ?

No to o ile jest taka możliwość, zrób wczytywanie JS tylko w dziale galeria.

A CSS nie powinien być wewnątrz HTML'a. Dlaczego? Po pierwsze: Gdybyś chciał jeszcze coś zmienić to co? Masz utrudnione zadanie. Po drugie: Przeglądarka zwykle cache'uje CSS'a, żeby go nie wczytywać kilkakrotnie. W ten sposób cachowanie nie jest możliwe - marnujesz transfer, a strona dłużej się wczytuje.

jesli cala tresc jest w includzie wewnatrz jednego diva to chyba nie ?
popraw mnie jesli nie mam racji

Jakto wewnątrz div'a? CSS wewnątrz div'a? Nie rozumiem. Oddzielny plik jest wskazany

chodzilo mi o to

ze cala tresc www jest w jednym divie
i wymienia sie na zasadzie includa

stopka menu top i cala reszta jest stala

no ale jakie to ma znaczenie?

Include jest na poziomie serwera, więc strona zmienia się cała. Tak więc mylisz się.

Dlaczego minus za align="right". Czyżbym przespał coś? Wystraszyłem się bo używam tego. Czy to przestarzałe?

czcionka jest do bani - nie czytelna i zbyt cienka. Strona przygnębia - jak bardzo ciemny i mroczny jest to zespół to ta strona przypomina bardziej jakiś chór pogrzebowy
2/10

Jeśli używasz Transitionala to nie. Ale wypadałoby nawet w Transitional nie używać tego (ja robiłem tak, kiedy nie umiałem napisać strony w Strict - po prostu eliminowałem jak najwięcej przestarzałych elementów, a kiedy zaczaiłem to zmieniłem doctype).




~Koderr - zmień doctype na HTML 4.1 Transitional. Zobacz to: http://pornel.net/xhtml

zmieniłem doctype i mam całą masę błedów typu


<jakis tag />


i musiałbym całe meta , obrazki i inne pierdoły poprawiać
jest jakiś sens takiego działania ?

jest.
popraw i zmien doctype na xhtml 1.0 transitional

HTML 4.1 Transitional

czy xhtml ?

bo powoli nie wiem co mam ustawic

@radex_p dalej zwany ZŁOMEX-em.


ZŁOMEX zanim zaczniesz oceniać innych, popatrz na swoje podwórko.
A twoje texty to powalają
"Jeśli używasz Transitionala to nie. Ale wypadałoby nawet w Transitional nie używać tego (ja robiłem tak, kiedy nie umiałem napisać strony w Strict - po prostu eliminowałem jak najwięcej przestarzałych elementów, a kiedy zaczaiłem to zmieniłem doctype).


Radex's homepage - to nie zły gniot, chodzi wolniej niz nasza-klasa.


No ręce odpadają, pofatygowałem sie i zobaczyłem twój comporessor CSS.

Przykład"

[HTML] pobierz, plaintext 
body{
    background-color:black;
    }
 
h1{
    font-size: 14pt;
    font-family:serif;
    color:red;
    font-style:Times;
    text-align:left;
  }
 
h2{
  font-size: 12pt;
  font-family:sans-serif;
  color:red;
  text-align:center;
}
[HTML] pobierz, plaintext 

Po kompresji :

[HTML] pobierz, plaintext 
body{background-color:black}h1{font-size:14pt;font-family:serif;color:red;font-style:Times;text-align:left}h2{font-size:12pt;font-family:sans-serif;color:red;text-align:center}
[HTML] pobierz, plaintext 

No bez jaj ... , co za kompresor , cud techniki .... , dwie komendy php-owe, pozatym taki "skompresowany kod' jest baaaaaaaardzo czytelny

I jeszcze pewnie powiesz ze kompresja css wpływa zancznie wzrost na wydajności systemu , hahhahahah.

Trzeba posłac css kompresor chłopakom od nasza-klasa.pl , może w tym tkwi problem jej wolnego działania ;:D:Dhahah

Moja ocena:
-10000 - za amatorszczyzne

Ufffff

Właśnie takie pomysły są przyszłością i pociągiem! Sprawdź sobie ile zajmuje plik po takiej "kompresji". Nie jest to dużo, ale zawsze jest. Nie wszyscy od początku piszą biegle w C++ i pascalu. Do wszystkiego się dochodzi, a moim zdaniem taką aktywność możemy tylko pochwalać. Bo ktoś coś robi dla innych. Kto wie, może z tego prostego kompresora kiedyś wyrośnie zaawansowany i najlepszy na świecie kompresor do plików. Nikt nie wie jak to się skończy. Pozdrawiam

Poznajesz

To style z twojej super stronki , http://radex.i15.eu/index.php/about-cms.

ZŁomex a czemu to Ty nie uzywasz swojego super kompresora ? co ?

[HTML] pobierz, plaintext 
body{
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #E7EADB url(bg.png);
	margin:0;
	padding:0;
}
 
 
h4{
	margin: 0 0 0 30px;
	font-size: 10pt;
	color: #8CA81E;
	padding: 2px;
	font-weight: bold;
	text-shadow: 1px 2px 9px #CCC,-1px -2px 4px #BBB;
}
 
#container{
    border: 2px solid #9CB82E;
	margin: 30px auto;
	background-color: #EAF0D5;
	text-align: left;
	width: 950px;
}
 
 
 
.u{
	text-decoration: underline;	
	font-style:normal;
}
 
 
 
/***************** Info boxy *********************/
 
.box-green, .box-information, .box-warning, .box-error{
	float:right;	
	width:35%;
	height:130px;
	border: 2px solid #9CB82E;
	background-color: #D1E974;
}
.box-information{
	border: 2px solid #54AEC5;
	background-color: #8DD9ED;
}
.box-warning{
	border: 2px solid #FFCD54;
	background-color: #FFF88D;
}
.box-error{
	border: 2px solid #D0432B;
	background-color: #F2CBC4;
}
.box-green h4, .box-information h4, .box-warning h4, .box-error h4{
	color: #000;
	text-align:center;
	font-weight:bold;	
	margin:0;
	border-bottom: 2px solid #9CB82E;
	background-color: #9CB82E;
	text-shadow: 1px 2px 9px #FFF,-1px -2px 4px #EEE;
}
.box-information h4{
	border-bottom: 2px solid #54AEC5;
	background: #54AEC5 url('../../../files/icons/info.png') no-repeat 5px center;
}
.box-warning h4{
	border-bottom: 2px solid #FFCD54;
	background: #FFCD54 url('../../../files/icons/warning.png') no-repeat 5px center;
}
.box-error h4{
	border-bottom: 2px solid #D0432B;
	background: #D0432B url('../../../files/icons/error.png') no-repeat 5px center;
}
.box-green p, .box-information p, .box-warning p, .box-error p{
	padding: 4px;	
	margin:0;
}
 
/***************** HEADER *********************/
 
#header, h1 {
    font-size: 22pt;
	background-color: #DBEEA2;
    margin: 0;
    padding: 0;
	font-weight: bold;
}
#header{
	background-image: url('header3.jpg');
}
h1{
    background-color: transparent;
	padding: 20px;
	/*text-shadow: 3px 2px #9CB82E, 1px 1px #DCF84E;*/
	text-shadow: 1px 1px 30px #FFF,1px 1px 10px #FFF;
}
#headbar{
    padding: 10px;
    background: #C1D964;
    opacity: 0.70;
}
#headloginbox{
    float:right;
    color:#fff;
    margin: 5px;
}
#headloginbox input{
    opacity: 0.70;
    background-color: #DBEEA2;
    text-align: center;
}
#headloginbox label{
    font-size: 10pt;
    display: inline;
}
#header{
	height: 150px;
}
/***************** LINKI POD MENU *********************/
#topmenu {
	font-size: 12px;
	background-color: #D9E89B;
	margin:0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	border-top: 1px solid #D0E386;
}
#topmenu a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#topmenu a:visited {
	color: #460;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#topmenu a:hover {
	color: #6A0;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#topmenu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topmenu ul li {
	display: inline;
	list-style-type: none;
	margin: 2px 5px 2px 5px;
	padding-right: 12px;
	border-right: 1px solid #B0C366;
}
#topmenu ul li.lasttm{
    border:0
}
 
/***************** MENU GLOWNE *********************/
#mainmenu {
	width: 150px;
	overflow: hidden;
	float: left;
}
.mainmenu_header {
    font-size: 12pt;
	color: #000;
	background-color: #C1D964;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	font-weight: bold;
	border-top: 2px solid #9CB82E;
	text-shadow: 1px 2px 9px #FFF,-1px -2px 4px #EEE;
}
.mainmenu_content {
    text-align:center;
	font-size: 10pt;
	line-height: 115%;
	color: #000;
	background-color: #EAF0D5;
	padding: 5px 10px 15px 10px;
 
}
.mainmenu_content a{
    text-align:left;
	color: #080;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	padding:0;
	line-height:130%;
}
.mainmenu_content a:visited {
	color: #060;
}
.mainmenu_content a:hover {
	color: #FFF;
	background-color: #080;
	text-decoration: none;
	border: 0;
	font-weight: normal;
	font-style: normal;
}
 
.mainmenu_content ul{
	text-align:left;
	margin:0;
	padding:0;
}
.mainmenu_content ul li {
	list-style-type: none;
}
 
/***************** TRESC *********************/
 
#contentblock {
	width: 797px;
	overflow: hidden;
	float: left;
	border-left: 3px solid #9CB82E;
    min-height:600px;
    background: #FFF;
}
.pdbl {
	font-size: 12px;
	padding: 10px 10px 30px 10px;
}
 
.pdbl ul{
	list-style-type: square;
}
.pdbl ol, .pdbl ul{
	margin-left: 30px;
}
 
#contentblock a{
	color: #9CB82E;
	/*border-bottom: 1px dotted #9CB82E;*/
	border-bottom: 1px solid #d9e89b;
	text-decoration:none;
}
#contentblock a:visited{
	color: #9BA03D;
	border-bottom: 1px solid #d9d8ab;
}
#contentblock a:hover{
	color: #FFF;
	background-color: #9CB82E;
	border:0;
}
#contentblock a:hover:visited{
	background-color: #9BA03D;
	border:0;
}
 
/***************** STOPKA *********************/
#footer{
	font-size: 10px;
	background-color: #C1D964;
	padding: 2px 0;
	text-align: center;
	clear: both;
	border-top: 3px solid #9CB82E;
}
#footer a{
	color: #819924;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover{
	color: #000;
}
/***************** KOMENTARZE *****************/
 
.cb1, .cb2, .cba{ /* Poszczególne bloki komentów */
   margin-left:10px;
   margin-right:10px;
   border-bottom: 1px solid #9CB82E;
   min-height: 70px;
}
.cb1{
   background-color: #EAF0D5;
}
.cb2{
   background-color: #F2F7E6;
}
/*
.cb1 strong, .cb2 strong, .cba strong{ /* Tytuł komentarza *//*
   display:block;
   text-align:center;
   color: #9CB82E;
   font-weight: bold;
}
.cb1 blockquote strong,
.cb2 blockquote strong, /* chodzi tylko o tytul... *//*
.cba blockquote strong{
   display:inline;
   color: #000;
}*/
.cb1 blockquote,
.cb2 blockquote, /* blok tekstu */
.cba blockquote{
   margin: 0;
   margin: 10px;
}
.cbinfo em{ /* numer ID */
   color: #8CA81E;
   font-size: 2em;
   float: right;
   vertical-align:middle;
   padding-right: 10px;
}
.cb1 p, .cb2 p, .cba p{ /* Zmiejszenie wciecia */
   text-indent: 5mm;
}
.cbinfo{ /* Infoblok */
   font-size: 0.9em;
   float: right;
   width: 160px;
   padding-left: 10px;
   border-left: 1px solid #9CB82E;
}
.cbinfo .date{ /* data publikacji */
   color: #6C8800;
   font-style: italic;
   display: block;
   font-size: 10px;
}
 
.cbinfo cite{ /* autor komenta */
   color: #8CA81E;
   font-style: normal;
   font-weight: bold;
   font-size: 15px;
   display: block;
}
 
/***************** FORMULARZE *****************/
 
input, textarea{
    background: #FAFAFA;
    border: 1px solid #ACD83E;
    padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
 
input:focus, textarea:focus{
	background: #fff;
	border: 1px solid #9CB82E;
}
 
fieldset{
    border: 2px solid #9CB82E;
}
legend{
    background-color: #9CB82E;
    color: #FFF;
    font-size: 1.4em;
    padding: 2px 30px;
    margin-left: 20px;
    text-shadow: 1px 2px 9px #FFF,-1px -2px 4px #EEE;
}
.iboxsbar{
    float: left;
    width: 150px;
    border-right: 2px solid #9CB82E;
    text-align: center;
}
.iboxcnt{
    margin-left: 150px;
    padding: 5px;
}
label{
    font-size: 0.9em;
    display:block;
    cursor:hand;
	font-weight:bold;
}
 
/***************** TABELE *****************/
 
td{
    border: 1px solid #F4F6F0;
    background-color: #FDFFF9;
}
 
th{
    background-color: #F9FFEA;
    border: 1px solid #D4D6D0;
    font-weight: bold;
    text-align: center;
}
th[scope=row]{
    background-color: #FDFFF9;
    border: 1px solid #E4E6E0;
    font-weight: bold;
    text-align: center;
 
}
 
/***************** Bajery systemu newsów *****************/
 
.post-cat{
	background:url('../../../files/icons/tag.png') no-repeat left center;
	float:left;
	padding:5px;
	padding-left:20px;
}
.post-readmore{
	background:url('../../../files/icons/readmore.png') no-repeat left center;
	float:right;
	padding:5px;
	padding-left:20px;
}
 
.ndbl{
	background-color:#9CB82E;
  	padding:3px;
  	margin:3px;
  	margin-top:20px;
  	width:35px;
  	text-align:center;
  	color:#D9E89B;
  	line-height:80%;
  	float:left;
}
.ndd{
	font-size:1.5em;
	color: #FFF;
	margin: 5px;
  	font-weight:bold;
}
 
a.news_comms{
	border:0 !important;
	float:right;
	font-size:0.85em;
	margin-right:50px;
	background:url('comm_l.png') no-repeat 0 0;
	clear:right;
	padding-left: 15px;
}
 
a.news_comms:hover{
	border:0 !important;
	background-image:url('commh_l.png');
	color:#FFF;
}
 
a.news_comms:hover span{
	background-image:url('commh_r.png');
}
 
a.news_comms span{
	display:block;
	height:16px;
	padding:4px 5px;
	background:url('comm-r.png') no-repeat 100% 0;
}
[HTML] pobierz, plaintext 

BRAWO za bajery systemu NEWSÓW :D:D:D:D

Ja cie i co Ci z tego, co?! Lepiej zastanów się jak ty piszesz swoje skrypty. Nie twierdzę, że mogą być złe ale takie zachowanie wobec drugiego webmastera jest moim zdaniem niedopuszczalne, a przynajmniej bardzo nieładne. Wyśmiewanie i obrażanie drugiej osoby za sposób pisania skryptów to kompletna bzdura. Pamiętaj, że bumerang zawsze wraca i żeby i Ciebie kiedyś tak nie wyśmiali za twoje skypty.

Pozdrawiam serdecznie!

Proszę [b]oceniać stronę wskazaną w pierwszym poście. Osobiste wycieczki na PW.[/b]


--edit
@itsme - sorki, że Ci wjechałem w Twój raport - nie zauważyłem, że przejąłeś.

@Kildyt
Wyśmiewanie i obrażanie drugiej osoby za sposób pisania skryptów to kompletna bzdura.

Jeżeli złomex ma w sobie za mało samokrytki , to mozna a nawet trzeba piętnować takich psudo-programistów który doradzaja innym pseudo-programistom.... i w rezultacie wyżej wymienie będą tworzyć psudo-społeczność , pseudo-programistów, lub kółko wzajemej adoracji.

Po drugie jesteśmy w dziale ocen i skoro radex_p dalej zawny Złomexem, z taką pieczołowością
ocennia innych , do tego zostawia odnośniki do swojej strony , to dlaczego nie mam/mamy ocenic jego wątpliwej jakości twórczości.

Po za tym @Kildyt jestes jego jakąś panienką,? Złomex był taaaaaaki wygadany a teraz milczyy , może dopadła go chwila refleksji.


Pozdrawiam , peace

no comment.

Jak taki mądry to pochwal się swoim dziełem, hmmm

A jak chcesz oceniać moją "wątpliwą twórczość" to zapraszam tutaj, panie ZŁOMEX

Ciężko pojąć, że lamerstwo roi się nawet na forach programistycznych

Pozdrawiam.

@Złomex
Ciężko pojąć, że lamerstwo roi się nawet na forach programistycznych

Świetnie zacharakteryzowałaś swoje umiejętności, i swoją rolę na forum.

Odwiedziłem link, tylko nie wiem do czego miało mnie to przekonać..., raczej potwierdziło regułe,

jeszcze raz amatorszczyzna, twoja praca nie wnosi jeszcze nic nowego , ciekwego.

Powinieneś się zastanowić nad tym co robisz, i mieć w sobie więcej samokrytki. I nie robic wielkiego WOW

ze swojego super Compresora , i swojej strony , naprawdę nie ma czym się fascynować. Może to dobre na kolegów z

gimnazium ale nie na profesjonalne forum.