Ocena stronki + pytania o ceny

Question

Siemka.

1. Oceny odnośnie mojej stronki: http://provog.xaa.pl/projekt_wiai/

2. Jakie są stawki za strony internetowe (nie chcę odpowiedzi typu sprawdź u innych, tylko z wasnych doswiadczeń)

 

Dzięki!

Answer 1

1. Na rozdzielczości >1500px mail i numer kontaktowy w stopce wyjeżdza poza ramkę

2. Zdjęcia portfolio na małych rozdzielczościach są niewyraźne, widzę że strona na bootstrapie, więc spróbuj dodać klasę:

<img class="img-responsive" src="img/por1.jpg" />

3. Przy <500px cennik jest lekko ucięty, ale to nie jest aż tak istotne

4. Wrzuć do footera gdzieś id="link4", żeby zakładka w menu Kontakt działała

5. Odnośniki do JavaScript'ów  (<script src="js/..." type="text/javascript">) przenieś na sam dół, po stopce a przed </body>, przyśpieszy to ładowanie strony

6. Po co <nav> owinąłeś w <header> ? 

7. Baner strony głównej nie powinien być większy niż szerokość wyświetlacza, pokombinuj może coś z position:absolute menu, ciężko mi powiedzieć na sucho co z tym zrobić

8. W cenniku proffesional: Pozycjnowanie/p>

9. Gdy dodasz taką właśność onclick, strony z portfolio będą się otwierać w nowej karcie:

<a onclick="this.target='_blank'" >

10. Przemyśl funkcjonalność twojego menu. Czy ktoś tak na prawdę będzie się nim posługiwał przy takiej małej stronie ? ( nie mówie że to źle, strona jest czytelna i przejrzysta przez to ) Rozważ usunięcie menu i po prostu dodanie buttona ze strzałką który będzie przenosił niżej, do oferty. Jeżeli chcesz jednak mieć menu, ustaw dla niego position:fixed

11. Fajnie jakbyś wrzucił łagodne przejście, żeby ekran nie skakał tylko spokojnie zjechał, tak jak na przykład tu: 
http://ironsummitmedia.github.io/startbootstrap-agency/

Strona jest bardzo ładna, poprawisz kilka szczegółów i będzie świetnie wyglądać. Mam nadzieję że pomogłem

Comments

Co do 9 - a po co taki potwór? Przeca [target] jest oficjalną częścią HTML5… Poza tym ja stoję na stanowisku, jakie reprezentuje m.in. porneL: https://pornel.net/target

---

Faktycznie, kiedyś przeczytałem o moim potworze i jakoś przy nim zostałem nie czytając w dokumentacji czy nie da się prościej.

To zdanie porneL'a dobrze podsumowuje użycie target :D Chyba też zrezygnuje a w każdym razie ogranicze do minimum używanie tego atrybutu:

"pani Jadzia i tak nie opanuje dwóch okien na raz i woli buszować w jednym, a h4x0r j00zio wie do czego służą wszystkie przyciski na myszy "

Answer 2

Na cenach sie nie znam ale strona pierwsza klasa

Answer 3

Wygląd strony super ale...

Kilka blędów do poprawienia:

- Gdy naciskamy zdjęcie z portfolio to okno strony pojawia się na samej górze. Dodaj pełny rozmiar zdjęcia albo usuń <a>

- Cennik - > "Pozycjnowanie/p>" usuń /p>

- W stopce strony ikona telefonu jest przy mailu.

Pewnie jest to strona gdzie jeszcze będziesz poprawiał.

 

Strona nie jest resposywna i na tabletach, mniejszych monitorach będzie źle się z niej korzystało.

Comments

Z tym pozycjonowaniem i znacznikiem też zauważyłem właśnie, a do tego drugie słowo pozycjonowanie, w innej ofercie, to ,,pozycjnowanie", a na takiej ładnej stronie przecież nie może być błędów ortograficznych :O

---

Mi wgl zjadło ten teks ze stopki. widzę tylko połowę :/

Answer 4

Bardzo przyjemnie mi się zwiedzało stronę, zastanawiam się tylko po co taki olbrzymi baner, wgrywał się chwilę dłużej i miałem wrażenie że jakaś reklama wyskoczyła. Z mojego punktu widzenia jak zmniejszysz baner to będzie przyzwoita strona :)

__________

Stawki: to naprawdę zależy od twoich umiejętności, sam nie jestem jakimś wyrafinowanym programistą, ale strałem się bardzo mocno zagłębić w tym temacie. zależy jaka strona, ile czasu będzie ci potrzebne na jej napisane.

