[www] Prosty projekt strony Opcje

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

Oto adres: Strona

Ten post edytował MissMoneypenny 26.01.2006, 21:02:10

[tiraeth]

This Page Is Valid XHTML 1.0 Transitional!

No to już jakiś plus (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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]

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .

[hwao]

Ale poza "slownym" masz jeszcze pare innych (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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... (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Ogólnie bardzo ładnie wykonane (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Pozdrawiam

[hwao]

nadal masz fragmenty "nie zalezne od css" (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) a idea xhtml'a polega na tym ze zmieniajac css mozesz zmienic calkowicie wyglad strony.

[HTML] pobierz, plaintext 
<img id="note" src="1.jpg" alt="kartka">
[HTML] pobierz, plaintext 

Powinnas zastowic

[HTML] pobierz, plaintext 
<div class="imgBlock1"></div>
[HTML] pobierz, plaintext 

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

Troche duzo Div'ów masz (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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

[HTML] pobierz, plaintext 
<div id="menu1">
 
    <div id="menu2">
 
        <div class="linki">
 
            <p class="category">Kategoria</p>
 
                <ul class="ul">
 
                    <li><a href="index.html#">link 1</a></li>
 
                    <li><a href="index.html#">link 1</a></li>
 
                </ul>
(....)
(....)
(....)
           </div>
    </div>
[HTML] pobierz, plaintext 

dajesz tylko takie coś:

[XML] pobierz, plaintext 
<ul id="menu1">
	<li>Kategoria</li>
	<li><a href="index.html#">link 1</a></li>
	<li><a href="index.html#">link 1</a></li>
	<li>Kategoria</li>
	<li><a href="index.html#">link 1</a></li>
	<li><a href="index.html#">link 1</a></li>
	<li>Kategoria</li>
	<li><a href="index.html#">link 1</a></li>
	<li><a href="index.html#">link 1</a></li>
</ul>
[XML] pobierz, plaintext 

Ten post edytował Zajec 27.01.2006, 19:35:25

[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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Ale to chyba przez tą czcionkę (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[strife]

Witam,

+ Kobieta dała do oceny projekt (IMG:http://forum.php.pl/style_emoticons/default/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!