Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [www] Pan zegarmistrz
Forum PHP.pl > Inne > Oceny
owi
Po ostatniej wymianie zdan dotyczącej firmy consultingowej postanowilem ze przy moim nowym projekcie poloze wiekszy nacisk na semantykę kodu. W tej wersji na pewno divy zostaly ograniczone praktycznie do niezbędnego minimum.

Prosilbym o ocenę programowania raczej niż designu. Design tej strony choć moim zdaniem poprawny nie przypadł mi do gustu.

Na stronie głownej uzylem tabeli. Chcialbym uprzedzić wszelkie napaści - dla mnie to jest tabela. Jest to moj swiadomy wybór a nie pojscie na latwizne.


http://owi.piasta.pl/swiss


Nie jest to jeszcze finalna wersja strony.

edit : zmiana linku
Kildyt
Nie działają Ci polskie znaki? Niektórych to denerwuje.

"Enter website" to jak dla mnie beznadziejny pomysł. Skoro jakoś dostałem się na stronę to już chcę ją zobaczyć, a nie potwierdzać swoje działanie. To tak jak w viście (wioo biggrin.gif ). Nie chcę potwierdzać każdej mojej decyzji.

Kod
alt=""
co to jest?! Równie dobrze mógłbyś to wywalić. Nie chwal się znaczkiem poprawnej walidacji jeżeli kod jest bezsensowny i jakby "na siłę" przystosowany do standardów. Przyznaję, że i moje strony się nie walidują, ale po woli przyzwyczajam się do standardów.

Kod
<h1><a href="index.php"><img src="images/logo.jpg" alt="" /></a></h1>
a to co? Nagłówek nie może być obrazkiem. To zaprzecza jego przeznaczeniu. Poza tym w tej sytuacji jest on bezużyteczny.

Kod
</li><li>
radziłbym każdą nową pozycję przenosić do nowej linii, ale to już moja własna zachcianka (przyzwyczajenie winksmiley.jpg ).

Gdzieniegdzie przydał by się tytuł dla linków, aby dowiedzieć się co oznacza link.

Kod
<h2><img src="images/welcometoourwebsite.jpg" alt="" /></h2>
Komentarz jak wyżej. Bezsensowne wtykanie słonia do butelki.

Tak samo jak Tobie, mi design do gustu nie przydał.


Pozdrawiam! smile.gif
owi
1.co do hx nagłówków i obrazków posiłkowałem się tym tekstem
http://csscreator.com/?q=divitis

2.Do altów nie dostałem tekstów jeszcze.

3.Intro to wymysł klienta winksmiley.jpg Dla mnie mija sie ono z celem w takiej stornie i w takiej formie w jakiej to intro występuje.

4. Co do <li> i nowej linii - biale znaki i ich wplyw na odstepy.
http://kurs.browsehappy.pl/Bugi/Listy
Ociu
Proszę dodać tag do tematu.
owi
dodane..


Co do tego logo rozwazalem tez opcje wstawienia obrazka jako tla w css, zas w tagach umiescic tekst wyswietlany na 1% w kolorze zblizonym do koloru obrazka lub tez tekst jako text-indent:-9999px;

Tak po przemysleniu mysle ze dobrze mowisz o tym ze heading nie jest przydatny dla screen readerów itp (aczkolwiek jest to nadal heading i uzycie tagów h1,h2 uwazam za stosowne - moim zdaniem), wiec dodam do headingów tez tekst tak aby było cos tam oprócz obrazka.

prosilbym o inne opinie winksmiley.jpg teeeeez
JoShiMa
Cytat(owi @ 29.10.2008, 00:35:44 ) *
Na stronie głownej uzylem tabeli. Chcialbym uprzedzić wszelkie napaści - dla mnie to jest tabela. Jest to moj swiadomy wybór a nie pojscie na latwizne.

To jednak (w moim przekonaniu) jest pójściem na łatwiznę smile.gif

Cytat(owi)
aczkolwiek jest to nadal heading i uzycie tagów h1,h2 uwazam za stosowne - moim zdaniem

I masz rację, ale to się robi inaczej. Na przykład stosując w <hx/> treść ale ostylowując je jako display: none W przeciwnym razie to znaczy jeśli w <hx/> jest wyłącznie obrazek to nijak się ma z ideą tego znacznika.
owi
Jakbym poszedł na łatwiznę to mógłbym przecież zrobić tak samo galerię, która przeciez jest zrobiona za pomocą <dd> <dt>. Mogłem to też zbudować kombinujac z UL li. Dla mnie to jest tabela i dlatego wstawilem to w table.

Zreszta znowu sie zacznie o tym co to jest tabela, a co nie. Taka dyskusja o wyzszosci Wielkiej Nocy nad Bozym Narodzeniem

Cytat(JoShiMa @ 29.10.2008, 17:54:37 ) *
I masz rację, ale to się robi inaczej. Na przykład stosując w <hx/> treść ale ostylowując je jako display: none W przeciwnym razie to znaczy jeśli w <hx/> jest wyłącznie obrazek to nijak się ma z ideą tego znacznika.


i wlasnie tak zrobię, znow sie tylko obawiam ze się troszke klas narobi z tego względu. no ale cos za cos winksmiley.jpg

edit: Strona poprawiona zgodnie z powyzszymi sugestiami (alty i headingi). mam tylko problem z wyswietleniem h1 w operze...
AjaxSrajax
Hej,

