StrongholdNet - forum graczy Stronghold
Największe polskie forum o grach z serii Stronghold.

Internet i komputery - ZombieDzik's site

DarnokOk - 21 Styczeń 16, 15:31
Temat postu: ZombieDzik's site
A więc stało się.
Mój projekt strony wkroczył do internetu i teraz rozpocznie się hype dla moich produktów i spam w mailu.

No dobra, jeszcze nie, bo to jedyne miejsce gdzie piszę o tej stronie. :D

Oto ona

Przydałoby się jakoś usprawnić newsy i strony, używając kodu PHP. Potrzebuję więc jakiegoś kursu.

Miałem coś jeszcze pisać, ale zapomniałem, kurczę. Może mi się przypomni i dopiszę.

Edit:
Dobra.
Te serwisy społecznościowe mógłbym dać po prawej stronie tej długiej kolumny, tak, żeby były na każdej podstronie. Fajnie by było, żeby jeździło wraz z rolką, tj. było zawsze w jednym miejscu. Da się to zrobić w PHP, czy potrzeba JS?

Umieszczać jakąś reklamę malutką jak będę już miał hosting? Pod nią możnaby dać informację "blokując reklamy działasz na moją niekorzyść :( Wyłącz filtr adblocka, jeżeli podoba Ci się to, co robię." I wiadomo, jak ktoś nie ma adblocka, to jest tam reklama, a jak ma, to tą przestrzeń zajmuje jakiś div z tłem i tym tekstem co właśnie jest wyżej. W jakim miejscu ją warto umieszczać, by nie denerwowała. Jak wygląda sprawa z zarobkiem na takich reklamach? To zapewne nikłe kwoty?

W jaki sposób zrobić język angielski? Wiadomo; chcę, by każda podstrona miała możliwość wyświetlania w języku polskim i angielskim. W prawym górnym rogu dałbym takie malutkie flagi służące zmianie języka. Rozumiem, że do tego też warto użyć PHP?

No i oczywiście potrzebny mi PHP do newsów, żeby móc je łatwo edytować, żeby nie było potrzeby kopiowania tekstu dla strony głównej, jak i tej podstrony, po kliknięciu "czytaj dalej". Gdy newsów się troszkę narobi, to przydałaby się też szybka możliwość tworzenia nowych podstron w aktualnościach, tj. 1,2,3 itd., gdzie newsy się znajdują w kolejności i by nie pobierać transferu niepotrzebnie użytkownikom na newsy, które są starsze, ale by była możliwość dla nowych i dociekliwych, by sobie je przeczytali.

Jak coś mi jeszcze przyjdzie do głowy to zedytuję.

Siwy - 21 Styczeń 16, 16:18

Ok generalnie nie mam teraz zbyt wiele czasu, ale na pierwszy rzut oka jeśli chodzi o wygląd - graficznie nie ma tragedii, ale typografia leży. Zapisałem sobie to dziadostwo na dysku i jak będę jechał pociągiem, to może zamiast się uczyć lub czytać, napiszę Ci co nieco, jak najlepiej wprowadzić pewne rozwiązania itd. ;)

Co do reklam - przy takiej oglądalności tylko by tę ostatnią psuły. Poza tym, jako że jest to strona-wizytówka, to nawet jeśli miałbyś więcej wejść, moim zdaniem niezbyt dobrym pomysłem jest wrzucanie reklam, po prostu, taki charakter witryny :) .

Pamiętam jak n+1 lat temu, gdzie n > 6, też korzystałem z ugu.pl :D . Idziesz całkiem niezłą drogą ;) .

Cytat:
Ta strona może korzystać z jakichś ciasteczek, nie wiem. Jak się nie zgadzasz to ić stont.


Nawet śmiechłem, jak to się dzisiaj w slangu młodzieżowo-internetowym mówi ;) .

DarnokOk - 21 Styczeń 16, 16:25

