Kurs Jak zrobić stronę www? -

Question

Witam kochani
Dzisiaj chcę się z Wami podzielić pierwszym kursem mojego autorstwa
Jak zrobić stronę www? Może ktoś byłby zainteresowany? Może komuś z Was się przyda.

http://blog.rosedesign.pl/jak-zrobic-strone-www/

Liczę też na konstruktywną krytykę, bo to mój pierwszy poradnik.

Ale pozytywną krytykę a nie hejtowanie bo to różnica :)

Pozdrawiam

Answer 1

link rel -mówi, że jest to arkusz styli, type – musi być text/css, href – wskazuje gdzie w folderze znajduje się plik ze stylami, media – dla jakich ekranów jest dany styl. 

A co jak będę miał [media=speech] → jaki to ekran? ;) No i STYLÓW – inna forma w języku polskim nie występuje!

Teraz skupmy się na tym ile sekcji ma nasza strona: HEADER – nagłówek, NAV – menu, sekcja z główna treścią strony (ja nazwę ją content Ty możesz nazwać ją jak Ci wygodnie albo wpisać tak, jak ja) i FOOTER -stopka. 

Nagłówek, nawigację i stopkę niekoniecznie nazywałbym sekcjami, bo to wprowadza zamęt terminologiczny (gdy przechodzimy do rzeczywistych sekcji). Natomiast od głównej treści jest main. 

W HTMLu w miejscu gdzie skończyliśmy kod (z nawigacją)
od nowe linii piszemy:
<div class="clear"></div>

Clearfix → http://nicolasgallagher.com/micro-clearfix-hack/

-moz-transform:scale(1.2,1.2); – służy do animacji w CSS3. Przedrostek-moz- mówi, że ta funkcja ma działać w Firefoxie. Dlatego, że niektóre nowe funkcje CSS3 nie działają jeszcze poprawnie we wszystkich przeglądarkach dlatego do pewności dajemy przedrostek.
Wartość scale – mówi, że chcemy coś powiększyć.
Wartości w nawiasie mówią o ile ma być powiększone (1,1) – to normalna wartość bez powiększenia. 

Sorry, ale transform działa wszędzie bez prefiksów od lat. Przedrostki zostały oficjalnie uznane za szkodliwe przez W3C ok. 2013 roku. Od tamtego czasu raczej się już ich nie stosuje. Raptem kilka własności ich wymaga. 

Comments

Dziękuję za pomoc. doceniam.

Answer 2

Nie wiem po co robić tego typu kursy skoro jest ich pełno w internecie nawet Polskim..

Lepiej wytłumaczyć coś co trudno jest znaleźć w języku polskim  a nie w kółko klepać to samo.

Po drugie strona strasznie nieczytelna..

Answer 3

według mnie za dużo tekstu w jednym poście i za wąski on jest w stosunku do okna :/

Comments

ciężko by było zrobić kurs nie pisząc tyle. a co do szerokości okna to dziękuję

---

Mogłeś to samo napisać w np. 3 różnych postach, wydaje mi się że o wiele lepiej by się wtedy to czytało :)

Answer 4

Zmień wygląd strony bo jest nieczytelna i menu po prawej stronie prawie nie widać.

Comments

ok dziękuję za podpowiedz:)

Answer 5

Ogromne ilości tekstu z słabym formatowaniem. Te 5 czy tam 6 akapitów mogłeś rozdzielić na osobne strony, bo jestem pewny, że nikt nie lubi czytać ogromnych ilości tekstu który trzeba przyswoić, po prostu odrzuca.

Body
{
background:#e3e3e3;
}
header
{
background: #e6e9ed;
height:150px;
width: 100%;
}

Co to ma być kod bez wcięć, nic zero ? Robisz kurs ucząc złych nawyków od razu na starcie 

Comments

rzeczywiście w kodzie wcięcia są potrzebne

Answer 6

Po co tworzyć koło od nowa?

Przecież dogłebnie ten temat przybliżył Mirek Zelent w swoich kursach.

Po obejrzeniu strony nie wiem czy mam komentować wartość merytoryczną czy kod strony? :-)

Warto byłoby sobie jeszcze dogłębnie przybliżyć podstawy funkcjonowania kolorów na stronach www.

Pozdrawiam serdecznie

Answer 7

Wzięłam Wasze sugestię pod uwagę bardzo za nie dziękuję :)