32 odpowiedzi w tym temacie

[Michał890]

Witajcie. W ostatnim czasie uruchomiłem swoją pierwszą (własną) stronkę internetową. Treści zamieszczone na niej kierowane są do wszystkich miłośników lotnictwa, szczególnie tych mniej zaawansowanych w wuedzy. Strona stawia na prostotę przekazu informacji, nie zawiera zbędnych "bajerów". Staram się stworzyć taki "mały niezbędnik" podstaw o lataniu. Codziennie pracuję nad rozwojem treści. Minęło dopiero 20 dni od jej uruchomienia jednakże już mogę wam zaprezentować pierwsze efekty swojej pracy i poddać waszej krytyce.... Strona na zawsze pozostanie nie komercyjna. Proszę was o jej rzetelną ocenę / recenje i uwagi.

www.polishbirds.cba.pl

Pozdrawiam serdecznie

[Kamillo]

Na początek proponuje skorzystać z darmowego szablonu
Raczej jakby zamiast zdjęć były zwykłe prostokąty i ładne menu.
Statystyki też raczej w kolumnie obok.
Na górze jakieś fajne logo i napis strony.
Powodzenia!

[Michał890]

Na początek proponuje skorzystać z darmowego szablonu
Raczej jakby zamiast zdjęć były zwykłe prostokąty i ładne menu.
Statystyki też raczej w kolumnie obok.
Na górze jakieś fajne logo i napis strony.
Powodzenia!

Czyli radzisz żeby zrobić zwykłe menu "zerżnięte" z darmowego szablonu.... hm... zgodzę się z Tobą że może byłoby to bardziej przejrzyste, bo obecnie szedłem bardziej w kierunku oryginalności... Czyli mimo wszystko Jesteś za układem "klasycznym" strony. Mówiąc o statystykach masz zapewne spis nowości na stronie? . Poza tym jak oceniasz sens projektu, czyli czy cokolwiek dała Ci ta wizyta:)?

[magik092]

Brakuje tytułu strony (w sekcji <head> brakuje znacznika <title></title>).
Na górze troszkę jest "nawalone" rzeczy. U góry powinno być coś od logo, ewentualnie jakiś tytuł.
Pomysł z obrazkowymi linkami nie jest zły jednak te linki masz troszkę porozwalane na stronie, odwiedzający może się troszkę pogubić. Podziel to najlepiej na tematyczne meny, np. główne to strona główna, o nas, kontakt, poniżej (lub gdzieś w jednym miejscu) pozostałe linki (najlepiej już nie obrazkowe, albo inne też przerobić na obrazkowe).
Generalnie pomysł fajny, troszkę ją jeszcze uporządkować i grafikę w tle bym zmienił na jakąś lepszej jakości, najlepiej wyśrodkowaną z kolorem tła takim jak krawędzie obrazka w tle, nie powtarzać go.
Informację "Strona na etapie budowy od 10 Stycznia 2013 do 10 Lutego 2013" dać niżej, bo teraz robi się z tego tytuł strony
I troszkę trzeba popracować nad stylami czcionki, pod IE nie widać w ogóle linków (zlewają się z tłem).
Jeśli wejdzie się np. pod adres acrobation.html to brakuje nawigacji.

Jak na pierwszą stronę to całkiem dobrze Ci idzie
Proponuję swoją przygodę rozwijać o wiedzę z takich stron jak kurshtml.edu.pl.

Pozdrawiam.

[Formulao]

Zgadzam się z Magikiem. Zmienił bym tło, ponieważ zmywa sie z tekstem i linkami. Jak na pierwszą stronę to nawet spoko.
Chcesz kupić moją grafikę?? Przerobisz logo trochę tło i będzie działało. Grafika podana ponieżej

[Michał890]

