Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
Reply to this topicStart new topic
> [www]Cmsss (Mój pierwszy)
ShadowD
post 13.12.2008, 21:49:12
Post #1





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Tym razem pokażę wam mój wymysł teoretycznie nazywający się "layout". ;p

Link 1:
http://www.img.shadowd.cmsss.pl/4.gif

Link 2:
http://www.img.shadowd.cmsss.pl/6.gif

Link 3:
http://www.img.shadowd.cmsss.pl/7.png

Link 4:
http://www.img.shadowd.cmsss.pl/8.png

Link 5:
http://www.img.shadowd.cmsss.pl/9.png

Link do strony:
http://www.cmsss.pl/

Prosił bym o konstruktywną krytykę co powinienem zmienić i czy powinienem w ogóle brać się za zmienianie czegokolwiek = kosz. ;p

Pozdrawiam i z góry dziękuję za pomoc

Ten post edytował ShadowD 15.12.2008, 21:45:52


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
Kildyt
post 14.12.2008, 11:52:43
Post #2





Grupa: Zarejestrowani
Postów: 869
Pomógł: 53
Dołączył: 20.10.2003
Skąd: Przeworsk

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


Po co podałeś trzy linki do tego samego wyglądu?

Co do oceny to niestety, ale chyba nie ucieszy Cię moje zdanie.
- Logotyp to zwykła czcionka z kiepskim i przesadzonym efektem graficznym. Nie przedstawia nic co mogłoby mi się skojarzyć z CMS-em.
- Top jest zwykłbym czarnym (100%) paskiem. Nie kojarzy się dobrze. Całkowicie nie pasuje co reszty.
- Zbyt duża "przepaść" pomiędzy kolorami (czarnym, a czerwonym).
- Użyłbym raczej czcionek bezszeryfowych.
- "Logowanie" i "Kontakt" za bardzo w rogu. Są jakby "odseparowane" od reszty.
- Brak stopki.

Podsumowując: zły dobór kolorów. Wygląd niby prosty, ale nie ładny.
Radziłbym zacząć od nowa.

Pozdrawiam winksmiley.jpg

PS Wyglądy wrzucaj lepiej w .jpg, lub .png jeżeli chcesz mieć lepszą jakość. .gif nie nadaje się do takich rzeczy.

Ten post edytował Kildyt 14.12.2008, 11:53:33


--------------------
Go to the top of the page
+Quote Post
ShadowD
post 14.12.2008, 11:56:18
Post #3





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Coś pokręciłem z linkami, już poprawione...

1- A powinno się kojarzyć z cms-em, nie twierdziłem że będzie to cms. ;p
2- Eeee, tu mnie zagiąłeś mi się podoba, ale liczy się większość głosów jeśli inni przestawią podobne problemy - śmietnik. ;/
4- Logo też?
5- Tak, to zdecydowanie muszę zmienić.
6- Jest n trzeciej pracy.

Ten post edytował ShadowD 14.12.2008, 15:05:07


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
Mize
post 14.12.2008, 12:04:47
Post #4





Grupa: Zarejestrowani
Postów: 84
Pomógł: 6
Dołączył: 26.03.2008
Skąd: Łódź

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


Ouch, nie przypomina to panelu administracyjnego, jest średnio intuicyjne i kolory nie pasują na panel administracyjny.
Inspiracji można szukać tu... http://themeforest.net/category/site-templates/admin-skins .
Całkiem sympatyczne niektóre designy.


--------------------
NULL;
Go to the top of the page
+Quote Post
ShadowD
post 14.12.2008, 12:14:20
Post #5





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Ahh potraficie skutecznie zniechęcić mnie do dalszej pracy... ;p

A inni co o tym myślą, może jakieś pomysły na poprawienie loga?

Ten post edytował ShadowD 14.12.2008, 12:26:53


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
.radex
post 14.12.2008, 13:46:39
Post #6





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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


Takie sobie... Logo takie nijakie... Typografia też nienajlepiej - użyj czcionek bezszeryfowych. Ale źle też nie jest.

Cytat(Kildyt @ 14.12.2008, 11:52:43 ) *
- Brak stopki.


Co Ty znów z tą stopką biggrin.gif ? To jest autora sprawa... Oceniamy layout tongue.gif

Cytat
PS Wyglądy wrzucaj lepiej w .jpg, lub .png jeżeli chcesz mieć lepszą jakość. .gif nie nadaje się do takich rzeczy.


W png tak, ale w jpg niezabardzo. Dla layoutów, a dla screenshotów w szczególności winksmiley.jpg

Cytat
4- Logo też?


Logo nie.

Ten post edytował .radex 14.12.2008, 13:48:05


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post
ShadowD
post 14.12.2008, 14:32:39
Post #7





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Ok co nieco poprawiłem zaktualizowałem pierwszego posta.