W zasadzie, może zrezygnuję z newsów na stronie, na rzecz newsów na twitterze i facebooku, ale to się jeszcze zobaczy.
Czym jest typografia? Bo znajduję sprzeczne definicje w internecie.
Może rzeczywiście, lepiej reklam nie umieszczać, nikt nie lubi reklam. :D
Wybrałem ugu, bo nic nie pisali o limicie podstron .html. A na innych darmowych można mieć tylko jeden plik .html; index.html.
No te ciasteczka nie wiem, czy jakieś moja strona generuje, doradź mi proszę, czy jest mi ta informacja potrzebna. ;)

Edit:
Ledwie się zacząłem uczyć PHP (nawiasem mówiąc bardzo przyjemny język), już widzę w jaki sposób można rozwiązać kwestię języka na stronie. Otóż element na stronie, np. treść newsa może mieć formę zmiennej $contentNews_01, która przyjmuje różne wartości (string w języku polskim lub angielskim) zależnie od wybranego języka u góry strony. Dobre rozumowanie? Da się to zrobić jeszcze prościej?

Siwy - 26 Styczeń 16, 22:34

Dobra, jestem już po wszystkich zaliczeniach, więc mogę w końcu ocenić te Twoje wypociny ;) .

Więc tak, wygląd nie najgorszy jak na osobę z końca gima nie zajmującą się jakoś szczególnie grafiką (mam nadzieję, że mam w miarę dobre informacje). Plus za tekstury i całkiem przyjemne logo wykonane osobiście jak sądzę? No ale poza tym, jak już wspomniałem, typografia leży totalnie. Co to jest typografia? W praktycznym znaczeniu, w kontekście m. in. stron internetowych, jest to ogólnie ułożenie i skomponowanie tekstu na stronie. Wchodzi w to dobranie odpowiednich czcionek, ustawienie ich proporcji, przerw między wierszami, marginesów etc.

No więc Twoje czcionki i ich wielkości etc. są dobrane niestety tragicznie. Generalnie panuje taka zasada, że dłuższe treści wyświetlane tylko w formie elektronicznej powinny być pisane czcionką bezszeryfową (choć ostatnio na bardziej designerskich stronach odchodzi się od tej reguły, ale umówmy się, że aby tak robić, trzeba mieć już pewną wiedzę i wyczucie). Oprócz tego, główna treść na Twojej stronie powinna być pisania nieco mniejszą czcionką i niepogrubioną. Ogólnie polecam też dłuższe teksty justować, jakoś ładniej to wtedy wygląda na moje oko. Te nagłówki od biedy mogą zostać w takim rozmiarze, aczkolwiek z pogrubienia też bym zrezygnował i jakoś ładniej je ułożył.

A teraz lecąc bardziej szczegółowo od góry. Na pewno to logo i cały top, powinny być dużo mniejsze. Jak dla mnie spokojnie 3 razy mniejsze. Nie jest dobrze, jeśli wchodzimy na stronę i nie widzimy żadnej treści, a tylko sam top, a już na pewno, gdy nie ma w nim nic specjalnie zajmującego. Zdaję sobie sprawę, że korzystam teraz głównie z laptopa o rozdzielczości 1366x768, ale po pierwsze pewnie oprócz mnie także dużo osób, a po drugie przede wszystkim na takiej rozdziałce strona powinna wyglądać dobrze. Poza tym pewnie jest też pewna przerwa, gdzie miała być reklama, więc polecam jednak raz na rok zapłacić te kilkadziesiąt złotych za swoje miejsce w sieci, jeśli już zajmujesz się programowaniem etc. i pozbyć się reklam i mieć stabilny serwer. Jest on przydatny nie tylko do samej strony www, ale dobrze mieć możliwość gdzieś umieścić pliki na serwerze i potem sobie z nich korzystać w innym miejscu ;) .

Menu jak menu, szału nie robi, może sobie być takie, ale na pewno trzeba poprawić to, o czym już mówiłem. Czcionka powinna być inna, nieco mniejsza i raczej nie pogrubiona. Powinny być trochę większe marginesy z góry i dołu.

Nagłówek, ta kreska i data newsa w tym miejscu raczej może zostać, zastosuj się jedynie do uwag nt. czcionek. Fajnie, że jest jakiś obrazek do każdego newsa, ale powinien być on w jakiejś odległości od tekstu (ja zazwyczaj daję jakieś 15px).

