W ostatniej części serii „Pierwsza strona w HTML i CSS” przyszedł czas aby zająć się końcowymi etapami tworzenia strony WWW. Są to kolejno walidacja HTML i CSS, audyt WCAG oraz publikacja gotowego projektu. Przed publikacją zajrzymy również do kilku przeglądarek aby przekonać się czy strona wygląda prawidłowo. Zaczynajmy! Spis treści Walidacja kodu Walidacja HTML Walidacja…
Dowiedz się więcej
Po długiej przerwie wracamy do pracy nad prostą responsywną stroną www. Dzisiaj zajmiemy się dodawaniem stylów w arkuszu CSS z uwzględnieniem wyświetlania strony na różnych urządzeniach, tj. telefonach, tabletach i komputerach. W tutorialu jak zwykle wykorzystam przeglądarkę Chrome – na weryfikację w innych narzędziach przyjdzie czas w kolejnej części. Spis treści Na początek Nadawanie stylów…
Dowiedz się więcej
W poprzedniej części tutorialu stworzyliśmy razem szkielet strony www. Jeżeli chcielibyśmy poprzestać na warstwie treści, to serię można byłoby uznać za zamkniętą. My jednak pójdziemy o krok dalej i w tej części zajmiemy się dostosowaniem pliku HTML w taki sposób, ale później bez przeszkód pisać style CSS. Na początek Podczas pisania stylów dla strony w…
Dowiedz się więcej
W czwartej części serii poświęconej tworzeniu pierwszej strony internetowej przyszedł czas na tworzenie szkieletu strony, czyli pliku HTML. Plik ten będzie obejmował zarówno część zawierającą elementy widoczne na stronie, jak i sekcję poświęconą informacjom dla przeglądarki mówiące o tym, w jaki sposób wyświetlać plik. Do dzieła! Na początek Podczas pisania strony będziemy się opierać na…
Dowiedz się więcej
Realizowanie widoków strony internetowej z reguły odbywa się na podstawie zaprojektowanych makiet. Do projektowania wyglądu strony dedykowane są specjalistyczne narzędzia, jednak na potrzeby wykonania najprostszej treningowej strony www wystarczy ogólna wizualizacja, którą prezentuję poniżej. Makiety Makiety strony zostały przygotowane z uwzględnieniem trzech popularnych rodzajów urządzeń, umownie zwanych telefonami, tabletami oraz komputerami. Piszę „umownie”, ponieważ nie…
Dowiedz się więcej
Do napisania kodu, który uruchomimy w przeglądarce, nie potrzeba wiele: tak naprawdę wystarczyłby pospolity Notatnik. Żeby jednak wytwarzać kod efektywnie oraz przyjemnie, można skorzystać z jednego z wielu dobrych i darmowych edytorów kodu. W tej serii będę posługiwała się Visual Studio Code, a w tym wpisie pokażę jak rozpocząć z nim pracę. Programiści mają do…
Dowiedz się więcej
Od słów do czynów! W poprzedniej serii wpisów skupiłam się na teorii HTML i CSS, popartej garścią wybranych przykładów. Nadszedł zatem najwyższy czas, aby zdobytą wiedzę wykorzystać w praktyce i stworzyć swoją pierwszą stronę WWW. Celem publikowanych postów będzie stworzenie bardzo prostej strony internetowej, której kod zostanie wrzucony na GitHuba, a sama strona będzie opublikowana…
Dowiedz się więcej