Widzę że strona główna nie przypada większości z was do gustu, zastosuję wasze rady za jakiś czas. Obecnie rozbudowuje działy kategorii i przyznaje że jeszcze w wielu miejscach (nie tylko w acrobation.html) nie ma jeszcze nawigacjii, będe ją dodawał oczywiście. Więc po waszych ocenach stwierdziłem że przebuduje stronę główną od podstaw, a resztę poprawię czytelność grafikę i będe dalej rozwijał projekt z pierwotnie przyjętym nurtem. Co do oferty zakupu grafiki nie jestem zainteresowany ponieważ strona ma nie generować dochodów jak również ma nie generować kosztów:)Ale przyznaję bardzo ładna ta Twoja grafika:) Przytoczone linki znam, choć co prawda moje źródło wiedzy o html jest inne. Harmonogram mojej pracy jest taki że codziennie coś tworzę/modyfikuję/usuwam a aktualizacja następuje minimum raz w tygodniu. Zapraszam was do odwiedzania stronki, a gdy już zbuduję coś "poważnego" zawiadomię was tutaj i poddam się krytyce ponownie:) Teraz zależało mi na opinii typu "czy ma to nogi i ręce oraz sens życia". Dziękuje za opinie. Pozdrawiam

[Kamillo]

Czyli radzisz żeby zrobić zwykłe menu "zerżnięte" z darmowego szablonu.... hm... zgodzę się z Tobą że może byłoby to bardziej przejrzyste, bo obecnie szedłem bardziej w kierunku oryginalności... Czyli mimo wszystko Jesteś za układem "klasycznym" strony. Mówiąc o statystykach masz zapewne spis nowości na stronie? . Poza tym jak oceniasz sens projektu, czyli czy cokolwiek dała Ci ta wizyta:)?

Radzę zrobić proste menu, które będzie przejrzyste i ładne.
Statystyki to te, które znajdują się na górze np. "Ostatnia aktualizacja strony: piątek, 1 lutego 2013.
I polecam to zrobić coś w stylu, żeby na środku był najnowsze wpisy - tak, żeby było wiadomo czy coś nowego zostało dodane.
I taki wpis powinien być dodany właśnie do jakiejś kategorii.
Jeśli chodzi o tła w tle to wydaje się być to dobrym pomysłem, tylko zrób tak, aby było wszystko czytelne.

[Michał890]

Stronę główną przebuduję w późniejszym czasie jak już pisałem bo po przemyśleniu tematu macie racje niektóre elementy stają się nieczytelne. Postanowiłem mimo wszystko na dalszych stronach trwać w koncepcji "obrazkowej" tak jak na stronie przykładowej opisujcęj budowę samolotu. Jest obrazek, są strzałeczki z odnośnikami do opisów.... proste poziom przedszkolny można powiedzieć ale myślę że jest to przejrzysta forma przedstawiania informacji. Za dawnych lat żeby odnaleźć różne, lecz dobre informacje musiałem "przekopywać" wiele stron w internecie oraz wiele literatury. Dziś swoją wiedzę, domową literaturę a także znane serwisy internetowe pragnę umieścić w jednym miejscu. Żeby zainteresowani długo szukać nie musieli:) Nie wiem czy ktoś was kręci się tematyką lotnictwa, jeśli tak to zapraszam do współpracy.

[Michał890]

Zmieniłem narazie stronę główną. Proszę zajrzyjcie i powiedzcie czy w dobrym kierunku teraz idę czy może jest gorzej niż było.... Jeśli jest ok to podstrony też przerobie na ten styl..... Oczywiście ta główna strona którą zobaczycie teraz będzie rozwijana dalej, zrobiłem ją aby was zapytać "co teraz?".

[Kamillo]

Skasuj kalendarz, bo jest do bani. Dodaj z tej strony coś innego.
Bardziej chodziło o takie coś, żeby pisało, a pojawiło się i znikało - chodzi o napisy te co są na górze.
I najlepiej to tło, żeby było całością, czyli takie same i do końca strony, a nie w 3/4 się urywa.
To menu z boku może być tylko bardziej bym urozmaicił tą czcionkę, dał jakąś inną.
Chociaż mniejsze te prostokąty też by mogły być.
No i to tło w tle jest fatalne jak dla mnie, ale to tylko moje opinie.

[magik092]