I dzięki za kilka miłych słów... winksmiley.jpg


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
.radex
post 14.12.2008, 15:23:14
Post #8





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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


Usuń te pseudo-cienie. Nie poprawiają wyglądu, a będzie je ciężko napisać w css tongue.gif

PS. Wstaw coś w stylu lorem ipsum - będzie lepiej widać, czy typografia jest dobrze dobrana.

Ten post edytował .radex 14.12.2008, 15:23:44


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post
ShadowD
post 14.12.2008, 15:58:23
Post #9





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Jeśli uważasz że cienie pogarszają całość usunę je ale jeśli choć trochę dają chciał bym je pozostawić.

A w css to kwestia jednego diva z pozycjonowaniem relative i szaro-przezroczystym tłem.

Poprawiłem i wklejałem nowy link, i czekam na dalsze pomysły.


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
Piniek
post 14.12.2008, 16:11:02
Post #10





Grupa: Przyjaciele php.pl
Postów: 463
Pomógł: 49
Dołączył: 27.12.2007
Skąd: Warszawa

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


Jak na pierwszy layout całkiem nieźle winksmiley.jpg ja lepszego napewno nie zrobiłem. Najbardziej leży kolorystyka proponuje używać tego:
http://www.defencemechanism.com/color/
http://www.akelos.com/colors/
http://colorsontheweb.com/colorwheel.asp
http://www.ficml.org/jemimap/style/color/wheel.html
http://www.colorschemer.com/online.html
http://www.colorsontheweb.com/colorwizard.asp
http://www.hypergurl.com/colormatch.php
http://kuler.adobe.com/
http://www.wellstyled.com/tools/colorscheme2/index-en.html
w celu uzyskania lepszej kolorystyki.

Pozdrawiam


--------------------
Go to the top of the page
+Quote Post
ShadowD
post 14.12.2008, 17:17:20
Post #11





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Tak znam tego typu strony ich jest masa w siei...

Chciał bym zachować top i logo więc może zaproponujecie jakieś kolory na body?

EDIT:

Może przerobie kolorystykę na taką:


Kolory zaczerpnąłem z kuler.adobe.com

Ten post edytował ShadowD 14.12.2008, 17:39:00


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
.radex
post 14.12.2008, 22:48:16
Post #12





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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


No nie wiem jak Ty uważasz, ale IMHO bez cieni lepiej wygląda.

A nowa kolorystyka się prawie nie różni od obecnej


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post
ShadowD
post 15.12.2008, 01:30:31
Post #13





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Hmmm, wziołem się do pisania kodu i pozwolę sonie zamieścić link do strony:

http://cmsss.pl/www/

Prosił bym również o ocenę kodu Xhtml i css, będzie wdzięczny za każdą pomoc.

PS Co do kolorystyki pomyślę jeszcze, a z cieni zrezygnowałem... ;p


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
erix
post 15.12.2008, 11:05:50
Post #14





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Cytat
Prosił bym również o ocenę kodu Xhtml

Walidator krzyczy.

Poza tym, staraj się unikać nazewnictwa opisującego wygląd, np. left/middle/bottom. Zmienisz CSS i wtedy to już nie będzie lewa, czy środek. Zobacz sobie na http://csszengarden.com, to będziesz miał w akcji wytłumaczone, dlaczego o tym mówię (zmienia się tylko CSS, HTML zostaje ten sam).

Proponowałbym również popracować nad typografią.

Ten post edytował erix 15.12.2008, 11:06:26


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Babcia@Stefa
post 15.12.2008, 14:01:07
Post #15





Grupa: Zarejestrowani
Postów: 654
Pomógł: 17
Dołączył: 19.03.2006
Skąd: z kosmosu ;)

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


Usuń spację z końca linku http://www.img.shadowd.cmsss.pl/7.png bo nie działa smile.gif

