the-awwwesomes
HTML and CSS Step by Step

Updated a day ago

0
3

Wstęp

Info::Ważna informacja

Niniejsza praca jest licencjonowana zgodnie z Creative Commons Attribution-ShareAlike License 4.0 International. Jeśli zamierzasz skopiować fragmenty tutoriala i umieścić je w swojej pracy, będzie nam bardzo miło, kiedy nas o tym poinformujesz. Koniecznie umieść też informację o naszym autorstwie!

Cześć! Wygląda na to, że przywędrowaliście tu, bo jesteście zainteresowani tworzeniem stron internetowych. Trafiliście zatem w bardzo dobre miejsce! Tworzenie stron jest naszą pasją i chcielibyśmy podzielić się nią z jak największą liczbą osób.

Dla kogo jest ten tutorial?

Tutorial powstał specjalnie z myślą o uczestnikach warsztatów The Awwwesomes, jednak jeśli nie możecie uczestniczyć w warsztatach postaraliśmy się, aby był jak najbardziej przejrzysty i zrozumiały dla wszystkich, którzy będą korzystać z niego bez pomocy mentorów. Żeby uczyć się z tutoriala, nie potrzebujecie żadnej zaawansowanej wiedzy technicznej oprócz podstaw obsługi komputera (w tym umiejętności korzystania z przeglądarki WWW).

Dokładamy wszelkich starań, aby nasz tutorial był zrozumiały dla wszystkich, którzy nie mieli jeszcze żadnej styczności z budowaniem stron internetowych. Jeżeli jednak macie problemy z jakimkolwiek zagadnieniem, coś wydaje się niezrozumiałe, piszcie koniecznie na [email protected] lub śmiało pytajcie mentorów, jeśli uczestniczycie w warsztatach.

Z drugiej strony, dla osób, które mają już pewne doświadczenia z programowaniem niektóre fragmenty mogą wydawać się proste i jasne. Prosimy tu o wyrozumiałość - w takim przypadku pewnie możecie pominąć łatwą dla Was część tutoriala.

Czego będziemy uczyć?

Zakres naszego kursu obejmuje dwa główne języki programowania WWW, czyli HTML i CSS. Zdecydowaliśmy się nie włączać języka JavaScript ze względu na ograniczenia czasowe – JS jest zatem tematem na zupełnie osobny tutorial!

Ale nie przejmujcie się! Podczas warsztatów, na podstawie przykładowego layoutu nauczycie się, jak stworzyć od podstaw prostą, statyczną stronę internetową. Będziemy starali się od początku zakorzeniać w Was dobre praktyki w pisaniu kodu. Kodowanie HTML i CSS może wydawać się na początku niezbyt trudne. Jednak właśnie utrzymanie kodu w czasie stanowi w ich przypadku spore wyzwanie!

Zaczniemy od prostych przykładów w czystym HTML, który służy do definiowania zawartości strony. Potem zaczniemy się zagłębiać w tajniki CSS, czyli arkuszy stylów, które umożliwiają nam dopasowanie wyglądu strony do naszych potrzeb. Od początku będziemy też zachęcać Was do korzystania z profesjonalnych narzędzi programistycznych. Jak tylko poznacie podstawy (a nie będziemy z tym zwlekać), zabierzemy się do kodowania przykładowego layoutu.

A teraz – ruszamy w drogę!