Strona zespołu muzycznego dla znajomych

pytanie zadane 19 maja 2016 w Nasze projekty przez cienkicinek Użytkownik (720 p.)

Zacząłem pisać swój pierwszy projekt- stronę internetową dla znajmych, którzy mają swój zespół. Na razie przygotowuję stronę główną, potem zrobię resztę.

http://hoaxi.esy.es/

Odchudzeniem zdjęć jeszcze się zajmę. Ikonki w footerze również (i zostawię samo logo bez tła). Problemy, które chciałbym rozwiązać na chwilę obecną to:

- Przy szerokości większej niż 1680px pojawia się tło dla body. Nie wiem jak zrobić, żeby tło nie nachodziło na footer, który chciałbym utrzymać czarny.

- Zależy mi na tym, żeby te 4 divy, których tłem są zdjęcia dostosowywały się rozmiarem do rozmiaru zdjęcia i tak się również powiększały.

- Staram się poprawić responsywność, ale średnio mi to wychodzi ;/

Na razie to wszystko, temat będę aktualizował.

5 odpowiedzi

odpowiedź 19 maja 2016 przez Niespecjalny Gaduła (4,180 p.)
edycja 19 maja 2016 przez Niespecjalny

Za duża szerokość np headera: 100%+paddingi. Możesz np użyć box-sizing:border-box aby sobie z tym poradzić
Obrazki też mogłyby być podlinkowane
buttony mogłyby być podświetlane przy najechaniu na nie
stopka może mieć mniejszą czcionkę i mieć jakiś padding
divy widzę w tym stronu :D
nie wiem czy akapit w stopce to dobry pomysł. Co o tym sądzą bardziej obeznani?
ogranicz nagłówki(tylko jeden h1 na całą stronę)
może więcej treści?
skryptów nie widzę ale jak będą to staraj się je umieszczać na końcu przed /body

komentarz 19 maja 2016 przez mitelak Pasjonat (23,330 p.)

A przypadkiem h1 nie można więcej razy stosować? Jako np nagłówek danej sekcji? Czyli mamy h1 w nagłówku strony, a później h1 także dla artykułów?
Ja w stopce pojedynczy tekst dawałem zawsze p, chociaż przeważnie jest to lista więc nie trzeba się tym martwić.

komentarz 19 maja 2016 przez Niespecjalny Gaduła (4,180 p.)
edycja 19 maja 2016 przez Niespecjalny

przy takiej ilości treści to chyba najlepsze rozwiązanie pozbyć się tych nagłówków. Sam już nie wiem co z tymi nagłówkami ale znalazłem takie coś http://alterweb.pl/-zasadnosc-uzycia-naglowkow-w-seo.

Jednakże pan Comandeer ostatnio napisał, że nagłówki(h1,h2,h3,...) nie mają wpływu na SEO, więc jeżeli nie wiemy jak je wstawić to lepiej nie wstawiać(tak to zrozumiałem).

Muszę poszukać linka do tego :/

To nie to ale jest nawiązanie http://forum.pasja-informatyki.pl/142339/h1-jako-tekst-alternatywny-w-logo

Bingo http://forum.pasja-informatyki.pl/140183/moda-budowania-stron-www#c140305 Do własnej interpretacji :D

komentarz 19 maja 2016 przez mitelak Pasjonat (23,330 p.)

Mi chodziło akurat o ten fragment stąd :D
http://tutorials.comandeer.pl/html5-blog.html#artykul-outline
"Jak widać w HTML5 outline jest liczony dla każdej sekcji i artykułu oddzielnie, tzn. h1 w artykule będzie niżej niż h1 w dokumencie."

Oraz "Co do liczenia outline'u w HTML5 warto także dodać, że można go budować obecnie tylko przy pomocy h1 (i wymuszać hierarchię przez odpowiednie wykorzystywaniesection czy article)."

I w sumie miałem racje, tylko wtedy kiedy to czytałem to było to poprawne, a teraz już nie jest

ps oczywiście zgadzam się, że tutaj były źle zastosowane, a chciałem zwrócić uwagę na to że h1 może być użyte więcej niż jeden raz, jednak jak widać na blogu commandera panowie z w3c już się wycofali z tego :D

odpowiedź 19 maja 2016 przez mitelak Pasjonat (23,330 p.)

nagłówki można porównać do tych w gazecie, masz tytuł i podtytuł na przykład. Tutaj źle je stosujesz bo używasz ich w menu. Jeżeli tak tworzysz menu nie masz potrzeby brać tego tekstu już w żaden inny tag.
nie wiem po co Ci tło bo i tak jest zasłonięte przez zdjęcia, ale wystarczy albo dodać background dla stopki czarny, albo opakować całą reszte w diva z tłem tylko dla niego
tego z divami nie rozumiem za bardzo co chcesz uzyskać
charset w head powinien być pierwszy