Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Początki.....
Forum PHP.pl > Inne > Oceny
luki100011
Dwie strony do ocenki:

http://www.statusy.tomapol.pl
http://www.mobeloase.pl/



Może jakieś sugestie do poprawek nanosoznych na stronę - testowa wersja w linku:
http://www.mobeloase.pl/test/
kriqs
hmmm nie wiem jakos tak brzydko....
te stronki wygladaja jak zywcem robione w wordzie smile.gif.

troszke musisz sie wiecej postarac przegladnij good-tutorials.com ja tam zawsze znajduje inspiracje smile.gif
s_w_ir
Strony ogólnie nie zachęcają...
Złe w Kodzie: Tabelkowy układ, brak doctype, strona się nie validuje.
Masz jakieś zalążki wiedzy o CSSie ale to jeszcze nie to.
Wyłącz grafiki i zobacz jakie "czytelne" robi się menu na SATUSIKI. Zabezpiecz to.
Reszte dopowiedzą inni, co ja będe wyczerpywał temat tongue.gif
luke22
Cytat(luki100011 @ 11.10.2006, 11:49:30 ) *

dasz rade rob dobrze teraz a owoce za to bede puzniej ,fajniw by to wygladalo jak bys ajax dolaczyl noo i zabezpiecz
ano
Cytat(luke22 @ 14.10.2006, 05:27:16 ) *
dasz rade rob dobrze teraz a owoce za to bede puzniej ,fajniw by to wygladalo jak bys ajax dolaczyl noo i zabezpiecz

Ktoś chyba sobie robi żarty? rolleyes.gif
Ajax? Po co?

Radzę najpierw pożądnie popracować nad layoutem... Podstawa: oglądaj dużo dobrych stron w sieci (np na towar.org/webesteem.pl), zobacz jak się projektuje. Narazie to bida z nędzą winksmiley.jpg
nasty
Cytat
np na towar.org/webesteem.pl), zobacz jak się projektuje

No tu ci nie wyszly te przyklade bo sa kiepskie winksmiley.jpg
Balas
Same strony sie niezbyt prezentuja, ale zawieraja odnosniki to naprawde ciekawych winksmiley.jpg (przynajmniej webesteem.pl, bo go przegladalem dawniej tongue.gif)
ano
Cytat(nasty_psycho @ 14.10.2006, 20:13:08 ) *
No tu ci nie wyszly te przyklade bo sa kiepskie winksmiley.jpg


A czy wogóle je przeglądałeś? Pierwsza lepsza strona z:
towar.org > http://www.ndesign-studio.com/ ,
//w.pl > http://piwoharnas.pl/
kiepskie? Nie sądze..
luki100011
Ok.


Dziękuję za rady i opinie.

Postaram się doszkolić w kilku tematach. czy mógłby ktoś na Priva wyjaśnić o co chodzi z zabezpieczeniem questionmark.gif który eleemnet jest niebezpieczny i dlaczego questionmark.gif

Z góry dzięki za pomoc.

Odświeżenie.....

Może jakieś sugestie do poprawek nanosoznych na stronę - testowa wersja w linku:
http://www.mobeloase.pl/test/

czy to krok w dobrą stronę questionmark.gif
Zajec
Nadal w kodzie jest pełno tabelek użytych do stworzenia szkieletu. Semantyki zero.
luki100011
Jeżeli nie na tabelach to jak i dlaczego źle jest ich używać??


Co to jest:"Semantyka "??
skowron-line
Kod
Jeżeli nie na tabelach to jak i dlaczego źle jest ich używać??

na divach, bo tabelki sluza do danych tabelarycznych
luki100011
A patrzył ktoś w podgląd tej strony questionmark.gif

tabela przeplatana div-ami questionmark.gif czy mi się tylko wydaje??
Zajec
Akapity w tekście w znaczniku akapitu, czyli <p>

Nagłówki w znacznikach nagłówków, czyli <h1> <h2> ... <h6>

Listy osób/odnośników itp. w listach, czyli <ul> lub <ol>

Elementy grupujesz w divy jeśli jest taka potrzeba.


Poprawne zastosowanie tabel: np. tabliczna mnożenia. Zestawienie cech samochodu. Zestawienie kilku telefonów i ich własności.

Cytat(luki100011 @ 20.12.2006, 15:28:38 ) *
A patrzył ktoś w podgląd tej strony questionmark.gif

tabela przeplatana div-ami questionmark.gif czy mi się tylko wydaje??

Podgląd strony? To znaczy co?

Jeśli pytasz o kod źródłowy, to nie ma w nim raczej divów.
luki100011
Oto kawałek podglądu - źródła obecnej strony - tego forum bo chyba się nie zrozumieliśmy.....
Formatowanie strony na tabelach i divach questionmark.gif prawda questionmark.gif

  1. </table><div class="borderwrap">
  2. <div class="maintitle" style='padding:4px'>
  3. <!-- TABLE FIX FOR MOZILLA WRAPPING-->
  4. <table width='100%' style='padding:0px' cellspacing='0' cellpadding='0'>
  5. <tr>


A jakoś z danych tabelarycznych za dużo tu nie ma questionmark.gif
Dandelion
http://kurs.browsehappy.pl/Definicja/Semantyka

1. Newsy w tabelce ktorej tam nie powinno byc

2. Brak listy w menu

3. Przeniesc caly css do osobnego pliku

....


http://osiolki.net/tabelki/
ano
Cytat(luki100011 @ 21.12.2006, 06:48:56 ) *
Oto kawałek podglądu - źródła obecnej strony - tego forum bo chyba się nie zrozumieliśmy.....
Formatowanie strony na tabelach i divach questionmark.gif prawda questionmark.gif

  1. </table><div class="borderwrap">
  2. <div class="maintitle" style='padding:4px'>
  3. <!-- TABLE FIX FOR MOZILLA WRAPPING-->
  4. <table width='100%' style='padding:0px' cellspacing='0' cellpadding='0'>
  5. <tr>


A jakoś z danych tabelarycznych za dużo tu nie ma questionmark.gif


No nie zupełnie - forum jest jako tako tabelą:
Kod
Nazwa           |  Treść  
użykownika   | Wiadomości

Ale pozatym nie porównuj takiego forum z twoją stroną, to zupełnie co innego!

A twoja strona nic z tabeli nie ma, więc powinna być zrobiona semantycznie - tzn. powinienneś stosować tagi, tak jak zostały do tego stworzone.
NP.
Zamiast
  1. <font face="xxx" size="30">Strona główna</font>

dla tytułu stosujesz po prostu
  1. <h1>Strona główna</h1>


Tak samo jak cały układ strony.
Zamiast jakiegoś koszmarnego
  1. <table><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr> [...]</table>

po prostu:
  1. <div id="header"></div>
  2. <div id="main"></div>
  3. <div id="footer"></div>


Do budowy menu:
  1. <ul>
  2. <li><a href="#">1</a></li>
  3. <li><a href="#">2</a></li>
  4. <li><a href="#">3</a></li>
  5. <li><a href="#">4</a></li>
  6. </ul>

I tak dalej...
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.