Scribd Logo
Upload

Welcome to Scribd!

  • Informatyka 2d 28.09 22

    Uploaded by

    Damian Gryszkiewicz
    11 views12 pages

    Original Title

    Informatyka 2d 28.09 22 (2)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    11 views12 pages

    Informatyka 2d 28.09 22

    Uploaded by

    Damian Gryszkiewicz

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 12

    Tworzenia

    stron
    internetowych
    .
    •co to HTML?
    •to hipertekstowy język oparty na znacznikach, który wykorzystuje się do tworzenia
    struktury strony internetowej oraz jej zawartości.
    •HTML składa się z rozmaitych znaczników, określanych także mianem tagów. Używa
    się ich w celu sterowania wyglądem oraz funkcjonalnościami strony. Przykładowe
    efekty, które osiągać można wykorzystując znaczniki HTML, to np. zmiana koloru tła
    strony, pogrubienie tekstu, wstawienie obrazka lub odnośnika.
    •Wyróżnić można znaczniki otwierające (np. <h1>) oraz zamykające (np. </h1>) –
    pomiędzy nimi najczęściej umieszcza się tekst, który chcemy sformatować. Niektóre
    znaczniki mogą dodatkowo zawierać atrybuty, które dostarczają więcej informacji na
    temat danego elementu.
    • co to WYSIWYG?
    • sposób tworzenia dokumentów, na przykład w
    edytorach tekstu, który pozwala użytkownikowi
    zobaczyć na ekranie dokładnie to, co później zostanie
    przedstawione w oknie podczas tworzenia interfejsu
    lub dokumentu. Jest skrótem od “What you see is what
    you get” (pl. “To, co widzisz, jest tym, co dostajesz”).
    Pierwszym prawdziwym edytorem WYSIWYG był
    edytor tekstu o nazwie Bravo. Wynaleziony przez
    Charlesa Simonyi w Xerox Palo Alto Research Center
    w 1970 roku, stał się podstawą do pracy w Firmie
    Microsoft i przekształcił się w dwie inne aplikacje
    WYSIWYG o nazwie Word i Excel.
    • co to CSS?-Nauka, wiedza, rozwijanie pasji,
    rozrywka - w Internecie znajdziemy dziś
    wszystko. Każdy z nas codziennie zagląda na
    karty przeglądarki w poszukiwaniu
    przeróżnych treści, a niemal wszystko, co
    znajdujemy, opiera się na zaledwie trzech
    językach: HTML, CSS i JavaScript. Jest to tzw.
    wielka trójka, która pozwala na budowanie
    kompletnych, nowoczesnych i interaktywnych
    stron internetowych. Przyjrzyjmy się jednemu
    z tych trzech języków. Z tego
    • przykłady CMSJest to oprogramowanie
    pozwalające na organizowanie, publikowanie i
    modyfikowanie strony internetowej bez wymagania
    specjalistycznej wiedzy technicznej w zakresie stron
    www. Wszystko, co musisz zrobić, to zainstalować
    wybrany CMS, wybrać nazwę domeny i wrzucić
    pliki na serwer www.
    •1. WordPress.
    •2. Joomla.
    •3. Drupal.
    •4. ModX.
    •5. ExpressionEngine.
    •6. TextPattern.
    •7. Contao.
    •8. DotNetNuke.
    •9. Umbraco.
    •10. Concrete 5.
    HTML / Ramy dokumentu...na całym świecie), dlatego wymyślono specjalny
    szablon dokumentu HTML, który powinien być przestrzegany. Oto jak przykładowo powinny
    wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne podobne szablony): <!doctype html>
    <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony">
    <title>Tu wpisz tytuł strony</title> </head> <body> Tu wpisuje się treść strony </body> </html> 
     1. <main>Znacznik wykorzystywany, do oznaczenia
    najważniejszej części witryny. Powinien być unikalny w
    całym dokumencie. Nie można w nim osadzać
    powtarzających się elementów takich jak sidebary,
    menu navigacyjne, stopki czy formularze. Nie można go
    zastosować wewnątrz takich znaczników jak <asticle>,
    <aside>, <footer>, <header> oraz <nav>. To co jest
    interesujące w przypadku znacznika <main> to fakt, że
    wspiera wszystkie globalne atrybuty. Dobrym
    pomysłem jest, aby wewnątrz taga <main>, umieścić na
    przykład wpisy na sronie.
     2. <section>Znacznik definiuje pewną sekcję na stronie. Jak
    sama nazwa mówi – sekcję, a więc miejsce, gdzie znajdą się
    kolejne znaczniki w jakiś sposób ze sobą powiązane.
    Przykładowo można umieścić w znaczniku <section> cały
    nagłówek lub pasek boczny.
     3. <article>Znacznik definiuje pewną niezależną, pełna treść.
    Poprzez pełną na myśli mam to, że można ten kawałek wyciąć i
    wkleić w zupełnie inne miejsce a nawet inny serwis, jej zawartość
    oraz znaczenie będzie kompletne. Doskonałym przykładem będą tutaj
    wpisy na forum, na blogu czy poszczególne komentarze.
    4. <nav>Znacznik definiujący zestaw głównych odnośników
    nawigacyjnych. Kluczowym słowem jest głównych. Nie
    powinniśmy tego znacznika używać, na przykład dla linków
    nawigacyjnych w panelu bocznym – to nie jest główne menu
    nawigacyjne.
    <br>Znacznik końca linii.
    Znacznik <br> stosuję się, gdy tekst ma przejść do
    następnej linii. Żeby to lepiej zobrazować, wyobraź sobie,
    że piszesz e-mail do znajomego. Idę o zakład, że bardzo
    często używasz klawisza enter. Po jego wciśnięciu kursor
    przeskakuje do następnej linii i tam kontynuujesz pisanie.
    Znacznik <br> ma dokładnie takie samo działanie.
    KONIEC DAMIAN GRYSZKIEWICZ 2 D 

    You might also like