__________

Ps. cały czas podkreślone jest "HOME" nawet jak przejdę do zakładki "OFERTA".

Answer 5

• obrazki w sliderze wydają się ciut rozciągnięte
• nawigacja klawiaturą nie działa → http://outlinenone.com
• jak klikam w menu "Oferta", to oczekuję, że w adresie pojawi się #oferta a nie nic nie mówiące #link1. No i do scrolla dorobiłbym jakąś fajną animację (ale animacja nie oznacza, że nagle adres przestanie się zmieniać!)
• w stopce e-mail robi za numer telefonu, a numer telefonu za e-mail ;) poza tym - czemu to nie są linki?
• logo winno być głównym nagłówkiem strony (http://www.webkrytyk.pl/krytyka/lexy.com.pl/#naglowki) + BEZWZGLĘDNIE MUSI MIEĆ [alt]!

• <a id="link1" href="#"></a>
  

  Tak się nie robi kotwic, bo pusty element = zbędny element. Można linkować do każdego elementu z [id] - po prostu przenieś ten atrybut na artykuł

• No i skoro już używasz article używaj także section żeby podzielić go na sensowne części

• Jak już jesteśmy przy podziale - skoro "Oferta" to h2 to poszczególne usługi winny być h3, żeby zachować odpowiednią strukturę treści. To samo tyczy się boksów z "pakietami"

• Poszczególne usługi wchodzące w skład pakietu to wyliczenie (bo… wyliczasz wszystkie usługi ;)), więc semantycznie jest to lista, a nie akapity. Unikałbym także klas, które są powiązane głównie z prezentacją (.paragraph-blue) a raczej używałbym nazw opisujących przeznaczenie elementu. Głupio będzie później zmieniać kod tylko dlatego, że nagle taki akapit zrobi się czerwony ;)

• Ikonki w stopce winny mieć odpowiednie [alt], bo inaczej nie wiadomo czym są podane tam informacje. I zanim mi odpowiesz "ale przecież widać" - istnieją a) osoby niewidome, które widzą tylko [alt] b) wyszukiwarki/roboty, które widzą tylko [alt] c) osoby, którym nie doczyta się grafika/CSS d) ekscentrycy, którzy przeglądają Internet cURL-em (tak, lubię tak robić :P)

Answer 6

Stronka pierwsza klasa. Ma kilka wad, ale pewnie to jeszcze wersja beta więc jeszcze poprawisz tu i tam.

Co do cen to na początku na kokosy bym nie liczył. Jest bardzo duża konkurencja w tej działce, więc klient patrzy głównie na umiejętności (czytaj portfolio) jak i na cenę, którą mu zaproponują.

Jak nie masz dobrego portfolia to musisz niestety iść po kosztach i proponować bardzo niskie ceny aby ktoś Ci coś zlecił.

Dobra wiadomość jest taka, że jest to realna kasa, którą można jak najbardziej zarobić. Zrób sobie sam rozpoznanie w rynku, najbardziej obiektywnie chyba na stronie: http://oferia.pl/wykonawcy/programowanie-it/tworzenie-stron

Answer 7

Co do strony to może warto przypiąć menu, aby potencjalny klient mógł szybko przeskoczyć z oferty na np portfolio, a potem na cennik. Na standardowych laptopach to ten baner chyba jest za duży.

Odnośnie cennika - podobne coś widziałem chyba w jakiejś większej firmie, że są różne opcje. Jak dla mnie to wygląda na traktowanie wszystkich klientów jednakowo (kliencie wybierz coś z mojej półki sklepowej - w zależności ile możesz wydać pieniędzy, a im droższe to lepsze przynajmniej po nagłówkach tego możesz być pewny, jeśli nie znasz tego co jest w poszczególnych wariantach - nie każdy wie co to jest CSS3/PHP/JS/ CMS/pozycjonowanie), oferta raczej powinna być robiona pod konkretnego klienta, przynajmniej jak robisz to sam lub w małej grupie. - Ta opinia jest oparta tylko na teoretycznej wiedzy, w praktyce nie wiem jak to sięsprawdza.

Portfolio: jak to są Twoje prace to ja widzę tylko jedną, ponieważ wszystkie są zrobione na jedno kopyto.

Answer 8

Widzę, że praca wre bo część z komentarzy już jest nieaktualna a przynajmniej niektóre podpunkty ;)
 Dorzucę więc coś od siebie:
 

