Створення та публікація веб-ресурсів

Створення персонального навчального середовища:

  1. У документі "Список учасників" заповни колонки таблиці (за зразком на фото вище).
  2. Посилання на спільну папку з матеріалами 8-А кл.,  8-Б кл, 8-В кл.
  3. За потреби, доповни папку необхідними матеріалами (фото, малюнки, текст)

Опитування з використанням онлайн-форм
Дай відповіді на питання, подані нижче. Створи власну онлайн-форму.


Практична робота 5. Офісні веб-програми для створення спільних документів

1. Посилання на документ із завданнням
2. Посилання на папку із заготовками
Створи найпростішу веб-сторінку у Блокноті, скориставшись кодом, що поданий нижче
<HTML>
<HEAD>
<TITLE> Найпростіша веб-сторінка
</TITLE>
</HEAD>
<BODY>
Ця сторінка створена за допомогою простих тегів
</BODY>

</HTML>
Використання онлайн-систем конструювання сайтів
Створіть веб-сторінку Вулиця.html, cкориставшись поданим нижче кодом

<HTML> 
<HEAD> 
<TITLE>  - Сторінка вулиці
</TITLE>
</HEAD>
<BODY > 
<H1> Заголовок сторінки</H1>
<HR Align=”center” Width=”50%” Size=”3”> 
<P> Короткий опис розташування вулиці, історія виникнення її назви <BR>
Адреса <BR>
</P>
<MARQUEE BGCOLOR=“green” HEIGHT=40> Помістіть слоган про вулицю</MARQUEE>
<HR Align=”center” Width=”30%” Size=”4” COLOR=”green”> 
<IMG SRC=“1.jpg” ALT=“небо” ALIGN=“right” WIDTH=120 HEIGHT=100>
<P Align=”justify”> <i>Опишіть чим унікальною є вулиця, її будівлі чи жителі </I> <BR>
</P>
<HR Align=”center” Width=”400” Size=”5” COLOR=”red”> 
<P> Вкажіть три <A HREF=“#споруди” > споруди</A> , які є окрасою вашої вулиці, використовуючи перехід на список:<BR> </P>
<P> Вкажіть  <A HREF=“#торгові_точки” > торгові точки</A> , в яких можна придбати товр, використовуючи  перехід на маркований список :<BR> </P>
<P> Вкажіть  <A HREF=“#номери_транспорту” > транспорт</A> , яким можна дістатись до вулиці, використовуючи перехід на нумерований список :<BR> </P>
<LH><A NAME=“споруди” >Архітектурні споруди </A></LH>
<DL>
<DT>споруда 1 
<DD>опис 1
<DT> споруда 2
 <DD> опис 2
<DT>споруда 3 
<DD>опис 3
</DL>
<HR Align=”center” Width=”400” Size=”5” COLOR=”red”> 
<LH><A NAME=“торгові_точки” >Перелік магазинів </A></LH>
<UL>
<LI> перший елемент списку 
<LI> другий елемент списку
 <LI> третій елемент списку
</UL>
<HR Align=”center” Width=”400” Size=”5” COLOR=”red”> 
<LH><A NAME=“номери_транспорту” >Транспорт за частотою прибуття </A></LH>
<OL TYPE=“1”>
<LI>перший елемент списку 
<LI>другий елемент списку
<LI>третій елемент списку
</OL>
</BODY>
</HTML>
Додатково! Код для створення меню
<nav class="top-menu">
  <a class="navbar-logo" href=""><img src=""></a>
  <ul class="menu-main">
    <li><a href="Work.HTML">Work</a></li>
    <li><a href="">About</a></li>
    <li><a href="">Gallery</a></li>
    <li><a href="">Contact</a></li>
  </ul>
</nav>

 Правила ергономічного розміщення відомостей на веб-сторінці

Сайт ITG, створений командою Netrix з України, сьогодні (14.11.2019) відзначили на Awwwards як найкращий сайт дня. Детальніше...

17 коментарів:

  1. https://docs.google.com/forms/d/e/1FAIpQLSdc9j0Q2XbEBdtyOHCXr7XlvTD-81Uy7uMfDYS1tkWRlRICKw/viewform?usp=sf_link

    ВідповістиВидалити
  2. https://forms.gle/LCVC4A2kJgykB7qu6 Янченко, Сосніцька

    ВідповістиВидалити
  3. https://docs.google.com/forms/d/e/1FAIpQLSdnN5oEg1gGzp3pKu2I15GnrqHUI6PUHfbUzjLxHSzK4P-N3g/viewform?usp=sf_link

    ВідповістиВидалити
  4. https://docs.google.com/forms/d/e/1FAIpQLScCIZMsCve_pT1cIjT8xUcFNqTsWUrhgBoolFGoAsgsCNNw2w/viewform?usp=sf_link

    ВідповістиВидалити
  5. https://forms.gle/u6nugCE86Mc8kvcc8
    Гаврилко, Сафронова

    ВідповістиВидалити
  6. https://docs.google.com/forms/d/e/1FAIpQLSfIyAcxFZaLAWbkuId4m0ePGQTLs4-aEcZ4iJI7X3X8cuOz4g/viewform?usp=sf_link
    Потапова Н, Остапець Б, Чугай М.

    ВідповістиВидалити
  7. https://docs.google.com/forms/d/e/1FAIpQLSfWyt7aH82BaUkHr5xsd_xa9suxfDZZ2e2ag9IbfKHN5bN-PQ/viewform?usp=sf_link
    Конончук Нікіта

    ВідповістиВидалити
  8. https://docs.google.com/forms/d/e/1FAIpQLSdNEDoh1MfHObXdly6WffHUx_6pi_ylu4mLalveT6z1WHm93w/viewform?usp=sf_link
    Позігун і Ракитянський

    ВідповістиВидалити
  9. https://docs.google.com/forms/d/e/1FAIpQLSfssCMvZ8as7DYK7mlFC1Ag1wiX_ziAMdDPUkXgfw05qBfSTg/viewform?usp=sf_link
    Серый и Костромин (8-Б)

    ВідповістиВидалити
  10. https://docs.google.com/forms/d/e/1FAIpQLSctRhJNes7Q4XRJJLTs0SUxBaLV_lZh8jLigiKQlY5qQpxalg/viewform?usp=sf_link

    ВідповістиВидалити
  11. https://docs.google.com/forms/d/e/1FAIpQLSeQzZChMf2VKaindC_CdhIkLGS5asrvVu29U-yOrDE4z_vzIw/viewform?usp=sf_link

    ВідповістиВидалити
  12. https://docs.google.com/forms/d/e/1FAIpQLSdGN3AQvfWHl9n_zg4AJt8i7txKa6BUTMtsa_6klww2ZK6FgQ/viewform?usp=sf_link

    ВідповістиВидалити
  13. https://docs.google.com/forms/d/e/1FAIpQLSfuACokQ5qxRfI9s8821_LWk-7Wevkt6iw7U4lIdV7wmUKmMQ/viewform?usp=sf_link

    ВідповістиВидалити