PODSTAWY INTERNETU

Podstawy internetu cz. 2

Materialy pomocnicze

Narzedzia

  • Web Developer Tools (Google Chrome, Firefox)
  • Firebug (Firefox)
  • Edytor (VSCode, Atom, Sublime Text, Emacs, VIM, Notepad++) / IDE (Webstorm)
  • Online

Aktualizacja 17.10.2019

Przykładowa stron z layout-em

Layout

Glowne skladowe elementy layoutu:

  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <footer>

Przykladowy template

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Title</title>
  <meta charset="utf-8">
  <style>
  </style>
</head>
<body>

</body>
</html>

Cwiczenia

Tworzymy prosta strone (np. film) z poprawnym layoutem.

img

<header>
  <h2></h2>
</header>

<section>
  <nav>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </nav>

  <article>
    <h3></h3>
    <p></p>
    <p></p>
    <p></p>
  </article>
</section>

<footer>
</footer>
>