metody tworzenia stron internetowych

[dav234]

Witam

Na wstepie przepraszam was za glupie pytanie ale podjalem sie nauki xhtml/html 5 i css3 i jedyne co spedza mi sen z powiek to jakie metody sa obecnie uzywane do tworzenia stron responsywnych?

Przerabiajac kilka kursow i czytajac w internecie zauwazylem, ze najczesciej uzywa sie oczywiscie divów i float: right lub left a pozniej clear: both, ale rowniez jest tez sposob jak float: left plus metoda z :after i content i zeby zrobic z tego responsywna strone trzeba korzystac z czegos takiego jak @media co zajmuje naprawde duzo czasu ale czytajac wiecej napotkalem sie na takie cuda jak bootstrap, grid system, column layout, flexbox czy wiele wiele innych konczac na wordpressach czy joomlach i duplach ale to jest juz bardziej do tworzenia blogow.

Wracajac do mojego pytania, czy te metody ktore napisalem na samym poczatku nie sa juz przestarzale? Czy robi ktos jeszcze strony takimi metodami? Czy wszyscy juz przerzucili sie na bootstrapy, grid systemy i tych wiele wiele innych... z tego co czytam i obserwuje to wszystko zmierza ku jak najwiekszemu uproszczeniu budowy strony i plus sa to strony responsywne, jak to teraz wyglada? Czy sa tutaj jakies osoby pracujace w renomowanych firmach lub jednosobowych by mogly sie wypowiedziec jak u nich robi sie duze lub mniejsze projekty? Czy da sie zrobic strony w zwyklym html5 i css3 takie jakie sa tutaj https://960.gs ?

Dziekuje

[Hagen]

Jestem webmasterem jakieś 8 lat i powiem Ci z ręką na sercu, że jak czytam to co napisałem, to przychodzi mi tylko jedno do głowy, a mianowicie to, że masz zerowe pojęcie na temat o którym powyżej wspomniałeś.

Na wstepie przepraszam was za glupie pytanie ale podjalem sie nauki xhtml/html 5 i css3

Skup się na tym, a o reszcie na razie zapomnij, gdyż z czasem nauka html i css zmusi Cie do zapoznania się z większością wynalazków o których wspomniałeś.

[dav234]

uwierz mi ze caly czas sie na tym skupiam i po prostu zachodze w glowe jak czytam o sposobach:

1. flex box,

2. dodanie do elementow "dzieci" wlasciowsci "float",

3. Dodanie właściwości "display" wraz z wartością "inline-block" do "dzieci" elementu "rodzica"

4. Dodanie właściwości "display" wraz z wartością "inline" do "dzieci" elementu "rodzica"

5. Dodanie właściwości "display" wraz z wartością "table-cell" do "dzieci" elementu "rodzica"

6. Dodanie właściwości "position" wraz z wartością "absolute" do "dzieci" elementu "rodzica"

to po prostu zadaje sobie pytanie po co tyle kombinacji jak mozna bylo stworzyc jeden normalny sposob ale wiem, ze wieksza polowa wyzej opisanych zostala stworzona przez IE, ale znowu czytam o bootsrtapach i tych innych sposobach to znowu sobie zadaje pytanie po co sie tego az tyle namnozylo

skoro juz sie wypowiedziales i nie zamierzasz odpowiadac na reszte moich pytan(rozumiem to) ale czy moglbys chociaz napisac w czym ty robisz strony internetowe? wyslac cos co ostatnio zrobiles i jak? bo to mnie tez interesuje

[Lars]

Rozumiem, rozpocząłeś naukę i ogrom zagadnień powoduje mętlik. Najpierw uporządkuj pojęcia i kolejność swoich działań.

Podstawą jest nauka html i css, przy czym od razu ucz się html5 i css3. Nie jestem jakimś wielkim koderem, ale @media queries nie jest trudne, trzeba tylko spokojnie sie za to zabrać. Dla mnie najlepszym sposobem nauki było stawianie sobie konkretnego projektu strony do wykonania. Najlepiej wszystko ćwiczyć, nauka samej teorii jest bez sensu. Próbuj różnych rozwiązań, otrzymanie takich samych lub podobnych efektów można uzyskać róznymi metodami.

