Cześć! Zacząłem niedawno naukę CSS, ale mam jeden problem... Kiedy już okoduję stronę w html'u i zacznę zabawę w stylizacje wizualną, to jak prawidłowo określić rozmiar/ rozmieszczenie poszczególnych elementów w CSS'ie? Co brać pod uwagę? Na przykład, tworzę wrappera - ogólny div na całą stronę, a później tworzę w nim diva o nazwie "socials" na 100% szerokości i w jego wnętrzu tworzę diva "socialdivs" 500px szerokości, a później robię w jego wnętrzu osobne divy, takie jak "twitter,fb,yt" itd... Po czym mam określać ich wymiary, aby cały div "socialdivs" był wydzielony po równo, oczywiście z uwzględnieniem marginesów, paddingów, szerokości i wysokości? Istnieje jakaś aplikacja, gdzie można wszystko poobliczać, czy coś? Jak to wszystko uwzględniać i co uwzględniać? Przepraszam za chaotyczność, ale nie wiem, jak to można prościej napisać... Po prostu nie wiem, jak to wszystko obliczać. Jeszcze dla przykładu... Mam tego diva 500px i chcę wygospodarować dla nich równo przestrzeń to podziele pole na cztery i wyjdzie po 125px, tylko co z odstępami wtedy? Podpowie ktoś coś, bo na chwilę obecną rozmieszczanie elementów to dla mnie czarna magia.
Napisano 05 sierpnia 2015 - 07:24
Skorzystaj z bootstrapa i jego rozłożenia elementów.
webKS - Wdrożenia stron i sklepów Internetowych.
Usługi Informatyczne 'webKS'.
Napisano 05 sierpnia 2015 - 09:34
Skorzystaj z bootstrapa i jego rozłożenia elementów.
Mógłbym, no... Tylko, że framework, to droga na skróty Jest on dobry, ale dla zaawansowanych koderów chcących przyspieszyć swoją pracę, a ja chciałbym opanować dobrze CSS zanim się na np. Bootstrapa przesiądę. Dalej nie wiem co brać pod uwagę przy obliczeniach.
Napisano 05 sierpnia 2015 - 11:40
Mógłbym, no... Tylko, że framework, to droga na skróty Jest on dobry, ale dla zaawansowanych koderów chcących przyspieszyć swoją pracę, a ja chciałbym opanować dobrze CSS zanim się na np. Bootstrapa przesiądę. Dalej nie wiem co brać pod uwagę przy obliczeniach.
Poczytaj najpierw o tworzeniu tzw. gridów css. Podstawą są 960 i 1060 grid system. Jest to na ten moment już tylko cząstka wiedzy na której możesz się oprzeć, będąca dedykowaną desktopom. Chcąc, czy nie chcąc w końcu dojdziesz do tworzenia rozwiązań mobilnych oraz babrania się z AWD. Tutaj warto byś poczytał również o ideologii mobile first.
W gruncie rzeczy i tak semantyczną strukturę html przygotujesz najpierw (choć można prawie równie dobrze klecić wszystko po kawałku). Jednostki szerokości jakimi będziesz operował to głównie % oraz selektor max-width.
Napisano 05 sierpnia 2015 - 14:08
Logiczne jest to że od razu nie nauczysz się tworzyć full responsywne strony, na etapie nauki trzeba do tego dążyć małymi krokami.
Napisano 08 sierpnia 2015 - 11:44
Do autora: Może się przydać przy liczeniu https://developer.mo...b/CSS/box_model
Podone tematy
Temat | Forum | Autor | Podsumowanie | Ostatni post | |
---|---|---|---|---|---|
HTML, CSS, JS czy może PHP a może webdesign? |
Inne | przemoo83 |
|
||
Stała zdalna praca dla Kodera HTML+CSS oraz Grafika Komputerowego |
Po godzinach | Firmpas |
|
||
Layout reklam na stronie portalu |
Tutoriale i porady | Prim |
|
|
|
Skrypt zamiany języków na stronie |
PHP | platinium |
|
||
Hotjar - genialne narzędzie do badania zachowania na stronie |
Promocja i marketing | zonic |
|
Również z jednym lub większą ilością słów kluczowych: css, pozycjonowanie, box-model, obliczaie, elementy
Prowadzenie stron www →
Pozycjonowanie i optymalizacja →
Pikseo.plNapisany przez TchOrz., 13 lip 2016 pikseo, pozycjonowanie |
|
|||
Pozostałe →
Inne →
[Wykonam] zaplecze seo z historią ! ręczne linkowanie, trust rank , piramida seoNapisany przez fachoweseo, 23 maj 2016 pozycjonowanie i 3 więcej |
|
|||
Prowadzenie stron www →
Pozycjonowanie i optymalizacja →
[Wykonamy] Wysokiej jakości linki tematyczne - Kompleksowy link building SEO - Specjalny Panel Klienta, Raporty Co 24H, FV!Napisany przez Pozycjonusz, 19 maj 2016 Pozyskiwanie linków i 9 więcej |
|
|||
Technologie webowe - tworzenie stron www →
HTML i CSS →
Prosta animacja/odliczanieNapisany przez unbreak, 10 gru 2015 js, css |
|
|||
Prowadzenie stron www →
Pozycjonowanie i optymalizacja →
Subdomena serwera a domenaNapisany przez sereknr1, 07 lis 2015 pozycjonowanie, domena, subdomena i 1 więcej |
|
Użytkownicy przeglądający ten temat: 0
0 użytkowników, 0 gości, 0 anonimowych