Tak, podkładzik dla postów fajnie, że się pojawił, jest to teraz wyraźne ale nie pasuje to do tła strony.
Jak napisał @up, menu zajmuje za dużo miejsca, trzeba zjechać niżej żeby zobaczyć link do kontaktu Ikonki jak najbardziej mogą być ale faktycznie mniejsze.
Przydałby się też podpis dla menu ("Menu:" i poniżej linki).
Brakuje tytułu strony (w sekcji <head> brakuje znacznika <title></title>).
To śmigło w rogu mi troszkę nie pasuje
I nie rozumiem trochę o co chodzi z tym tekstem na samolocie, to też forma podkładu dla contentu? Wypadałoby się trzymać tematycznie tego samego (np. ten pergamin).

[Michał890]

Tak, podkładzik dla postów fajnie, że się pojawił, jest to teraz wyraźne ale nie pasuje to do tła strony.
Jak napisał @up, menu zajmuje za dużo miejsca, trzeba zjechać niżej żeby zobaczyć link do kontaktu Ikonki jak najbardziej mogą być ale faktycznie mniejsze.
Przydałby się też podpis dla menu ("Menu:" i poniżej linki).
Brakuje tytułu strony (w sekcji <head> brakuje znacznika <title></title>).
To śmigło w rogu mi troszkę nie pasuje
I nie rozumiem trochę o co chodzi z tym tekstem na samolocie, to też forma podkładu dla contentu? Wypadałoby się trzymać tematycznie tego samego (np. ten pergamin).

Znacznik title w head jest od dawna nie wiem dlaczego mówisz że go nie ma.... tytul strony wyświetla się w przeglądarce. Śmigło w rogu jakoś MI się spodobało więc narazie zostanie:) bez niego jest dziwna pustka:) Pergamin to taka tablica ogłoszeń nowości, wiem że w stosunku do tła stanowi duży kontrast ale powiem wam że spodobało się na innym forum...
Samolot poniżej stanowił "informację że strona jest rozbudowywana obecnie" czyli obrazek był jedynie ubarwieniem sytuacji:) No cóż.... ale w związku z waszymi (i nie tylko) uwagami znowu zrobiłem rewolucyjne zmiany więc zobaczcie co teraz....

[Kamillo]

No menu już wygląda całkiem przyzwoicie, tylko...
Czego pole aktywne jest tylko na obrazu i między tekstem?
Lepiej byłoby jak byś zrobił tak, aby nie było widać tła - osobny kolor.
Obrazki też powinny być takiej samej wielkości, lepiej będzie to wyglądać.
No i ten napis Menu też by się przydał.

[mw_1975]

Nowa strona jest w porządku, ale starsza o wiele bardziej mi się podobała. Prawdziwym problemem było moim zdaniem zakrywanie części tekstu przez reklamy z hostingu. Wręcz nie potrzebna była zmiana teł. Trzeba było spróbować zmienić po prostu kolor czcionki - by może biała byłaby bardziej czytelna. W starej bardzo podobało mi się, że nie była właśnie taka szablonowa. Przypominała mi jakiś program multimedialny. Ale to tylko mój gust!

Od siebie radzę Ci - kontynuuj projektowanie takich innych niż większość witryn. Bo ile można patrzeć na te same techniki?

[magik092]

Faktycznie, coś mnie zaćmiło i wmówiłem sobie, że nie ma title patrząc nawet w źródle strony, starzeję się Możliwe, że drażniło mnie to, że tytułem strony jest adres, fajnie (moim zdaniem) byłoby albo pozbyć się www. albo "nazwać" ją "Polish Birds".
Idziesz w dobrym kierunku, coraz lepiej to wygląda. Co do tych grafik w menu o których pisze @Kamillo to faktycznie drażnią troszkę różnice w długościach, albo to przykadrować albo dodać obok tło dla reszty buttona.
Kolejnym zabiegiem byłoby wyśrodkowanie strony, lepiej to wygląda wtedy.
Stosowanie img jako tła jest troszkę kłopotliwe, pod starszymi IE pewnie stronka się posypie, a jak ktoś będzie chciał zaznaczyć tekst na stronie to cały czas będzie łapał zdjęcie z tła. Lepszym rozwiązaniem jest ustawienie background dla danego div'a (tak jak masz w body).