Bootstrap to framework zbudowany w html5/css3- gotowy zestaw styli, dodatków który może usprawnić pracę. Na wiele się nie zda jeżeli nie będziesz umiał html5/css3. Najpierw zrób kilka stron na własnym kodzie.

Polecam tą stronę: https://kodcss.pl

[dav234]

wlasnie pierwsze uczylem sie z kurs html edu pl a teraz ucze sie wlasnie z kod css i jest to najlepsza stronka o css w jezyku polskim jaka istnieje

[Presta]

Również wydaje mi się, że zbyt szybko chciałbyś pojąć cały materiał i rzuciłeś się na głęboką wodę.
Zacznij najpierw od zrozumienia podstawowej budowy / struktury a później zamij się html5 i css3.

[Lars]

@Presta No ale podstawy to html5 i css3. Są to po prostu ostatnie, rekomendowane wersje. Niech od razu uczy sie aktualnej wersji.

[Presta]

Mam na myśli opanowanie statycznych stron .. a później zastosowanie rozwiązań mobilnych.

[Mion]

Może albo się uczyć całości od 0 albo korzystać z frameworu jakim jest właśnie bootstrap z którego wykorzystaniem stworzy responsywną stronę znacznie szybciej niż kodując cały CSS odpowiedzialny za "widok" od podstaw

[Hagen]

Może albo się uczyć całości od 0 albo korzystać z frameworu jakim jest właśnie bootstrap z którego wykorzystaniem stworzy responsywną stronę znacznie szybciej niż kodując cały CSS odpowiedzialny za "widok" od podstaw

Same określenie "framework" nie jest chyba niektórym do końca jasne. Bootstrap jest frameworkiem czyli samym szkieletem strony, a jak on nie będzie miał pojęcia o css i html to jak wystylizuje stronę ? ^^ A po za Tym jak człowiek może zaczynać od jakiegoś frameworka skoro nie ma pojęcia o podstawach ?

[dav234]

panowie zdarzylo sie wam kiedys uzyc takie czegos jak @supports w css? wiem co to jest ale zastanawia mnie czy sie to czesto uzywa

[Mion]

A po za Tym jak człowiek może zaczynać od jakiegoś frameworka skoro nie ma pojęcia o podstawach ?

Tylko co to są w tym wypadku podsatwy ... Hmmm dla jednego podstawami może być umiejętność korzystania z frameworku i naukę po przez analizę przykładów. Zresztą nie powinienem się wypowiadać w takich tematach, bo przez, to że potrafię wydaje mi się to proste.

[Lars]

Bez podstawowoej umiejetności html i css nie będzie wiedział co z bootstrapem zrobić. Przeciez korzystanie z bootstrapa to działanie na kodzie.

[Mion]

@UP- nie do końca się z tym zgodzę. Przykład: PHP napisane jest w języku C i ktoś kto chce programować w PHP wcale nie musi mieć pojęcia o specyfice samego C. Do tego mamy masę bibliotek implementujących większość funkcji np żądania HTTP , połączania z bazą itd...

Natomiast w getbootstrap mamy do wykorzystania gotowe komponenty o predefiniowanym wyglądzie i responsywnym zachowaniu. Wystarczy je wstawić w ramy boostrapa Basic template.

[dav234]

Witam

Mam do was pytanie bo nigdzie nie moge znalesc na to odpowiedzi. Wiem jak sie tworzy poziomie i pionowe menu no i wiadomo, ze pozniej css by mialo to rece i nogi czyli:

<ol id="menu">

<li><a href="#">link - 1</a></li>

<li><a href="#">link - 2</a></li>

<li><a href="#">link - 3</a></li>

</ol>

no i mam to menu i pozniej uklad responsywny strony czyli z naglowkiem, lewa kolumna, prawa kolumna i stopka np:

<div id="caly_blok">

<div id="naglowek">nagłówek strony</div>

<div id="lewy">lewa kolumna</div>

<div id="prawy">prawa kolumna</div>

<div id="stopka">stopka strony</div>

</div>

no i nigdzie nie znalazlem jak polaczyc teraz to menu z takim naprzyklad ukladem jak wyzej.

Czyli jak mam tego diva id="lewy" to tam umiescic moje menu? a jakbym chcial umiescic moje menu pod naglowkiem to robie div dajmy z id=poziome_menu i umieszczam go pod tym naglowkiek? I wszystko ma byc w divach?

Z gory dziekuje