Stopka. Czcionki wiadomo. No a poza tym serio nie razi Cię to, że tekst włazi na krańce tego bloku? :P Zrób tam jakieś marginesy...

Mógłbyś też jakoś ogarnąć ten kontakt do Ciebie, bo leci wszystko jednym ciurkiem i w ogóle...

Jak to poprawisz w tym layout'cie, to - jeśli uznasz to za stosowne - będziesz mógł poprawić grafikę sama w sobie ;) .

A teraz co do kodu, czyli to co lubię najbardziej :D . Fajnie, że pilnujesz wcięć. No i to chyba tyle dobrego w tym kodzie xD.
HTML:
1) Transitional jest be.
2) Poleca się umieszczać atrybut "lang" dla tagu <html>
3) Kodowanie znaków powinno być pierwszym elementem w <head>
4) W topie fajnie jakbyś zastosował technikę image replacement dla tekstu (a logo jako <img>).
5) Id powinno być unikatowe w obrębie jednego dokumentu HTML - jeśli chcesz dane style zastosować dla wielu elementów, używaj klas.
6) Menu powinno być zbudowane jako lista nieuporządkowana <ul>.
7) Newsy to też powinna być taka lista.
8) <br />/<hr /> są niefajne.
9) Nagłówki powinny być w strukturze kodu HTML umieszczane po kolei: h1, potem h2, h3 itd., rozumiesz.
10) Obrazek też może mieć klasę, obramowanie (nawet margines wewnętrzny i wtedy tło robi za dodatkową ramkę, zobacz na mojej stronie), a zatem zbędny div.
11) Treść newsa jako nagłówek h2?! I całość w <p>?? Trochę.. średnio.
12) Przyjmuje się, że <h1> to powinien być nagłówek tytułowy całej strony (choć w HTML5 nie jest to już takie jednoznaczne, ale to na razie nie powinno Cię interesować xD)
13) | w stopce to powinno być boczne obramowanie dla któregoś elementu.
14) Czepiam się być może nazewnictwa, ale "top" to powinien być id dla topu, a nie dla kontenera na całą stronę. Poza tym <body> i <html> też mogą mieć style, więc prawdopodobnie ten div jest zbędny.
15) Zdecyduj się, czy stosujesz styl HTML, czy XHTML (domknięcia tagów, które nie mają tagów zamykających) i zastosuj też odpowiednie DOCTYPE.

Jak to poprawisz, to zajmiemy się przejściem kodu na HTML5.

CSS:
1) Poczytaj o cechach łączących w sobie kilka dotyczących tego samego (pewnie można to ładniej nazwać xd), np. background zamiast background-image, background-repeat, background-cośTamJeszcze, tak samo margin itd.
2) Rozmiar czcionki bez podania jednostek? Pierwszy raz widzę taki myk xD.
3) pseudoklasy :active, :link, :visited można krócej opisać pisząc po prostu a { } a potem a:hover { }. Działanie będzie takie samo, a kod czytelniejszy i łatwiejszy w utrzymaniu.
4) "vertical-align: text-top;" jest to konieczne?

Cytat:
Te serwisy społecznościowe mógłbym dać po prawej stronie tej długiej kolumny, tak, żeby były na każdej podstronie. Fajnie by było, żeby jeździło wraz z rolką, tj. było zawsze w jednym miejscu. Da się to zrobić w PHP, czy potrzeba JS?


Wystarczy chyba nawet sam CSS ;) .

Cytat:
W jaki sposób zrobić język angielski? Wiadomo; chcę, by każda podstrona miała możliwość wyświetlania w języku polskim i angielskim. W prawym górnym rogu dałbym takie malutkie flagi służące zmianie języka. Rozumiem, że do tego też warto użyć PHP?
(...)
Ledwie się zacząłem uczyć PHP (nawiasem mówiąc bardzo przyjemny język), już widzę w jaki sposób można rozwiązać kwestię języka na stronie. Otóż element na stronie, np. treść newsa może mieć formę zmiennej $contentNews_01, która przyjmuje różne wartości (string w języku polskim lub angielskim) zależnie od wybranego języka u góry strony. Dobre rozumowanie? Da się to zrobić jeszcze prościej?


