HTML5 i CSS3 Fundamenty nowoczesnej strony www

szkolenia bezpłatne kursy
lekcje, porady, artykuły znajdziesz w bocznym menu
 
 

Responsywne mobilne strony internetowe kurs bezpłatny

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

Strony internetowe można robić co najmniej na kilka sposobów, korzystając z różnorodnych technologii. Najnowsze trendy preferują „lekkie”, szybkie strony, wzbogacone atrakcyjną kolorystyką, grafiką a nawet filmami i dźwiękiem. Najprostszą metodą projektowania takich właśnie stron www, jest skorzystanie z bezpłatnych narzędzi i bezpłatnych języków programowania.

HTML5 i CSS3 Fundamenty nowoczesnej strony www

HTML5 i CSS3 Fundamenty nowoczesnej strony www

 

W tym kursie poznasz najpierw podstawy wiedzy o dwóch podstawowych technologiach: HTML5 i CSS3, potem uzyskasz minimalną niezbędną wiedzę z zakresu jQuery, będącej niczym innym jak biblioteką JavyScript. Kolejny krok, to analiza dołączonych do szkolenia plików z kodami stron internetowych HTML5, co spowoduje, że zarys teorii będziesz mógł/ła zestawić z praktycznymi zapisami, faktycznie działających stron www.

 

HTML5 i CSS3 Fundamenty nowoczesnej strony www

Budując stronę www w HTML5, możesz oczywiście pisać zupełnie od podstaw kod html, css czy jQuery, ale szybszym rozwiązaniem będzie sięgnięcie po już istniejące pliki, np. dostarczoną strukturę html (pliki w załączeniu do szkolenia). Szczególnie, że początek budowy strony html, to opracowanie właśnie „drzewa” html 5– tzw. DOM (ang. Document Object Model). Oczywiście załączone pliki opierają się na przykładowym układzie znaczników i  w przyszłości zapewne sam/a będziesz dokonywał/a zmian w załączonej strukturze html, czyniąc swój kod jak najbardziej dopasowany do realizowanych projektów. O ile niektóre znaczniki typu div można ustawiać bardzo różnorodnie, o tyle podstawowa struktura zawsze jest niermal niezmienna. Zerknij poniżej na HTML 5.
HTML5 stanowi strukturę (tzw. DOM ang. Document Object Model) strony internetowej.

Stronę buduje się za pomocą znaczników, za pomocą których definiuje się różne części strony WWW. Oto przykład kodu HTML 5 prostej strony internetowej:
<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title> Projektowanie i tworzenie responsywnych stron www </title>
 </head>
 <body>
 <p>TREŚĆ STRONY</p>
 </body>
</html>
Powyższa strona (a właściwie kod stronywww) zawiera wszystkie podstawowe elementy.
Na początku dokumentu znajduje się deklaracja typu dokumentu:
<!doctype html>
dalej znacznik <html>  - w nawiasach trójkątnych,
nagłówek
<head>
Treść
<body>

Każdy ze znaczników jest zamknięty, a dokument kończy znacznik zamykający </html>. Przeanalizuj miejsce otwarcia i zamknięcia każdego ze znaczników. Taki układ będzie w budowanych stronach internetowych opartych na HTML, CSS i JS.

Znacznik języka HTML5:  <!doctype html>  jest nowym typem dokumentów pisanych w języku HTML5. Język ten - HTML5 - w stosunku do swoich poprzedników (np. HTML4) ma być łatwiejszy w użyciu, prostszy od poprzednich wersji i ma stanowić jedynie strukturę strony, wszelkiego rodzaju „upiększenia” i interakcje pozostawiając innym technologiom, np. CSS i JS. Dlatego unika się nadawania właściwości znacznikom bezpośrednio w dokumencie html. W html 5 umieszcza się jedynie odnośniki do selektorów i ich właściwości zawartych w pliku arkusza stylów css. Właśnie się pogubiłeś/aś? Nie przejmuj się. Istnieje sporawa szansa, że po zapoznaniu się z tym szkoleniem i analizie dołączonych plików html i css – zrozumiesz podstawy budowy responsywnych stron css.
Ważna informacja - plik z rozszerzeniem .html
•    edytujesz w posiadanym programie do edycji np. Notepad++
•    otwierasz w przeglądarce internetowej.

 

HTML5 i CSS3 Fundamenty nowoczesnej strony www

Struktura HTML 5 - minimum co musi być zawarte w kodzie HTML 5

    <!DOCTYPE html>
    <html lang="pl">
    <head>
       <meta charset="utf-8">
       <title>Page Title</title>
       <link rel="stylesheet" href="style.css">
       <script src="script.js"></script>
    </head>
    <body>
    ... <!-- The rest is content -->
    </body>
    </html>

 HTML 5 zawiera uproszczone ładowanie skryptów js:

    <script src="script.js"></script>


 SZKOLENIE STACJONARNE a także DORADZTWO IT

Jeżeli jesteś zainteresowana/y

* szkoleniem stacjonarnym- przeprowadzam szkolenia zarówno otwarte jak i zamknięte  i/lub

* doradztwem it- tworzę responsywne i mobilne strony www, doradzam w zakresie niezbędnych zmian odnośnie już istniejących  stron www

z zakresu Tworzenie responsywnych i mobilnych stron www, w tym HTML5, CSS3, JavaScript, Drupal 7, JSON, jQuery, Angularjs, Backbonejs, nodejs - zapraszam do kontaktu: marketing@poswojsku.eu


 

 Ciąg dalszy: Bezpłatne programy do pisania kodu html najlepsze free edytory css ..

Zobacz w bocznym menu podobne artykuły do: HTML5 i CSS3 Fundamenty nowoczesnej strony www ..

<
  • DANE ADRESOWE

     

    w czym mogę pomóc?

    biuro(at)gddm.com.pl

    Zd Wola Paprocka 86

    znajdź mnie na Youtube

  • PROGRAMOWANIE

     

    JavaScript HTML CSS

    jQuery jQuery Mobile

    node.js React Angular

    ES6 babel rollup karma

  • GRAFIKA ANIMACJA

     

    grafika na strony www

    grafika reklamowa

    animacja 2D i 3D

    grafika 2D i 3 D

  • DORADZTWO

     

    doradztwo IT

    doradztwo biznesowe

    usługi IT

    analizy biznesowe i IT

  • SZKOLENIA

     

    technologie IT

    marketing

    zarządzanie

    projekty metodologia

>