Początki..... Opcje

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

Ten post edytował luki100011 20.12.2006, 15:10:54

[kriqs]

hmmm nie wiem jakos tak brzydko....
te stronki wygladaja jak zywcem robione w wordzie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .

troszke musisz sie wiecej postarac przegladnij good-tutorials.com ja tam zawsze znajduje inspiracje (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[luke22]

Dwie strony do ocenki:

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

dasz rade rob dobrze teraz a owoce za to bede puzniej ,fajniw by to wygladalo jak bys ajax dolaczyl noo i zabezpiecz

[ano]

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? (IMG:http://forum.php.pl/style_emoticons/default/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ą (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[nasty]

np na towar.org/webesteem.pl), zobacz jak się projektuje

No tu ci nie wyszly te przyklade bo sa kiepskie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[Balas]

Same strony sie niezbyt prezentuja, ale zawieraja odnosniki to naprawde ciekawych (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) (przynajmniej webesteem.pl, bo go przegladalem dawniej (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) )

[ano]

No tu ci nie wyszly te przyklade bo sa kiepskie (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) który eleemnet jest niebezpieczny i dlaczego (IMG:http://forum.php.pl/style_emoticons/default/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ę (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

tabela przeplatana div-ami (IMG:http://forum.php.pl/style_emoticons/default/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.

A patrzył ktoś w podgląd tej strony (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

tabela przeplatana div-ami (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) prawda (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[HTML] pobierz, plaintext 
</table><div class="borderwrap">
	<div class="maintitle" style='padding:4px'>
	<!-- TABLE FIX FOR MOZILLA WRAPPING-->
	<table width='100%' style='padding:0px' cellspacing='0' cellpadding='0'>
	<tr>
[HTML] pobierz, plaintext 

A jakoś z danych tabelarycznych za dużo tu nie ma (IMG:http://forum.php.pl/style_emoticons/default/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/

Ten post edytował Dandelion 21.12.2006, 13:12:45

[ano]

Oto kawałek podglądu - źródła obecnej strony - tego forum bo chyba się nie zrozumieliśmy.....
Formatowanie strony na tabelach i divach (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) prawda (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[HTML] pobierz, plaintext 
</table><div class="borderwrap">
	<div class="maintitle" style='padding:4px'>
	<!-- TABLE FIX FOR MOZILLA WRAPPING-->
	<table width='100%' style='padding:0px' cellspacing='0' cellpadding='0'>
	<tr>
[HTML] pobierz, plaintext 

A jakoś z danych tabelarycznych za dużo tu nie ma (IMG:http://forum.php.pl/style_emoticons/default/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

[HTML] pobierz, plaintext 
<font face="xxx" size="30">Strona główna</font>
[HTML] pobierz, plaintext 

dla tytułu stosujesz po prostu

[HTML] pobierz, plaintext 
<h1>Strona główna</h1>
[HTML] pobierz, plaintext 

Tak samo jak cały układ strony.
Zamiast jakiegoś koszmarnego

[HTML] pobierz, plaintext 
<table><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr> [...]</table>
[HTML] pobierz, plaintext 

po prostu:

[HTML] pobierz, plaintext 
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
[HTML] pobierz, plaintext 

Do budowy menu:

[HTML] pobierz, plaintext 
<ul>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
</ul>
[HTML] pobierz, plaintext 

I tak dalej...

Ten post edytował ano 21.12.2006, 18:32:05