Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Ocena kodu
Generic
post
Post #1





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----

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. 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
  5. 		<title>My Photo Page</title>
  6. 	</head>
  7. 	<body>
  8.         <table>
  9.             <thead>
  10.             <th colspan="9">Popular Website</th>
  11.             </thead>
  12.  
  13.             <td align="left" valign="top">
  14.                 <a href="www.google.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Googlelogo.png/800px-Googlelogo.png"/></a>
  15.                 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.
  16.             </td>
  17.             <td align="left" valign="top">
  18.                <a href="www.facebook.com"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Facebook.svg/215px-Facebook.svg.png"/></a>
  19.                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.
  20.  
  21.             </td>
  22.             <td align="left" valign="top">
  23.                 <a href="www.yahoo.com"><img src="http://upload.wikimedia.org/wikipedia/commons/a/ad/Yahoo_Logo.svg"/></a>
  24.                 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. 
  25.             </td>
  26.             <td align="left" valign="top">
  27.                 <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>
  28.                 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.
  29.             </td>
  30.             <td align="left" valign="top">
  31.                 <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>
  32.                 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.
  33.             </td>
  34.             <td align="left" valign="top">
  35.                 <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>
  36.                 eBay Inc. is an American multinational internet consumer-to-consumer corporation, headquartered in San Jose, California. It was founded in 1995.
  37.             </td>
  38.             <td align="left" valign="top">
  39.                 <a href="www.twitter.com"><img src="http://conowego.pl/uploads/pics/twitter.jpg"/></a>
  40.                 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".
  41.             </td>
  42.             <td align="left" valign="top">
  43.                 <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>
  44.                   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.
  45.             </td>
  46.             <td align="left" valign="top">
  47.                 <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>
  48.                 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.
  49.             </td>
  50.         </table>   
  51. 	    <h1>Information are the property of Wikipedia.</h1>
  52.     </body>
  53. </html>
[HTML] pobierz, plaintext 



[HTML] pobierz, plaintext 
  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.     }
[HTML] pobierz, plaintext




Ten post edytował Generic 3.03.2013, 01:47:05
Go to the top of the page
+Quote Post
toaspzoo
post
Post #2





Grupa: Zarejestrowani
Postów: 778
Pomógł: 84
Dołączył: 29.07.2010
Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury.

Ostrzeżenie: (20%)
X----

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


--------------------

LS Easter egg <
Go to the top of the page
+Quote Post
Generic
post
Post #3





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----

Mógłbyś powiedzieć gdzie jest błąd bo nie robię tego na hostingu tylko w aplikacji.
Go to the top of the page
+Quote Post
StrefaPi
post
Post #4





Grupa: Zarejestrowani
Postów: 235
Pomógł: 50
Dołączył: 2.03.2013

Ostrzeżenie: (0%)
-----

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


--------------------
https://studiostawki.com - studio fotograficzne i filmowe - ul. Inflancka 11, Warszawa
Go to the top of the page
+Quote Post
!*!
post
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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.

Ten post edytował !*! 3.03.2013, 10:30:52


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
StrefaPi
post
Post #6





Grupa: Zarejestrowani
Postów: 235
Pomógł: 50
Dołączył: 2.03.2013

Ostrzeżenie: (0%)
-----

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)

Ten post edytował StrefaPi 3.03.2013, 11:21:01
Go to the top of the page
+Quote Post
Monter08
post
Post #7





Grupa: Zarejestrowani
Postów: 237
Pomógł: 22
Dołączył: 16.09.2010
Skąd: Lubaczów

Ostrzeżenie: (0%)
-----

Tabela jako przedstawienie danych - tak, szablon strony - nie.
Go to the top of the page
+Quote Post
!*!
post
Post #8





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

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.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
StrefaPi
post
Post #9





Grupa: Zarejestrowani
Postów: 235
Pomógł: 50
Dołączył: 2.03.2013

Ostrzeżenie: (0%)
-----

proszę o koniec w tym temacie...


Ten post edytował StrefaPi 3.03.2013, 15:21:12


--------------------
https://studiostawki.com - studio fotograficzne i filmowe - ul. Inflancka 11, Warszawa
Go to the top of the page
+Quote Post
Damonsson
post
Post #10





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Co Ty za głupoty gadasz człowieku, idź się doucz, ochłoń i przeproś.
Go to the top of the page
+Quote Post
kamil_lk
post
Post #11





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

Ostrzeżenie: (0%)
-----

Cytat(Damonsson @ 3.03.2013, 15:16:17 ) *
i przeproś.

hehe biggrin.gif sorry, musiałem smile.gif

Ten post edytował kamil_lk 3.03.2013, 15:33:15
Go to the top of the page
+Quote Post
Daiquiri
post
Post #12





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ
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.

Go to the top of the page
+Quote Post
Generic
post
Post #13





Grupa: Zarejestrowani
Postów: 224
Pomógł: 0
Dołączył: 31.10.2012

Ostrzeżenie: (10%)
X----

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?
Go to the top of the page
+Quote Post
!*!
post
Post #14





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
----- 

[CSS] pobierz, plaintext 
  1. vertical-align
  2. text-align
[CSS] pobierz, plaintext


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
« Następny starszy · Oceny · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 12:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn