Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [www] Prosty projekt strony
Forum PHP.pl > Inne > Oceny
MissMoneypenny
To jest dopiero mój drugi że tak powiem "projekt", więc nie oczekujcie jakichś cudów. Chodziło mi głównie o przejrzystość i wykorzystanie css-a do formatowania wyglądu(najlepiej się uczę css-a w praktyce smile.gif ). Proszę o konstruktywną ocenę w skali od 1 do 10. Sprawdzałam w Firefoxie, Operze i IE-nic sie nie rozjeżdżało winksmiley.jpg .

Oto adres: Strona
tiraeth
Cytat
This Page Is Valid XHTML 1.0 Transitional!

No to już jakiś plus smile.gif

Graficznie top mi się nie podoba, kolory troche mało współgrające...

5/10 (+1 za Valid XHTML)
Zajec
Całkiem dobrze. Widzę jedna kilka dziwnie wyglądających znaczników.

Pierwszy to pusty tag
Kod
<div class="tresc_foot"> </div>
który z tego co widzę, to robi tylko odstęp... Jeśli chcesz mieć newsy w odpowiedniej odległości to nadaj po prostu odpowiedni margines dla klasy .tresc

Druga sprawa: lekki tag soup w postaci
Kod
<div class="tresc_main">
<p class="tresc">
(...)
</p></div>
nie dało się tego jako jednego znacznika zrobić?

Oczywiście to już jest czepianie się, wymaganie kompletnej dokładności :-) Kod ogólnie mi pasuje.


P.S.
Prawie wszystkim <li> nadajesz klasę .li - czy nie łatwiej byłoby właściwości tej klasy przypisać domyślnie tagowi li, a jedynie te, które mają wyglądac inaczej - oznaczać dodatową klasą?
hwao
masz tam cos wstawione na chama nie powinno tka byc (jak daje ignoruj css to ma grafike)