Raczej słaby pomysł. Byłoby to niezbyt wygodne.. Dopóki nie zrobisz jakiegoś CMSa (być może w ogóle nie będziesz go potrzebował do takiej małej strony; ja jestem człowiek starej daty i na swojej stronie wolę mieć pełną kontrolę nad każdym znakiem :D zresztą w większym serwisie, który prowadzę, www.dag-krzystkowice.com też (jeszcze) nie mam CMSa) zainteresuj się funkcją include(). Wtedy zrobisz sobie tablicę z adresami do plików w obu językach i ifem będziesz sterował, czy ma załadować polski plik, czy angielski (aha oczywiście korzystając ze zmiennej $_GET przesyłanej w adresie strony, która będzie zawierała kod języka; przy czym najlepiej żeby polski był defaultowo, czyli brak tej zmiennej, żeby nie śmiecić w adresie niepotrzebnie).

Cytat:
No te ciasteczka nie wiem, czy jakieś moja strona generuje, doradź mi proszę, czy jest mi ta informacja potrzebna. ;)


Raczej nie wydaje mi się ;) . Jeśli sam ich nie deklarujesz, to hosting tego prawdopodobnie nie robi.

DarnokOk - 26 Styczeń 16, 23:40

Siwy napisał/a:
Więc tak, wygląd nie najgorszy jak na osobę z końca gima nie zajmującą się jakoś szczególnie grafiką (mam nadzieję, że mam w miarę dobre informacje). Plus za tekstury i całkiem przyjemne logo wykonane osobiście jak sądzę?

Tak, grafiką wiele się nie zajmowałem i logo oraz tekstury zaprojektowałem samemu. Tło strony zrobione w Gimpie, logo i tło środka w Inkscape.


Siwy napisał/a:
Na pewno to logo i cały top, powinny być dużo mniejsze. Jak dla mnie spokojnie 3 razy mniejsze. Nie jest dobrze, jeśli wchodzimy na stronę i nie widzimy żadnej treści, a tylko sam top, a już na pewno, gdy nie ma w nim nic specjalnie zajmującego. Zdaję sobie sprawę, że korzystam teraz głównie z laptopa o rozdzielczości 1366x768, ale po pierwsze pewnie oprócz mnie także dużo osób, a po drugie przede wszystkim na takiej rozdziałce strona powinna wyglądać dobrze.

No to dosyć zabawne, że gdy projektowałem stronę, myślałem o szerokości monitorów, a o wysokości nie. Przemknęło mi przez myśl, by zmniejszyć logo; w takim razie to zrobię.


Zastosuję się do rad które wypisałeś. Jest ich tak dużo, że chyba lepiej zabrać się do działania, jak "usprawiedliwiać" się. :P Poprawię w ramach odskoczni od C++ wkrótce. Ale to wkrótce może być długie. Dzięki za wkład, napiszę, gdy już będzie wszystko zrobione. :)

Artxt123 - 27 Styczeń 16, 14:48

Siwy napisał/a:
Cytat:
No te ciasteczka nie wiem, czy jakieś moja strona generuje, doradź mi proszę, czy jest mi ta informacja potrzebna. ;)


Raczej nie wydaje mi się ;) . Jeśli sam ich nie deklarujesz, to hosting tego prawdopodobnie nie robi.


A jednak: :P

Tu z Chroma:

https://www.dropbox.com/s...okies1.png?dl=0

Tu z Mozilli:

http://www.dropbox.com/s/...okies2.png?dl=0

Siwy - 27 Styczeń 16, 20:28

A faktycznie, nie miałem na lapie Webdevelopera, żeby sprawdzić, a nie instalowałbym specjalnie da sprawdzenia ciasteczek jakiejś mało znaczącej strony xD.

Powered by phpBB modified by Przemo © 2003 phpBB Group