Tło - @mw_1975 ma rację, mi wcześniej chodziło o zmianę tła na jakieś większej jakości bo piksele było widać w tamtym, aktualne tło strasznie zwraca na siebie uwagę, a powinno być po prostu podkładem.

[Michał890]

Dziękuje za konstruktywne uwagi .Napis menu pojawi się wkrótce, pole aktywne naprawię ten błąd wraz ze skalowaniem obrazków na przyciskach.

"Nowa strona jest w porządku, ale starsza o wiele bardziej mi się podobała. Prawdziwym problemem było moim zdaniem zakrywanie części tekstu przez reklamy z hostingu. Wręcz nie potrzebna była zmiana teł. Trzeba było spróbować zmienić po prostu kolor czcionki - by może biała byłaby bardziej czytelna. W starej bardzo podobało mi się, że nie była właśnie taka szablonowa. Przypominała mi jakiś program multimedialny. Ale to tylko mój gust!

Od siebie radzę Ci - kontynuuj projektowanie takich innych niż większość witryn. Bo ile można patrzeć na te same techniki? "
Kolego mw_1975 widze że zrozumiałeś moją pierwotną ideee tak jakbyś ją sam wymyślił czyli wręcz wzorowo. Postawiłem na oryginalność na samym początku, lecz "opieprzyli" mnie na innym forum że strona jest archaiczna etc. że lepiej będzie zastosować klasyczny układ, tak więc przez to zastosowałem obecny wygląd. Przyznam że ma to zaletę z powodu takiego że reklama hostingu akurat zakrywa baner jedynie i jest git. Ale ma też wadę w postaci dużego nakładu pracy gdybym chciał zastosować zmiany na wszystkich podstronach a także przyjęte tło nie pasuje do czcionki opisów i podsumowując uważam że oryginalność też zostałaby w ten sposób zażegnana...
Magiku w <intitle> wstawie Polish Birds masz rację, pewnie przez ten napis znaczniki umknęły Ci w oczach i wcalę się nie dziwię:)Poza tym muszę dodać ikonę strony co sam zauważyłem przy tej okazji (taka ikonka banalna rzecz a jednak ważna)
Mówiąc o wyśrodkowaniu strony masz na myśli stworzenie jej aby "treść była na środku", powiem Ci że nie zrobiłem tego ze względu na swój osobisty gust:) Mówiliście aby zmienić tło i je zmieniłem na texturkę uniwersalną, lecz znowu połączyłem wasze opinię z innym forum i stąd ta rozbieżność. Postanowiłem od teraz tylko wami się kierować głównie (bo w przeciwieństwie do tamtych nie jesteście zniechęcającymi typami i sporo mi pomogliście).

Więc podsumowując zamierzam główną stronę utrzymać w tym klasycznym nurcie, podstrony zamierzam poprawiać graficznie aby między odnośnikami a tłem był mniejszy kontrast lecz będe je utrzymywał w pierwotnej formie jak powiedział kolega mw_1975 "Przypominała mi jakiś program multimedialny." i tak w ogóle rzeczy ten styl na podstronach pozostanie głównym nurtem. Ponieważ strona z głównego założenia miała być prosta i tak myślę że powinno pozostać. Co do zgodności przeglądarek szczerze nie zgłebiałem tematu i nie wiem jak dostosować je żeby na wszystkich chodziły. Sam używam najnowszych zawsze jakie by nie były a stronę testuję na Firefox18 i IE8 jedynie, więc chyba muszę zgłębić trochę lektury o optymalizacji... Mam nadzieje że mieszanka stylów nie jest złym pomysłem?.

[magik092]

Generalnie cieszy mnie, że ktoś podchodzi do tworzenia stronek z oryginalnymi pomysłami, sam nie ukrywam już podlegam wzorcom chociaż staram się z tym walczyć.

Mówiąc o wyśrodkowaniu strony masz na myśli stworzenie jej aby "treść była na środku"

Na rozdzielczości 1680x1050 strona (jako całość) jest "przyklejona" do lewej krawędzi ekranu, po prawej jest pusto, jakiś główny content ustawić na stronie całego okna - o to mi chodzi