kod wyglada prawie ok
MissMoneypenny
Wiem, te puste znaczniki miałam poprawić i zapomniałam, bo wcześniej wpisywałam sobie przykładowe treści (zanim trochę uporzadkowałam kod winksmiley.jpg.
@Zajec wezmę sobie twoje uwagi do serca odnośnie tych tagów li, rzeczywiscie trochę nie przemyślałam tego.
pawel_k
mi sie jedna rzecz nie podoba:

div#all
{
width: 700px;
margin:auto;
background:url(yellow.jpg);
}


nie lepiej okreslic kolor dla div? (yellow.jpg to "obrazek" o wymiarach 1px na 1px)
MissMoneypenny
Cytat
nie lepiej okreslic kolor dla div? (yellow.jpg to "obrazek" o wymiarach 1px na 1px)


Zastosowałam tak, ponieważ w palecie kolorów dostępnych dla web-a niestety nie było odpowiedniego koloru, gdyby takowy był, to oczywiście zrobiłabym tak, jak mówisz smile.gif .
hwao
Ale poza "slownym" masz jeszcze pare innych smile.gif

Podpowiem

Szesnastkowy: #D9D095
RGB: rgb(217, 208, 149) LUB rgb(85%, 82%, 58%)
MissMoneypenny
Dzięki hwao! Tak to bym żyła w niewiedzy winksmiley.jpg . Poprawiam te obrazki o których mówiłeś, jutro poprawie resztę kodu zdognie z waszymi sugestiami. Jeszcze raz dzięki za wszystkie sugestie.
ikioloak
Mi sie za to bardzo podoba. Kolory wg mnie pasuja do siebie, wszystko czytelne. W kod sie nie wglebialem ale na 1 rzut oka tez prezentuje sie bardzo przejzyscie.
Nie podobaja mi sie 2 rzeczy:
- w topie napis 'Miss Moneypenny's workshop' jest za maly.
- biale tlo.
Biorac pod uwage ze strona ta ma byc homepage lub blog daje 7/10
SirK
Jak dla mnie bardzo ok, kod niemal idealny (tego moglbym sie od Ciebie uczyc winksmiley.jpg, kolorki moim zdaniem dopasowane elegancko, tylko tak jak juz to bylo wspomniane tytul w top'ie dalbym wiekszy, zeby sie rzucal w oczy.
Fajny projekt.
vieri_pl
Nie w moim stylu, ale ok. Kod jak już poprzednicy pisali na prawdę ok, kolory hmmm tu mam więcej zastrzeżeń, ale to chyba dlatego że nie lubię tego typu stron... tongue.gif

Ogólnie bardzo ładnie wykonane smile.gif

Pozdrawiam
hwao
nadal masz fragmenty "nie zalezne od css" smile.gif a idea xhtml'a polega na tym ze zmieniajac css mozesz zmienic calkowicie wyglad strony.

  1. <img id="note" src="1.jpg" alt="kartka">


Powinnas zastowic

  1. <div class="imgBlock1"></div>


Teraz podpinasz do tego blocku css'a odpowiedniego (width heigh i backgrounda: url( './1.jpg' ); ) i masz ok smile.gif (zrob tak ze wszytkimi poza reklama)

Troche duzo Div'ów masz smile.gif a moglas ladnie uzyc innych znacznikow.
MissMoneypenny
Poprawiłam kod, usunęłam zbędne znaczniki, obrazki. Teraz powinno być wszystko jak trzeba. Hwao, jeszcze raz dzięki za wskazówki smile.gif .
Zajec
Cały czas mnie męczy sposób, w jaki zrobiłaś to menu. Połowa znaczników jest tam nadal zbędna. Zrobiłem Ci menu o takiej samej funkcjonalności, a dwa razy krótszym kodzie:

Kod
#menu1 { width: 160px; float: right; list-style: none; text-align: center; background-color: #CC9; font-style: italic; color:black; }
#menu1 * { height: 30px; }
#menu1 a { background: #9CC; display: block; margin: 5px 0; height: 30px; color: #5A5A5A; text-decoration: none; border-top:1px dotted gray; border-bottom:1px dotted gray; font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; }
#menu1 a:hover { background: #A0D8D9; color: #6C0088; }




Natomiast zamiast obecnego
  1. <div id="menu1">
  2.  
  3. <div id="menu2">
  4.  
  5. <div class="linki">
  6.  
  7. <p class="category">Kategoria</p>
  8.  
  9. <ul class="ul">
  10.  
  11. <li><a href="index.html#">link 1</a></li>
  12.  
  13. <li><a href="index.html#">link 1</a></li>
  14.  
  15. </ul>
  16. (....)
  17. (....)
  18. (....)
  19. </div>
  20. </div>
dajesz tylko takie coś:
  1. <ul id="menu1">
  2. <li>Kategoria</li>
  3. <li><a href="index.html#">link 1</a></li>
  4. <li><a href="index.html#">link 1</a></li>
  5. <li>Kategoria</li>
  6. <li><a href="index.html#">link 1</a></li>
  7. <li><a href="index.html#">link 1</a></li>
  8. <li>Kategoria</li>
  9. <li><a href="index.html#">link 1</a></li>
  10. <li><a href="index.html#">link 1</a></li>
  11. </ul>
revyag
Layout fajny, chociaż kolory dałbym ciut bardziej nasycone.
Jak go zobaczyłem od razu z czymś mi się skojarzył --> mtv5 i taki program pimp my ride smile.gif Ale to chyba przez tą czcionkę smile.gif
strife
Witam,

+ Kobieta dała do oceny projekt biggrin.gif
+ Fajny klimatowy top, kojarzy mi się z latami '70

- Nazwa autora wpisu nie dochodzi do końca, czyli do góry.

Walidacji nie sprawdzałem, ponieważ zrobili to moi poprzednicy. Ogólnie bardzo ładnie.

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