• Górne menu z logo dałby fixed, żeby było zawsze widoczne.
• Slider jest wysokości okna ale menu 'spycha' go trochę niżej (ale to zniknie jeśli zrobisz fixed menu).
• Aktywna kropka pod sliderem IMO zbyt duża i kliknąłem tylko dlatego, że nie wiedziałem co to jest. :D
• Ogólnie na 1920x1200 wszystko zdaje się być dość male i trochę zbyt jednolite, przez co sekcje nie są wyraźnie oddzielone od siebie. Proponowałbym dać przynajmniej większy margin-top na te dymki z tytułem.
• Luka na jakieś 5-10px pod obrazkiem w stopce
• Ten obrazek też mógłby być na całą szerokość
• Galeria nie działa u mnie wcale. Po kliknięciu na zdjęcie 'rzuca' mnie do góry strony
• Dane kontaktowe do Ciebie są białe na jasnym tle, w dodatku poza obrazkiem ze stopki.
• Home jest zawsze podkreślone.
• W ofercie w każdym z trzech boxów podkreślone jest ostatnie słowo. Może jestem dziwny/chory/przewrażliwiony ale nie wygląda to dla mnie zbyt dobrze. To tego stopnia, że spróbowałbym ułożyć te zdania inaczej. Poza tym strony mają raczej wysokie pozycje w wyszukiwarkach (pewnie też źle mówię) niż w rankingu.
  • To strona firmy czy tylko Twoja? Jeśli tylko Twoja to pisałbym wszędzie w pierwszej osobie.
  • Box1: "Zapewniamy kodowanie w nowoczesnych technologiach" hmm.. Może jednak "korzystamy z nowoczesnych technologii" (a najlepiej "korzystam").
• "Realizacje stworzone dla klientow którzy skorzytsali z nasych usług." <- literówki.
• Puste atrybuty "alt".

• <p class="paragraph-blue">----------------</p> Może jakiś <hr> zamiast tego?

• Opisów pod miniaturkami w portfolio praktycznie nie widać.

• <div class="subsection-header"> 
     <h2>Portfolio</h2>
  </div>

  Wydaje mi się, że możnaby wyrzucić tego diva i ostylować sam h2.

• Tak samo .portfolio-items.

• border-radius już nie trzeba prefiksować.

• Stylujesz id-ki zamiast klas. I będę łaził po tym forum i wszystkich za to ochrzaniał ;)

• .subsection-header {
  	text-align: center;
  	padding-bottom: 10px;
  	background: url(img/arrow.png) center 100% no-repeat;
  }
  
  .subsection-header h2 {
  	min-width: 190px;
  }
  
  .subsection-header h2 {
  	margin: 0;
  }

  To wszystko to jest jeden i ten sam selektor. Po co tak kod rozmywać i robić go nieczytelnym? :)

• Nie jest to błąd ale ciekawi mnie dlaczego 1/3 != 1/3 :D A, i masz literówkę w nazwie klasy.
   

  .width-one-thrid {
  	width: 33.11111%;
  	float: left;
  }

• .top-blue, .top-red, .top-green mają dużo wspólnych styli. Lepiej to wrzucić w jeden blok bo łatwiej Ci to będzie później edytować.Nie trzeba wtedy jednej rzeczy zmieniać trzy razy.

• Nie wiem czy to jest błąd ale <footer> ma id #footer. Takie trochę masło maślane :D Może #page-footer zamiast tego.

Standardowo: nie bierz tego do siebie, nie musisz zastosować się do wszystkiego. To tylko moja subiektywna opinia. Ogólnie nie ma nigdzie jakichś dużych błędów, ot kosmetyka. Strona jest przejrzysta i przyjazna dla oka.

Aa i byłbym zapomniał: czemu tekst w sliderze jest wklejony na zdjęcie? Nie lepiej wrzucić go 'normalnie'? Byłby łatwiejszy do skalowania i nie robił by się nieostry.

 

Answer 9

Strona super :)

Jestem początkujący więc niektórym moje pytanie może wydać się dziwne, ale skąd wziąć takie grafiki na baner itp ?

Czy biorąc z internetu przerwsze z brzegu nie są ona chronione prawem i tylko właściciel może je umieszczać na stronie ?

Comments

Są do tego odpowiednie strony, z których możęsz kupić stocki. Oczywiście istnieją darmowe odpowiedniki.

Przykładowe strony:

https://picjumbo.com/

http://www.freeimages.com/