Cytat
I masz rację, ale to się robi inaczej. Na przykład stosując w <hx/> treść ale ostylowując je jako display: none W przeciwnym razie to znaczy jeśli w <hx/> jest wyłącznie obrazek to nijak się ma z ideą tego znacznika.


No chyba, że jest atrybut alt, on wtedy zmienia rzeczy postać winksmiley.jpg

Cytat(Killdyt)
Kod
alt=""

co to jest?! Równie dobrze mógłbyś to wywalić. Nie chwal się znaczkiem poprawnej walidacji jeżeli kod jest bezsensowny i jakby "na siłę" przystosowany do standardów. Przyznaję, że i moje strony się nie walidują, ale po woli przyzwyczajam się do standardów.


Nie mógłby bo w XHTML obrazek musi mieć alt i te puste też mają swoje uzasadnienie. Nie zapominaj, że to jednak strona internetowa, a nie dokument tekstowy, albo sama struktura danych.

Ode mnie jeszcze tylko:

-Po h2 stosujemy h3, a nie h4

Kod
<div class="clear"></div>
- to jest zupełnie asemantyczne

Tabela na stronie głównej? Dla mnie to nie jest tabela. Jest pewna różnica między tabelą, a listą definicji albo strukturą header-content. Np. cennik jest tabelą, a tutorial listą definicji, typu:

Kod
<dt>Zakładanie bazy danych</dt><dd><opis czynności></dd>


Lista definicji w galerii, też poracha, psujesz mój ulubiony znacznik dl winksmiley.jpg Niby jest ok, ale termin definicji typu: foto1 jest bez sensu z ludzkiego punktu widzenia. Gdyby zwał się np. `baba na rowerze` było by już lepiej. Ja bym tam widział zwykłą listę ul.

Pewnie znalazło by się jeszcze parę błędów, ale sam musisz je obczaić a jesteś na dobrej drodze, bo w porównaniu z poprzednim projektem kod jest o niebo lepszy.

nara
owi
Cytat(AjaxSrajax @ 29.10.2008, 19:58:18 ) *
No chyba, że jest atrybut alt, on wtedy zmienia rzeczy postać winksmiley.jpg

no wlasnie czy moge wstawic img a w jego tekscie alt - czy to tez bedzie wtedy dobre?

Cytat(AjaxSrajax @ 29.10.2008, 19:58:18 ) *
-Po h2 stosujemy h3, a nie h4

jest jeden h3 tongue.gif

Cytat(AjaxSrajax @ 29.10.2008, 19:58:18 ) *
Kod
<div class="clear"></div>
- to jest zupełnie asemantyczne

tutaj w necie jest spór w stosowaniu tego a innych rozwiazan (hr, haslayout itp). Wybralem diva

Cytat(AjaxSrajax @ 29.10.2008, 19:58:18 ) *
Tabela na stronie głównej? Dla mnie to nie jest tabela. Jest pewna różnica między tabelą, a listą definicji albo strukturą header-content.

naprawde w necie jest duzo klotni na ten temat co kto uwaza za tabele a kto nie. Dlatego pominmy ten temat po prostu.

Cytat(AjaxSrajax @ 29.10.2008, 19:58:18 ) *
Lista definicji w galerii, też poracha, psujesz mój ulubiony znacznik dl winksmiley.jpg Niby jest ok, ale termin definicji typu: foto1 jest bez sensu z ludzkiego punktu widzenia. Gdyby zwał się np. `baba na rowerze` było by już lepiej. Ja bym tam widział zwykłą listę ul.

Dt dl - nawet na tym szanownym forum jest polecany jako znacznik do semantycznej galerii...
Co do nazw - strona jest wypelniona tzw "dummy content" - to juz klient bedzie sobie wypelniac. Takze dlatego jest to otagowane jako photo1 poniewaz ja w zasadzie nie wiem co tam bedzie, a tymbardziej nie mam pojecia co to za zegarek.
I dlaczegoooo go psuję? Teoretycznie jest to tak samo lista definicji jak i lista nienumerowana winksmiley.jpg

Cytat(AjaxSrajax @ 29.10.2008, 19:58:18 ) *
Pewnie znalazło by się jeszcze parę błędów, ale sam musisz je obczaić a jesteś na dobrej drodze, bo w porównaniu z poprzednim projektem kod jest o niebo lepszy.

Dzieki

Cytat(owi @ 29.10.2008, 19:04:11 ) *
Mam tylko problem z wyswietleniem h1 w operze...


Ma ktos pomysl ?
AjaxSrajax
Moim zdaniem będzie dobre. Tak ma w3c ;p www.w3.org, proponuję zajrzeć w kod.
Na jakiejś podstronie napewno nie ma h3 sprawdzałem przez find raczej ;p
div class=clear jest napewno złe i tyle. Poza tym niczemu nie służy. Margin, padding i clear dla pierwszego blokowego po float załatwiają wszelkie problemy. Czasem jeszcze position.
Co do tabeli to faktycznie nie jest ona czymś istotnym moim zdaniem tutaj. Może być w sumie ;p
Lista definicji i jej termin to ważna rzecz, ale galeria sama w sobie jest niesemantyczna więc też może być. Zależy czy chcesz pisać ładny kod czy śliczny, to już sztuka dla sztuki moim, więc też olać to winksmiley.jpg

pwdz
owi
aha no to czyli dobrze. Wrzuce se w logo img i nie bede mial problemu ze mi cos w operze lata.

Co do h3 - jest jeden znacznik i to na glownej ;d

Ciesze sie zesmy doszli do porozumienia winksmiley.jpg
AjaxSrajax
h3 nie ma w services.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.