Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ocena kodu
Forum PHP.pl > Inne > Oceny
Generic
Witam. Zrobiłem małą stronkę, a raczej zakładkę (w ramach nauki). Informacje są umieszczone w tabeli gdyż na tym polegało moje zadanie (poćwiczyć tabele). Chciałbym abyście sprawdzili poprawność kodu i powiedzieli ewentualnie co jest zbędne i źle zrobione. Z góry dziękuję i pozdrawiam.

  1. <!DOCTYPE html>
  2. <head>
  3. <link type="text/css" rel="stylesheet" href="stylesheet.css" />
  4. <title>My Photo Page</title>
  5. </head>
  6. <body>
  7. <th colspan="9">Popular Website</th>
  8. </thead>
  9.  
  10. <td align="left" valign="top">
  11. <a href="www.google.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/800px-Googlelogo.png"/></a>
  12. Google Search is a web search engine owned by Google Inc. Google Search is the most-used search engine on the World Wide Web, receiving several hundred million queries each day through its various services.
  13. </td>
  14. <td align="left" valign="top">
  15. <a href="www.facebook.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Facebook.svg/215px-Facebook.svg.png"/></a>
  16. Facebook is a social networking service launched in February 2004, owned and operated by Facebook, Inc. As of September 2012, Facebook has over one billion active users.
  17.  
  18. </td>
  19. <td align="left" valign="top">
  20. <a href="www.yahoo.com"><img src="http://upload.wikimedia.org/wikipedia/commons/a/ad/Yahoo_Logo.svg"/></a>
  21. Yahoo! Inc. is an American multinational internet corporation headquartered in Sunnyvale, California. It is widely known for its web portal, search engine Yahoo! Search, related services, and more.
  22. </td>
  23. <td align="left" valign="top">
  24. <a href="www.youtube.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/98/YouTube_Logo.svg/220px-YouTube_Logo.svg.png"/></a>
  25. YouTube is a video-sharing website, created by three former PayPal employees in February 2005, on which users can upload, view and share videos. The company is based in San Bruno, California.
  26. </td>
  27. <td align="left" valign="top">
  28. <a href=www.wikipedia.org><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/150px-Wikipedia-logo-v2.svg.png"/></a>
  29. Wikipedia is a collaboratively edited, multilingual, free Internet encyclopedia supported by the non-profit Wikimedia Foundation. Its 25 million articles, over 4.1 million in the English Wikipedia.
  30. </td>
  31. <td align="left" valign="top">
  32. <a href="www.ebay.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/EBay_logo.svg/200px-EBay_logo.svg.png"/></a>
  33. eBay Inc. is an American multinational internet consumer-to-consumer corporation, headquartered in San Jose, California. It was founded in 1995.
  34. </td>
  35. <td align="left" valign="top">
  36. <a href="www.twitter.com"><img src="http://conowego.pl/uploads/pics/twitter.jpg"/></a>
  37. Twitter is an online social networking service and microblogging service that enables its users to send and read text-based messages of up to 140 characters, known as "tweets".
  38. </td>
  39. <td align="left" valign="top">
  40. <a href="www.wordpress.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/20/WordPress_logo.svg/250px-WordPress_logo.svg.png"/></a>
  41. WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. It has many features including a plug-in architecture and a template system.
  42. </td>
  43. <td align="left" valign="top">
  44. <a href="www.myspace.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/92/Myspacelogo2013_icon.svg/120px-Myspacelogo2013_icon.svg.png"/></a>
  45. Myspace is a social networking service with a strong music emphasis owned by Specific Media LLC and pop music singer and actor Justin Timberlake. Myspace was launched in August 2003.
  46. </td>
  47. </table>
  48. <h1>Information are the property of Wikipedia.</h1>
  49. </body>
  50. </html>



  1. img
  2. {
  3. width:100px;
  4. height:100px;
  5. border: 1px #70B8FF solid;
  6. }
  7.  
  8. table, td
  9. {
  10. border: 1px #70b8ff solid;
  11. font-family: Tahoma;
  12. }
  13.  
  14. thead, th
  15. {
  16. color: #70B8FF;
  17. font-family: Verdana;
  18. }
  19.  
  20. h1
  21. {
  22. font-family: Verdana;
  23. font-size: 11px;
  24. }