Wygląd jak na mój gust ładny (bo sam nie potrafię lepszego zrobić tongue.gif), jak wyżej ktoś napisał (#2 post) logo nie kojarzy się z niczym, przydał by się może jakiś obrazek (zdjęcie przypominające tematykę strony - CMS np. serwer, komputer, kod).

9/10 smile.gif

Do validatora nie patrzyłem winksmiley.jpg

@edit
Zmień kolor lub samą czcionkę w stopce - zlewa się biggrin.gif

Pozdrawiam, WebNuLL

Ten post edytował Babcia@Stefa 15.12.2008, 14:02:51


--------------------
Środowisko testowe (desktop) - Gedit, lighttpd, sftp, rsync, xfce4-terminal, chromium, firefox4 | System: Gentoo ~x86
O'Neill - serwer WWW @ lighttpd, links, nano, rsyncd, sftpd | System: Debian
Go to the top of the page
+Quote Post
ShadowD
post 15.12.2008, 19:34:46
Post #16





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


A więc, link poprawiłem i trochę kod.

A co do Walidatora to wcale tak głośno nie krzyczy, on tylko mówi, że mam drobne błędy w kodzie które zresztą są już poprawione. ;p

Faktycznie ten czarny tak dziwnie wygląda w stopce jest to spowodowane dobieraniem na szybko czcionki.

A co do samego kodu do wieczora go trochę zmodernizuję usunę kilka div bo trochę przesadziłem razem z tym zmienię czcionkę.

EDIT:

Poprawiłem znacznie kod i nieco grafikę (odcienie).

Link:
http://www.cmsss.pl/

Pozycja news jak i logowanie mają inny wygląd ponieważ prezentują wygląd aktywnego linku.

Jeśli będzie miał ktoś coś jeszcze do zarzucenia z chęcią posłucham.

Pozdrawiam

Ten post edytował ShadowD 15.12.2008, 21:47:05


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
zegarek84
post 15.12.2008, 20:29:47
Post #17





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


na tym forum jestem raczej gdyż się nudzę na forum Excela i rzadziej "bawię" się PHP więc nie musisz brać moich sugestii pod uwagę winksmiley.jpg

1) pytanie - chcesz od razu wyświetlić całego news'a?? jeśli tak to ok a jeśli nie to nie widzę ich "przycinania" na stronie głównej do krótszej formy (oczywiście to w PHP)
2) też się nie uważam za pozycjonera ale można by wyróżnić w kodzie niektóre rzeczy, np. nagłówki ale nie mam na myśli wizualnie tylko dla google... skoro pogrubiłeś w stylach a nie przez znaczniki <b> to można by użyć zamiast <p> to któryś stopień <h> w nagłówku - wiem, że teraz większą rolę odgrywają rolę linki ale ponoć diabeł tkwi w szczegółach więc można by dorzucić jakieć znaczniki meta i description, oraz tytuł dla każdej zakładki inny deczko z wspólnym elementem...

sorki i nie musisz brać pod uwagę tego postu - graficznie dla mnie ok


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post
.radex
post 15.12.2008, 20:38:47
Post #18





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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


Strona prosi się o czcionki bezszeryfowe tongue.gif


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post
ShadowD
post 15.12.2008, 20:40:17
Post #19





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Każda rada się przyda a szczególnie taka... winksmiley.jpg

Faktycznie w newsach można by pobawić się h3 i h4 zamiast spam i p, dobrze że mi przypomniałeś zapomniałem o tych znacznikach.

Poprawię ale trochę później.

EDIT:
Cytat
Strona prosi się o czcionki bezszeryfowe tongue.gif

Omg, coś pokręciłem jeszcze przed chwilą był arial. ;p

EDIT 2:
Czcionki poprawione, błędnymi marginesami zajmę się później. (Wina zmiany czcionki.)

EDIT 3:
Wszystko poprawione i zaktualizowane. Dodatkowo zmieniła się domena na: http://www.cmsss.pl/

Dzięki i czekam na dalsze uwagi...

Ten post edytował ShadowD 15.12.2008, 21:46:44


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
.radex
post 16.12.2008, 15:21:05
Post #20





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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


No, teraz jest ok, ale skoro czekasz na dalsze uwagi, to:

Kod
Dodano: 21:28 10 10 2007


Po co pogrubione (czy to takie istotne), i po co komu takie dokładne dane, nie możesz po prostu dd.mm.yy smile.gif?

Kod
<h2 class='naglowek'>
            
            <span class='tytul'>
            
              Guis nostrud exercitation ullamco laboris nisi ut aliquip
            
            </span>
            
            <span class='data'>
            
              <strong>Dodano:</strong> 21:28 10 10 2007
              
            </span>
            
          </h2>


Co ma data wspólnego z nagłówkiem? nic. Nagłówkiem tutaj powinien być tytuł notki, czyli mniej-więcej tak:

Kod
<h2>Guis nostrud exercitation ullamco laboris nisi ut aliquip</h2>
<span class='data'><strong>Dodano:</strong> 21:28 10 10 2007</span>


EDIT:

To samo z blokami menu:

Kod
<div class='block'>
   <h2>Banery:</h2>
   <p>
      Cmsss.pl  
   </p>
</div>


Klasy w <h2> i <p> są zbędne. W końcu możesz dać .block h2 i .block p

Ten post edytował .radex 16.12.2008, 15:23:27


--------------------
blog | Tadam — minutnik do Pomodoro na Maka :)
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 2.05.2024 - 17:44