--> Archiwum Forum
Ogon. [ Uzależniony od Marysi ]
Prośba o ocenę layout-u i sporo pytań o własną stronę www :)
Witam!
Jak ktoś pamięta mój poprzedni wątek - jednak postanowiłem się zabrać za samodzielne robienie strony :P
Pożyczone jest w sumie prawie wszystko (za zgodą twórców) - kartka (środkowa i boczna) oraz górna deseczka. Napisy, poprawki graficzne, ustawienie, buttony moje.
Strona robiona w programie Web Page Maker... ale mam zamiar zaopatrzyć się w Adobe Dreamweavera - jakieś opinie o tym programie?
A teraz seria pytań:
1. Jaki darmowy serwer proponujecie na początek? Znacie jakieś fajne?
2. W programie jak pisałem po buttonach jakąś fajną czcionką to w podglądzie jest normalna (patrz screen) - ktoś wie czemu i jak to zmienić? Do tego np czcionka "arial" nie wyświetla polskich znaków...
3. Zna ktoś jakieś fajne i klimatyczne zegary w javie? :)
4. Czy zrobienie opcji użytkowników i komentarzy jest możliwe dla początkującego? Jakieś poradniki? Da radę to zrobić w tym programie adobe?
5. Da się wrzucić na taką stronę thumbnailsy (np. z galerii w googlach?)
6. Jak zrobić tak żeby ta główna kartka papieru (ten obrazek na środku) przewijał się? Tzn np jakbym wrzucił dużo tekstu (więcej niż się mieści na takiej kartce) to żeby ona się tak fajnie rozciągała i dodawał się pasek przewijania?
7. Jak wygląda aktualizowanie takiej strony? Dopisuje nową rzecz na kompie i uploaduje stronę jeszcze raz, czy może da się zrobić tak żebym miał jakiś "panel administratora" na stronce i tam piszę jakiś tekst i on to automatycznie dodaje do danego działu?
...jak coś mi jeszcze przyjdzie do głowy to zapytam :)
Pozdrawiam :)
PS. nazwa jest tymczasowa... ale pewnie zostanie, na inną pomysłu narazie nie mam :P
Rosenkreutz [ Generaďż˝ ]
Kompletnie mi się nie podoba, ale jeżeli ma to być amatorskie hmmmmm chociaż tak czy siak jest brzydko.
Ogon. [ Uzależniony od Marysi ]
kompletnie amatorsko - moja pierwsza strona :P
A coś konkretnego Ci się nie podoba, czy ogólnie?
Małp@ [ MKS Mława ]
Nie wiem jak ty ale ja zrobiłem sobie strone na www.yoyo.pl i server jest w mysql 150 mb i sie nic nie płaci a tak to najlepiej jest strone robic na cms extreme-fusion a dodatki pobierac z www.extreme-fusion.pl
chickenom [ The Ramones ]
1. yoyo.pl - syf jakich mało, ale lepszego nie znalazzłem do tej pory.
2. kodowanie ustaliłeś?
3. zegar w javie syfiasto wygląda - ogólnie java odchodzi w niepamięć.
4. nie. nie.
6. tak, ale bedzie brzydko wyglądało, bo krawędź w Twoim przypadku jest nieregularna.
7. zależy. Jeśli napiszesz panel admina to bedziesz wszystko robił z poziomu strony. Jeśli nie, to z poziomu edytora html.
Co Ci mogę doradzić, wiem po sobie, jak zaczynałem i niewiele się to różni od moich pierwszych projektów :). Pamietaj, strony z pływającymi w przesrzeni menusami są już niemodne - teraz robi się jednego zwartego klocka, w którym wszystko jest - tak to mogę określić.
meryphillia [ Forever Psychedelic ]
W sprawach technicznych się nie wypowiadam, bo się nie znam na tyle.
Mogę tylko poradzić, że jeśli tylko Ty będziesz zajmował sie strona, to zapomnij o jakimkolwiek forum i komentarzach dopisywanych przez odwiedząjących stronę.
Dlaczego? Dlatego, że jeśli nie będziesz mógł sie opiekować strona "na bieżąco", to wszelakie Trolle i "inteligentni inaczej", szybko zrobią na takim forum śmietnik z którym ciężko będzie Ci sobie poradzić.
Mi zawsze brakowało na mojej stronie komentarzy od użytkowników, ale niestety nie byłem w stanie kontrolować strony nawet raz na dzień czasami i się tym nie babrałem.
Teraz będę miał więcej czasu, więc siedzę nad pierwszą od wielu miesięcy aktualizacją i być może nawet mozliwość komentarzy dorzucę :).
Ogon. [ Uzależniony od Marysi ]
chickemon ->
1. A jakieś zagraniczne są ciekawe?
2. Kodowanie (character set?) mam ustawione na ANSI (ISO-8859-1).
3. A w czym proponujesz ten zegar?
7. Znasz jakieś poradniki jak to zrobić? :)
Nie planowałem żeby coś pływało :P
meryphillia -> Nie sądzę żeby ta strona ściągała dużo troli :)
no zobaczymy... najpierw uruchomie normalnie, a potem pomyślę nad komentarzami
...nikt już nie komentuje wyglądu - aż tak beznadziejny? :P
Ogon. [ Uzależniony od Marysi ]
up
chickenom [ The Ramones ]
Ogon, wygląd jest beznadziejny,
1. Cięzko powiedzieć. Na forum.webhelp.pl masz listę dobrych serwerów.
2. W Twoim przypadku to Photoshop nie wyświetla poprawnie znaków.
3. W php? Swoją drogą po co Ci on?
7. Sporo nauki przed Tobą. Ot tak zaraz go nie zrobisz.
Coy2K [ Veteran ]
tragedia... pomijam fakt ze na "layout" sklada sie jakas darmowa tekstura poniszczonej kartki papieru, którą powieliłeś. Pojęcie typografii tez zapewne jest Ci obce, wywal i rob od nowa...
Ogon. [ Uzależniony od Marysi ]
Coy2K -> już wiem co to znaczy, nie wiem jak to zastosować.
...jeszcze jak Ty napisałeś że tragedia to ja rezygnuje :)
Właśnie zabiliście we mnie chęć do tworzenia stron, zostanę przy szablonie vgh.pl, albo w ogóle sobie daruje :)
Coy2K [ Veteran ]
to nie tak, nikt w Tobie niczego nie zabija, nikt nie rodzi sie geniuszem i nie tworzy od razu dzieł sztuki. Zeby dojsc do estetyki potrzeba czasu i wielu miesiecy, czasem lat praktyki. Gust i styl przyjdzie z czasem i wowczas sam zaczniesz odpowiadac sobie na pytanie "czy ładną stronę zrobiłem?"
moneo [ Nikon Sevast ]
Ogon.--->
Pomijam warstwę wizualną, którą faktycznie mógłbyś trochę uprościć. Zwróć też uwagę na niską czytelność czcionki w niektórych miejscach okna głównego.
Wygląda na to, że nie przemyślałeś jeszcze do końca struktury i zawartości serwisu - proponuję to zrobić przed stworzeniem layoutu, którego zadaniem jest przedstawić jak najlepiej treść. Innymi słowy, zabierasz się do pracy trochę od tyłu. Przez to, później będziesz zmuszony dopasowywać treść do grafiki, co na ogół sporo obniża i efekt estetyczny i użyteczność serwisu.
Brak koncepcji widać np. w projekcie nawigacji - niepotrzebnie planujesz menu poziome i pionowe, powtarzając część opcji w jednym i drugim. Przez to każdy, kto chce "ogarnąć" serwis, musi przeczytać obydwa menu w dodatku zastanawiając się, jaka jest zależność między nimi (a póki co nie ma chyba żadnej).
6. Jak zrobić tak żeby ta główna kartka papieru (ten obrazek na środku) przewijał się? Tzn np jakbym wrzucił dużo tekstu (więcej niż się mieści na takiej kartce) to żeby ona się tak fajnie rozciągała i dodawał się pasek przewijania?
Odradzam. Niezależnie jak dobrym pomysłem Ci się to wydaje wizualnie, już od 96 roku eksperci usability wysuwają przeciw dzieleniu stron na ramki ciężkie argumenty (np.
Ogon. [ Uzależniony od Marysi ]
moneo -> czcionka jest taka jaką widać po napisaniu czegokolwiek w tym programie jakąkolwiek czcionką... to jeden z problemów.
Główny tekst miałbyć pisany normalną, grubą, dobrze czytelną czcionką. Natomiast napisy na buttonach itp. miałby być pisane taką fajną, zawijaną (coś jak w logo, ale bez przeróbki).
Ilość butonów i to co jest na nich napisane też jest przykładowe - nie zastanawiałem się jeszcze dokładnie ile i jakie będą podstrony - wszędzie mogłem narazie napisać "coś tam".
Co do powtarzania się opcji - to fakt. Po prostu zauważyłem coś takiego na sporej ilości stron w necie i pomyślałem "po coś tak robią..."
dzięki za link, ciekawy :)
A co do koncepcji, zawartości i struktury serwisu to większość rzeczy mam już przemyślane.
darek_dragon [ 42 ]
Kilka luźnych uwag.
Po pierwsze: zabierasz się do robienia strony... od złej strony. Wszelkiej maści potworki stworzone przez generatory WYSIWYG są zmorą internetu. Najlepiej zacząć od nauczenia się XHTMLa i CSSa. Fakt, wymaga to więcej pracy, ale końcowy efekt jest naprawdę znacznie lepszy.
Po drugie: uwaga estetyczna. Jedną z podstawowych zasad typografii jest umieszczanie tekstu na kontrastowym i jednolitym tle (co najwyżej lekki deseń). Zwiększa to znacznie czytelność i przyjemność korzystania z twojej witryny. Takie wymyślne tekstury, jak użyta przez ciebie, można zastosować do uzupełniających elementów graficznych (np. do urozmaicenia nawigacji albo jako tło całej strony).
Po trzecie: uwaga techniczna. Używaj Unikodu. Zaopatrz się w narzędzie, które obsługuje kodowanie znaków UTF-8 (ewentualnie użyj jakiegoś dostępnego w sieci konwertera) i zawsze umieszczaj stosowną deklarację w sekcji meta nagłówka (jesli nie wiesz, co to jest - odsyłam do punktu pierwszego).
Po czwarte: w Internecie nie można użyć dowolnej czcionki. Komputer osoby, która wejdzie na twoją stronę, jest w stanie wyświetlić tylko te czcionki, które ma u siebie zainstalowane. W praktyce oznacza to, że na stronach najlepiej używać jak najbardziej podstawowych fontów: Arial, Verdana, Tahoma, Lucida, Trebuchet, Times New Roman, Georgia.
Po piąte: co do pytań 4 i 7. Istnieją w necie takie cosie, co się zowią CMS (Content Management System). Są to skrypty uruchamiane po stronie serwera (najczęściej w PHP), które zajmują się "brudną robotą", czyli generowaniem stron, systemów komentarzy, for, itp. Wiele jest darmowych. Do ciebie należy na ogół tylko zrobienie odpowiednich szablonów i to, co tygryski lubią najbardziej, czyli zarządzanie (dodawanie nowych artykułów, moderowanie, itd.). Aby uruchomić coś takiego potrzebujesz serwera z obsługą PHP i jakiejś bazy SQL (najczęściej MySQL). Na tej stronce można zobaczyć jak wyglądają popularne open-source'owe CMSy do różnych zadań i pobawić się panelami administracyjnymi:
Ogon. [ Uzależniony od Marysi ]
Kompletnie nie znam się na htmlu (xtml? css?) - chiałem po prostu zrobić stonkę dzięki temu WYSIWYG...ale podejrzewam że ich optymalizacja nie jest za dobra :)
Mi się dobrze czyta pogrubiony tekst na tej "kartce" :P
A apropo czcionek to ok. Będę pisał normalny Arialem.
Ogon. [ Uzależniony od Marysi ]
To ja mam jeszcze tylko jedno pytanie - czy da się zrobić tak, żeby po kliknięciu w jakiś link np po lewej nie odpalała się nowa strona w całości, tylko ta kartka w środku?
Żeby wszystko oprócz tej kartki nie ładowało się od nowa, żeby było stałe... mam nadzieję że zrozumiale to opisałem :P
maviozo [ Man with a movie camera ]
Ogon. -> zrozumiale. Musisz zrobić w ramkach. <frameset> i tak dalej. Tyle że jak ktoś wyżej nadmienił, przestaje się to stosować na rzecz php i składania menu, stopek i głównej zawartości na każdą stronę z osobna.
Jednak to co chcesz osiągnąć - ładowanie i przewijanie tylko głównego okna jest wykonalne i proste.
PS. polecam -> czysty html i css. Bardzo przydatne. Mam w ulubionych.
K4B4N0$ [ Pan od Batmana ]
5gbfree.com - 5GB na serwerze MySQL.
cziconka wyglada troche badziewnie, kompletnie nie pasuje do tla.
halski88 [ Pan Prezes ]
czcionki paskudne
Ogon. [ Uzależniony od Marysi ]
maviozo -> czyli jak nic, muszę zacząć się uczyć htmla od początku... bo tak czytam fragment o ramkach i kompletnie nie rozumiem co gdzie trzeba wstawić - nauka od środka nie ma sensu :P
Jeszcze tylko mam nadzieję że adobe dreamweaver będzie miał opcje tworzenia ramek dla niepełnosprytnych :P
K4B4N0$, halski88 -> Jedyna czcionka jaka z tego zostanie to ta w logo i ta na głównej kartce (tylko większa i czytelniejsza).
maviozo [ Man with a movie camera ]
Wbrew pozorom to nie jest takie trudne. Może jestem jakiś dziwny, ale nauka htmla czego wynikiem jest osiąganie pożądanych efektów daje mi ogromną satysfakcję. Jak już skumasz to pójdzie Ci szybko. Naprawdę polecam kurs z mojego linka, wszystko jest prosto, łatwo i dla ludzi.
Z nauką od środka...ja zacząłem od JavaScriptu jeszcze nie rozumiejąc htmla:)
(wcale nie twierdzę, że jestem dobry w JS czy html - po prostu to co umiem mi wystarcza)
Odnośnie ramek uwaga z kursu: Technika ta jest jednak uznana w HTML 4 i XHTML 1.0 za schyłkową (pozostaje w obrębie wersji Doctype Transitional i Frameset), zaś w XHTML 1.1 została zaniechana, podobnie jak pływające ramki. Opis techniki umieszczamy tutaj ze względu na fakt, że jest ciągle jeszcze stosowana przez niektórych webmasterów, odradzając jednak jej stosowanie.
Tyle że nie wchodząc w php tego efektu raczej w ogóle nie osiągniesz. Chyba że w każdym pliku chcesz wkładać stopkę i menu. Problem zacznie się kiedy dodasz do menu jedną pozycję - będziesz musiał zmieniać na każdej stronie ręcznie. Z ramkami i php zmieniasz tylko w menu. Tyle ode mnie.
Co do Twojego layout'u -> czcionka i przyciski mają się do obdartej kartki jak pięść do nosa. Musisz coś z tym zrobić.
Ogon. [ Uzależniony od Marysi ]
maviozo -> no zobaczymy... dzięki za porady :)
A apropo layoutu to przyciski zniknęły już parę godzin temu :P
Ogon. [ Uzależniony od Marysi ]
prezentuje się to tak :)
...tylko nie wiem czemu nie ma polskich znaków :/
Lutz [ Senator ]
charset=utf-8 - nie ma szans na polskie znaki :)
charset=windows-1250
lub lepiej
charset=iso-8859-2
oprocz tego sprobuj eksportu do gif tych grafik 32kolory dithering 100%, okropnie wyglada kompresja jpg na tekstach
ostatecznie png - ale beda wiecej zajmowac
chickenom [ The Ramones ]
pngi są najbardziej wydajne (jakość/wielkość).
Ogon, jeżeli poddajesz się już na starcie to nigdy nie zrobisz ładnej strony. Dla podbudowania, polecam moje stare watki o tejże tematyce :). Każdy jakoś zaczynał :D
Ogon. [ Uzależniony od Marysi ]
Lutz -> dziwne, a pliku .html mam iso-8859-2... i też nie odpalają się polskie znaki (nawet jak odpalam z kompa)
chickemon, Luzt -> środkowa kartka w .png zajmuje mi ponad 1 mb, a w .jpg 40 kb (przy 100 kb, wygląda ładnie), .gif zajmuje 400 kb
Lutz [ Senator ]
ogon, sugerujesz ze ktos ci zmienia kod strony po drodze ? zobacz zrodlo stronki w przegladarce i sprawdz pierwsza linie <meta>
artefakty widac na obrazkach z tekstem nabitym, i te powinny zostac zmienione. reszta (tlo i gorny naglowek) sa ok
darek_dragon [ 42 ]
Co do polskich znaków:
Nie wystarczy zdefiniować w sekcji meta kodowania. Twoja strona ma obecnie polskie znaki zakodowane w Windows-1250. Jeśli napisałbyś w meta charset=windows-1250 to strona wyświetli się poprawnie. Jednak jest to z różnych względów metoda zła. Lepiej przekonwertować strony do UTF-8 (choćby przedwiecznym, ale wciąż niezastąpionym programem Ogonki'97 ( ) i wtedy oczywiście napisać charset=utf-8.
Co do grafiki:
Do grafik nie powinno się używać JPEGów, ze względu na artefakty. Najlepiej stosować PNGi lub w ostateczności GIFy (jeśli np. chcesz używać przezroczystości, nIEporozumienie starsze niż 7.0 nie obsługiwało przezroczystych PNG). Jeśli rozmiary grafik są za duże to uprość je. Najprościej zmniejszyć w programie graficznym paletę do 128, 64 albo nawet 32 kolorów (oczywiście z optymalizacją). Często tyle wystarcza do prostych obrazków, a rozmiar plików maleje znacznie. Poeksperymentuj w tym zakresie.
O kodzie się nie wypowiadam, bo oczywiście jest porażką (ach te absolutnie pozycjonowane divy i style inline :).
wi3dzmin [ Generaďż˝ ]
Ogon -> nieczytelne to wszystko. Ustawianie zegara na stronie jest troche bez sensu, w końcu każdy z nas ma go na dole po prawej ;) Mógłbym długo komentować, ale powiem jedno: bez znajomości html, css itp nie masz co zabierać się za robienie ładnych stron. Edytory graficzne są dobre do zabawy. Poza tym nie masz podstaw na temat kodowania, czcionek itp, bez tego nawet w takim edytorze będzie ci ciężko osiągnąć to co chcesz, a sama strona będzie miała pełno błędów i w każdej przeglądarce będzie wyglądać inaczej.