toaspzoo
http://jsfiddle.net/
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

Pięknie to nie wygląda, no i jeszcze z błędem...
Generic
Mógłbyś powiedzieć gdzie jest błąd bo nie robię tego na hostingu tylko w aplikacji.
StrefaPi
A tabel w html się już właściwie nie stosuje...
!*!
Cytat
Mógłbyś powiedzieć gdzie jest błąd bo nie robię tego na hostingu tylko w aplikacji.

1. toaspzoo podał Ci linki gdzie należałoby to wstawić np. tak http://forum.php.pl/index.php?showtopic=15...mp;#entry896036
2. w znacznikach tablei nie powinno być żadnych właśicwości odnośnie wyglądu, przenieś to do CSS, walidator powie Ci o reszcie błędów.

Cytat
A tabel w html się już właściwie nie stosuje...

Bzdury Waść rzeczesz.
StrefaPi
warto zrezygnować z tabel, jeżeli nie tworzysz strony o programowaniu w html4, to naprawdę warto! (poczytajcie obaj o semantyce w html i jakie to ma plusy)
Monter08
Tabela jako przedstawienie danych - tak, szablon strony - nie.
!*!
Cytat(StrefaPi @ 3.03.2013, 11:19:07 ) *
warto zrezygnować z tabel, jeżeli nie tworzysz strony o programowaniu w html4, to naprawdę warto! (poczytajcie obaj o semantyce w html i jakie to ma plusy)


Dobrze że Twój bogaty zakres wiedzy nie zapomniał o przedstawieniu danych tabelarycznych o których mowa w tym temacie, bo jeszcze ktoś mógłby pomyśleć że otworzyłeś pierwszy raz kurs html wczoraj.
StrefaPi
proszę o koniec w tym temacie...
Damonsson
Co Ty za głupoty gadasz człowieku, idź się doucz, ochłoń i przeproś.
kamil_lk
Cytat(Damonsson @ 3.03.2013, 15:16:17 ) *
i przeproś.

hehe biggrin.gif sorry, musiałem smile.gif
Daiquiri
1. OK, proszę o zwiększenie zawartości merytorycznej treści postów. Zachowujmy się trochę bardziej "wyrozumiale", nawet jeżeli ktoś ewidentnie nie ma racji smile.gif.
2. StrefaPi, zmiana treści postów po odpowiedzi innych nie powinna mieć miejsca. Nie służy to zdrowej dyskusji smile.gif.

Tabelki mają złą sławę, głównie ze względu na fakt, iż były wcześniej popularnym narzędziem do szablonowania. Sporo osób zapamiętało, że "w nowoczesnym i poprawnym HTML nie ma miejsca na tabelki", jednak zapominając o tym, że kontekst mówił o budowaniu układu strony. Jeżeli Generic stosuje tabele do przedstawienia danych to nie widzę w tym nic złego. Ba, wydaje mi się, iż masochizmem byłoby czasami opakowywanie takich danych w dziesiątki divów, aby uzyskać ten sam efekt.

Generic
Temat który robiłem skupiał głównie się na tabelach i pracy na nich. Musiałem zaprezentować na nich dane na wybrany temat. !*! wiem że można było to wkleić na jsfiddle.net ale ostatnio zauważyłem została zablokowana opcja wklej. Co do ustawień tabel w html to zrobiłem to gdyż nie wychodziło to w css. Mógłby ktoś napisać jaki kod było trzeba zastosować dla tabel w css?
!*!
  1. vertical-align
  2. text-align
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.