Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Składanie szablonu
DarkAbso
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 10
Dołączył: 17.11.2011

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

Witam,
jakiś czas temu zacząłem się uczyć PHP. Zdążyłem się "przeszkolić" z programowania strukturalnego i miałem właśnie zacząć naukę obiektowego, ale niestety zauważyłem u siebie duże braki w html i css (ostatni raz ich używałem jeszcze za czasów "tabelek"). Tak więc nie zrażony nauką postanowiłem w ramach ćwiczeń znaleźć jakiś prosty szablon, wziąć od niego tylko grafikę i go poskładać. Niestety ze względu na brak mojej wiedzy nie umiem odpowiedzieć na pytanie czy szablon jest dobrze poskładany. Co prawda przeszło walidator, ale wolę jak specjaliści rzucą na to oko. Proszę o wypisanie wszelkich uwag dotyczące poniższego kodu.
TUTAJ MOŻNA LUKNĄĆ NA STRONĘ CLICK!
Kod pliku html:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. 	<meta name="Description" content="Tu wpisz opis zawartości strony" />
  8. 	<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
  9. 	<title>Tu wpisz tytuł strony</title>
  10. <link rel="stylesheet" type="text/css" href="styl2.css" />
  11. </head>
  12. <body>
  13. <div id="menu_poziome"><ul>
  14. <li><a href="nowy.html">Start</a></li>
  15. <li><a href="nowy.html">Start</a></li>
  16. <li><a href="nowy.html">Start</a></li>
  17. </ul></div>
  18. <div id="tresc">Lorem ipsum dolor sit amet, Proins</div>
  19. <div id="menu_lewe"><h2>MENU</h2></div>
  20. <div id="menu_lewe2">
  21. <ul>
  22. <li><a href="nowy.html">Start</a></li>
  23. <li><a href="nowy.html">Start</a></li>
  24. </ul>
  25. </div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
  1. body {
  2. background-color: black;
  3. color: white;
  4. background-image: url(logo_tlo.png);
  5. background-repeat: no-repeat;
  6. }
  7. h2 {
  8. margin: 0 0 0 15px;
  9. }
  10. a:link, a:visited, a:hover {
  11. color: white;
  12. }
  13. #menu_poziome {
  14. background-image: url(jt_tlo.png);
  15. background-repeat: repeat-x;
  16. width: 100%;
  17. height: 35px;
  18. left: 284px;
  19. position: absolute;
  20. top: 0;
  21. }
  22. #menu_lewe {
  23. background-image: url(luk_tlo.png);
  24. background-repeat: no-repeat;
  25. background-position: top right;
  26. width: 200px;
  27. height: 73px;
  28. top: 284px;
  29. left: 0;
  30. position: absolute;
  31. }
  32. #menu_lewe2 {
  33. top: 356px;
  34. left: 0;
  35. width: 144px;
  36. height: 300px;
  37. position: absolute;
  38. border: 3px solid;
  39. border-left-color: black;
  40. border-top: 0px;
  41. border-right-color: #001eff;
  42. border-bottom-color: #001eff;
  43. }
  44. #tresc {
  45. position: absolute;
  46. top: 38px;
  47. left: 290px;
  48. }
  49. #menu_poziome ul {
  50. list-style-type: none;
  51. padding: 5px 0 0 5px;
  52. margin: 0;
  53. }
  54. #menu_poziome ul li {
  55. display: inline;
  56. margin: 3px;
  57. }
  58. #menu_lewe2 ul {
  59. padding: 0;
  60. margin: 0 0 0 10px;
  61. list-style-type: none;
  62. }
  63.  
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Sephirus
post
Post #2





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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

Hmm. podobnie jak w poprzednim layoucie - ogólnie wykonanie jest ok, zgodnie itd.

Komentarze:
- Używasz H2 bez H1 - średni pomysł - zobacz coś o uzywaniu Hx w związku z SEO/pozycjonowaniem
- Jeżeli nawet szablon taki robisz dla Polaków - używaj w nazwach angielskich wyrażeń - wyglądać to będzie bardziej profesjonalnie
- Nie ładuj na siłę wszędzie gdzie to możliwe selektorów po ID (#) - istnieją także klasy, które w niektórych przypadkach sprawdzą się lepiej (IMG:style_emoticons/default/wink.gif)

Go to the top of the page
+Quote Post

Posty w temacie
- DarkAbso   [HTML][CSS] Składanie szablonu   17.11.2011, 10:11:37
- - Sephirus   Szablon jest prosty ale poprawny. Możesz ewentualn...   17.11.2011, 10:19:40
- - DarkAbso   Jeszcze jeden szablon mam do sprawdzenia. Także w ...   17.11.2011, 14:42:10
- - Sephirus   Hmm. podobnie jak w poprzednim layoucie - ogólnie ...   18.11.2011, 08:49:26
- - DarkAbso   Trochę poczytałem o tym i w powyższym przykładzie ...   18.11.2011, 10:29:18
- - Micchaleq   Ogólnie może nie konkretnie na temat, jednak szabl...   18.11.2011, 10:43:43
- - DarkAbso   Zgadza się, są to podstawy, ale czy nie na tym pol...   18.11.2011, 11:37:10
- - Micchaleq   Cytat(DarkAbso @ 18.11.2011, 11:37:10...   18.11.2011, 12:22:16

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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