Co do zgodności przeglądarek to zasada jest taka: robisz stronkę pod normalne przeglądarki (jest jakiś układ, etc), jak jest wszystko ok to robisz od nowa stronkę dla IE poniżej 8. To są tak oporne i ograniczone przeglądarki, że nieraz skrypty (JS) trzeba przebudowywać. Chociaż coraz rozsądniejsze jest teraz wywalanie użytkownikom posiadającym IE mniejsze od 8 informacji o konieczności update przeglądarki

[Michał890]

Właśnie zrobiłem upload ze zmianami. Co do zgodności to nie wiem czy borykam się z tym problemem bo jestem początkujący, czy poprostu ta zgodność jest kłopotliwa dla wszystkich. Powiem w skrócie że nie będe robił jednej strony pod ie, drugiej pod opere a trzeciej pod mozille... zwyczajnie brak mi na to chęci:) co innego budowa mobilnej wersji to jeszcze miałbym chęci się w to bawić. Szukałem skryptu który automatycznie dostosowywał by rozdzielczość ale nic konkretnego nie wygrzebałem i przyznaję że obecnie mam z tym ogromny problem. Skrypt każący zmienić przeglądarkę znam i w mojej opinii to najlepszy krok bo używanie "zabytkowych" przeglądarek to zły pomysł w dzisiejszych czasach...
Chciało by się stworzyć uniwersalną stronę co by wyglądała na Firefoxie 2.0 tak samo jak na wersji 18.0 ale to chyba nie realne, w takiej chwili człowiek uświadamia sobie że jest laikiem i jeszcze wiele zgłębiania wiedzy przed nim...
Jeśli macie jakieś pomysły co do optymalizacji to proszę o pomoc bo "spaliłem cegłę" i nie wiem co z tym zrobić...

[magik092]

Na moje oko najrozsądniej jest stworzyć plik msie.html z informacją o potrzebie aktualizacji przeglądarki (tyczy się to tylko IE w wersjach mniejszych od 8 ), reszta przeglądarek sobie radzi
Co do dostosowania rozdzielczości to możesz stworzyć pliki css_800.css, css_1024.css, css_1440.css, css_1680.css i plik css_1920.css, w każdym pliku dostosować (spozycjonować) sobie style i pod koniec dokumentu wstawić

<script type="text/javascript">
(function() {
    var css = document.createElement('link')<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' /> css.type = 'text/css'<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' /> css.rel = 'stylesheet'<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' />
    if (document.body) {
        var w = document.body.offsetWidth;
        css.href = 'css_' + (w<=800 ? '800' : (w<=1024 ? '1024' : (w<=1440 ? '1440' : (w<=1680 ? '1680' : '1920')))) + '.css'<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' />
    }
    else
    	css.href = 'css_1024.css'<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' />
    document.head.insertBefore(css, document.head.firstChild)<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' />
  })()<img src='http://forum.pcfoster.pl/public/style_emoticons/<#EMO_DIR#>/disagree.png' class='bbc_emoticon' alt=';' />
</script>

Wtedy zależnie od rozmiarów okna przeglądarki zostanie załadowany dany arkusz stylów.
Ewentualnie Stworzyć plik style.css, w którym głównie są spozycjonowane elementy ale większe kontenery (ich rozmiary) już wrzucasz do css_rozmiar.css.

[Michał890]

Czyli tylko microsoft IE sprawia trudności poniżej IE8? Napisałeś ciekawy kod tylko po części go nie rozumiem jak go zastosować. Mógłbyś dać wskazówke... co powinien zawierać plik msie.html i do czego go powiązać? Trzeba umieścić pewnie kod w pliku index.html który by przekierował posiadacza starszej wersji IE na stronę msie.html ? Dobrze rozumuje? Taki skrypt przekierowujący gdzieś mam.
Druga sprawa te arkusze stylów nie bardzo wiem jak to zastosować, właściwie zupełnie nie wiem. Może gdzieś o tym "dogoogluje" , ale z tego co zrozumiałem to czy chodzi o to że umieszczam skrypt na każdej swojej stronce i tworze pliki .css na głównym katalogu?