[www] Pan zegarmistrz Opcje

[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

Ten post edytował owi 29.10.2008, 15:27:02

[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 ). 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 ).

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!

[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 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

Ten post edytował owi 29.10.2008, 15:26:22

[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 teeeeez

Ten post edytował owi 29.10.2008, 15:46:38

[JoShiMa]

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ę

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.

Ten post edytował JoShiMa 29.10.2008, 17:57:08

[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

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

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

Ten post edytował owi 29.10.2008, 18:03:46

[AjaxSrajax]

Hej,

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ć

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 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]

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

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

-Po h2 stosujemy h3, a nie h4

jest jeden h3

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

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.

Lista definicji w galerii, też poracha, psujesz mój ulubiony znacznik dl 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

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

Mam tylko problem z wyswietleniem h1 w operze...

Ma ktos pomysl ?

Ten post edytował owi 29.10.2008, 20:19:52

[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

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

[AjaxSrajax]

h3 nie ma w services.