Основи веб дизайну та веб програмування

Група  6


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -      13  квітня     2021р

Урок № 54, 55

Кількість годин - 2

Тема: ООІ та ПЗ - 2.6.6   ЛПЗ  Раціонально підбирати компанію, що надає, організовує і забезпечує доступ до мережі Інтернет

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -     6 квітня       2021р

Урок №  52,  53

Кількість годин -  2

Тема: ООІ та ПЗ - 2.6.6 Послуги, що надають Провайдери послуг Інтернет, види доступу та підключення до Інтернету; можливості розміщення віртуального WWW або FTP-сервера; послуги пункту колективного користування та обслуговування обчислювальної техніки користувача; можливості технологій хDSL та ISDN;

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 30 березня 2021р

Урок №   51

Кількість годин - 1

Тема:  ООІ та ПЗ - 2.6.6 Аналіз послуг компаній, які організовують і забезпечують доступ користувачів до мережі Інтернет

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 25, 30 березня 2021р

Урок № 49 - 50

Кількість годин - 2

Тема: ООІ та ПЗ-2.6.5   ЛПЗ  Створити веб-сторінки у візуальному редакторі за допомогою майстра або шаблону; розмістити контент зображень.

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 23 березня 2021р

Урок № 47 - 48

Кількість годин - 2

Тема: ООІ та ПЗ-2.6.5 Засоби роботи з веб-сторінками; команди форматування тексту, створення таблиць та гіперпосилань; шаблони веб-сторінок.

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 16, 18 березня 2021р

Урок № 44 - 46

Кількість годин - 3

Тема: ООІ та ПЗ-2.6.5   Інтерфейс та режими роботи програми; 

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 9, 11 березня 2021р

Урок №   41  -  43

Кількість годин - 3

Тема:  ООІ та ПЗ-2.6.5 Створення веб-сторінок та веб-сайту з використанням спеціалізованого програмного забезпечення 

Опрацювати матеріал: 

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 2, 4  березня 2021р

Урок № 39 - 40

Кількість годин - 2

Тема: ООІ та ПЗ-2.6.4 ЛПЗ  Додавати до HTML-документів зображення; розміщувати та відтворювати на веб-сторінках мультимедійні дані; форматувати аудіо- та відеофайли. 

Опрацювати матеріал: 

Виконати тести: 


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 25 лютого,  2 березня  2021р

Урок № 37 - 38

Кількість годин - 2

Тема: ООІ та ПЗ-2.6.4  Використання зображень, GIF-анімації у веб-документах; формати зображень, які використовують в мережі Інтернет; команди розміщення та відтворення на веб-сторінках мультимедійних даних. 

Опрацювати матеріал:     

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -    23  лютого    2021р

Урок №  35 -  36

Кількість годин - 2

Тема: ООІ та ПЗ-2.6.4   Розміщення графіки, аудіо- та відеоінформації на веб-сторінках 

Опрацювати матеріал:    

Виконати тести: 


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -   09,11,16,18  лютого 2021р

Урок №  29 - 34

Кількість годин - 6

Тема: ООІ та ПЗ-2.6.3     ЛПЗ  Створити прості HTML-документи, Створити, формувати та форматувати HTML-документи; створити та редагувати з HTML-документи, що містять гіперпосилання та списки; створити таблиці, фрейми та форми в HTML-документі; створити та підключати стилі CSS.

Виконати  практичну роботу № 1 :

Практична робота №1

Тема: «Базові конструкції мови HTML. СтруктураHTML-документа»

Поняття тегу.

Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Усі теги починаються із символу < і закінчуються символом >. Використовують пару тегів, відкривальний і закривальний. Наприклад <HTML> </HTML>, <B> </B>, <TITLE></TITLE>....Перший з них задає ефект, а другий - припиняє дію. Закривальний тег починається із символу / (слеш). Деякі теги задають разовий ефект, тоді закривальний тег не потрібний. Приклади одинарних тегів: <BR>, <HR>, <WETA>, <BASEFONT>, <FRAME>, <INPUT>.

Відкривальні теги можуть містити атрибути, які впливають на ефект, створюваний тегом. Для деяких атрибутів слід задавати значення, яке відділяють від імені атрибута символом =. Значення атрибута беруть в лапки, але в багатьох випадках їх можна не ставити. Закривальні теги атрибутів не містять. Приклади: <BODY BGCOLOR="#000000" TEXT"FFFFFFF"....

Структура HTML-документа

  • Починається з тегу <HTML> і закінчується відповідним йому тегом </HTML>. Така пара тегів повідомляє браузеру, що це <HTML>-документ.
  • Містить два розділи - заголовків і тіла документа (розміщуються саме в такому порядку). Розділ заголовків помічений тегами <HEAD> і </HEAD> та містить інформацію про документ загалом. Зокрема, він повинен містити в собі теги <TITLE> та </TITLE>, між якими розміщено текст, що відображатиметься в заголовку вікна браузера. Крім цього, у розділі заголовків може міститися тег <META>, призначений для технічного опису документа (це інформація для пошукових програм), а також тег <STYLE> для опису стилів (наборів параметрів форматування), використаних в документі.
  • Сам текст документа міститься в його тілі, яке розташоване між тегами <BODY> та </BODY>.

Теги

Від <H1>...</H1> до <H6>...</H6> - шість рівнів заголовків, які підтримує мова HTML. Найвищий рівень заголовків <H1>...</H1>. Текст, що міститься всередині тегу заголовка, відображатиметься відповідно до його рівня. Текст заголовка може бути вирівняний по центру, за правим, за лівим краєм - для цього використовують атрибут ALIGN. Приклад: <H2 ALIGN=center>Текст заголовка</H2>;

<P> і </P> - теги для визначення звичайних абзаців (Слід пам'ятати, що всі «зайві» пропуски між словами і переходи на новий рядок під час відтворення <HTML>-документа браузер ігнорує;

<BR> - одинарний тег для переходу на новий рядок без створення абзацу;

<HR> - одинарний тег для розділення тексту горизонтальною лінією;

Кольори та зображення для всього документа і його тла задають за допомогою тегу <BODY>. Він може мати такі атрибути:

  • BACKGROUND="URL" - замість "URL"вказують адресу малюнка, який має бути тлом для сторінки;
  • BGCOLOR=значення - задає колір, який має бути фоновим для документа;
  • TEXT=значення - задає колір тексту;
  • LINK=значення - визначає колір гіперпосилань у документі;
  • ALINK=значення - задає колір гіперпосилань під час клацання;
  • VLINK=значення - задає колір переглянутих гіперпосилань.

Вправа1.

Створити HTML-документ за допомогою найпростішого текстового редактора.

1.Створіть у своїй папці папку під назвою «Мій вебдокумент».

2. Відкрийте текстовий редактор Блокнот.

3. Для створення HTML-документа наберіть такий текст:

<HTML>

<HEAD>

<TITLE>Купівля\продаж</TITLE>

</HEAD>

<BODY>

<H1>Торгівельні об'єкти Львівщини</H1>

<H2>Супермаркети</H2>

<P>На Львівщині діє мережа магазинів Інтермаркет. У кожному районі є торговельний об'єкт.

<P>Одним із таких магазинів став нещодавно відкритий супермаркет «Арсен».<HR>Це торгівельний центр із багатьма відділами та зручною системою обслуговування покупців.<BR>Його можна назвати торговельним містечком.

</BODY>

</HTML>

4. Збережіть файл на жорсткому диску у створеній заздалегідь папці, назвавши його, наприклад, 1.html. З'явиться файл зі значком Internet Explorer. Закрийте текстовий редактор.

5. Запустіть файл 1.html. Перегляньте отриманий результат.

6. Проаналізуйте, як відтворено веб-сторінку. Якщо потрібно внести зміни, виберіть команду Перегляд HTML-коду в меню Вигляд(Вид). Збережіть зміни та оновіть веб-сторінку за допомогою клавіші F5або кнопки Оновити панелі інструментів.

7. Продемонструйте вчителю.

Додаткове завдання

  1. У створенному HTML-документі замініть тег <BODY> на тег <BODY BGCOLOR=red TEXT=green> (кольори можна задавати на власний вибір, можна задавати кольори і різні відтінки за допомогою набору довільних 4-х цифр, наприклад BGCOLOR=9008...).
  2. Замість тегу <H1> запишіть <H1 ALIGN=center>.
  3. Збережіть і натисніть F5.
  4. Продемонструйте вчителю.

Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 04  лютого 2021р

Урок № 28

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3  Структура CSS-правил. 

Опрацювати матеріал:      


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -  02  лютого  2021р

Урок №   27

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3   Таблиці стилів документа.

Опрацювати матеріал:     

Виконати тести:     


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -  02  лютого 2021р

Урок №   26

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3   Особливості CSS та його застосування.

Опрацювати матеріал:      

Виконати тести:    


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -  28  січня  2021р

Урок №   25

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3   Можливості використання таблиць для порядок розміщення об'єктів на веб-сторінці.

Опрацювати матеріал:        

Виконати тести:      


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -   26  січня  2021р

Урок №   24

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3     Колірне оформлення таблиць.

Опрацювати матеріал:       

Для оформлення комірок таблиць за допомогою кольорів застосо­
вують атрибут BGCOLOR. Колір можна визначати, вказуючи його
назву англійською мовою або символ # та шістнадцяткове число.
Якщо потрібно задати колір для всієї таблиці, то атрибут BGCOLOR
задають у тегу <TABLE>, для зміни кольору лише в одному ряд­
ку - в тегу <TR>, а настроювання кольору окремої комірки забез­
печує наявність цього атрибута всередині тегу <TD> або <ТН>.
Колір рамки таблиці можна задати за допомогою таких атрибутів:
• BORDERCOLOR - колір ВСІЄЇ рамки;
• BORDERCOLORLIGHT - колір світлої частини рамки;
• BORDERCOLORDARK - колір темноїЇ частини рамки.
Ці атрибути вставляють у тег <TABLE>. Щоб вони діяли, необхід­
на наявність ще й атрибута BORDER, який задає товщину рамки.
Розглянемо приклад оформлення таблиці за допомогою різних
кольорів.
Приклад 2.7. HTML-документ, який містить
різнокольорову таблицю
<HTML>
<TITLE>Приклад керування кольором</TITLE>
<BODY>
<TABLE BGCOLOR="#F0F0F0" BORDER=10 BORDERCOLOR="#808080"
BORDERCOLORLIGHT="#9 9CCFF" BORDERCOLORDARK="#9900FF">
<TR BGCOLOR=lightblue>
<TH COLSPAN="3">Класи</ТН>
</TR>
<TR>
<TD BGCOLOR=pink>ll-A</TD>
<TD BGCOLOR=cyan>ll-B</TD>
<TD BGCOLOR=plum>ll-B</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Якщо необхідно задати колір шрифту для тексту таблиці, то це
можна зробити за допомогою тегу <FONT> всередині відповідних
тегів <TD>. Наприклад:
<TD BGCOLOR=magenta><FONT COLOR=pink>TeKCT</FONT></TD>

Виконати тести:     


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -    26  січня  2021р

Урок №   23

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3  Команди форматування тексту та оформлення рамок таблиці  

Опрацювати матеріал:      

Виконати тести:    


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 21  січня  2021р

Урок №  22

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3   Можливості використання таблиць у HTML- документах.

Опрацювати матеріал:      

Виконати тести:   


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 19  січня 2021р

Урок № 21

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3   Основні теги формування тексту.

Опрацювати матеріал:      

Виконати тести:    


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 19 січня 2021р

Урок № 20

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3    Структуру HTML-документа.

Опрацювати матеріал:     

Виконати тести:   


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом - 14 січня 2021р

Урок № 19

Кількість годин - 1

Тема: ООІ та ПЗ-2.6.3    Базові конструкції мови HTML.

Опрацювати матеріал:     

2. Базові конструкції мови HTML.

Призначення мови й основні поняття. Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами. При одержанні Web-сторінки із сервера броузер аналізує її. Він знаходить у ній теги, що вказують, якого типу елемент треба відобразити, і виводить фрагмент Web-сторінки на екран.

Сукупність тегів і правил їх використання називається мовою HTML - мова розмітки гіпертексту.

Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом.

Ім'я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер є Web-сторінкою, яка переглядається за допомогою Web-броузера. Тому, навчившись створювати HTML-документи, ми зможемо робити власні Web-сторінки.

HTML-документ складається з фрагментів тексту у вигляді ASCII-коду й тегів. Теги записуються символами ASII, які беруться в кутові дужки (знаки "<" менше та ">" більше). Таким чином, HTML-документ є звичайним ASII-файлом, і створювати його можна за допомогою найпростішого текстового редактора.

Наприклад, при використанні редактора Блокнот треба ввести вміст HTML-документа, а при збереженні вибрати команду Файл-Сохранить. У вікні Сохранение, що відкрилося, встановити значення Все файлы в полі Тип файла, а в імені обов'язково вказати розширення .htm.

Завдяки цьому файл буде відображатися у вигляді значка броузера, який встановлено на даному комп'ютері. Подвійне клацання на значку відкриває HTML-документ у броузері для перегляду. Наприклад, до поля імені файла можна ввести його назву "Перша.htm".

Щоб редагувати сворену веб-сторінку потрібно на документі натиснути правою кнопкою мишші та вибрати "Відкрити з допомогою Блокнот".

Теги. Структура HTML-документа. Вище було сказано, що тег - це вказівка браузера, як відображати фрагмент документа. Тег завжди починається символом "<" і закінчується символом ">". Між цими символами вказується ім'я тега. В імені малі й великі літери не розрізняються.

Теги бувають двох видів - одинарні й парні. Одинарний тег ставиться перед фрагментом тексту, яким він керує. Наприклад, запис

<br> Зошит

означає, що слово "Зошит" відображається з нового рядка.

Парні теги складаються з двох частин - початкової та завершальної. Початкова частина вказує точку документа, з якої починається дія команди, а завершальна - точку її закінчення. Завершальна частина відрізняється від початкової наявністю символу " / " (похила риска) перед ім'ям команди. Наприклад, запис <b> Синій олівець </b> означає, що текст "Синій олівець" відображається напівжирним шрифтом.

Ознакою того, що текстовий файл є HTML-документом, служить парний тег <HTML> </HTML>. Він починає і завершає весь документ, тобто HTML-документ має вигляд:

<HTML>

текст документа

</HTML>

HTML-документ складається з двох частин - заголовка й тіла. Заголовок позначається парним тегом <HEAD> ... </HEAD>, а тіло - парним тегом <BODY> ... </BODY>. Текст, що виводиться в заголовку вікна броузера, розміщається в парному тезі <TITLE> ... </TITLE>. Структура HTML-документа має вигляд:

<HTML>

<HEAD>

<TITLE> Заголовок документа </TITLE>

</HEAD>

<BODY>

Тілодокумента

</BODY>

</HTML>

Виконати тести:  


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення занятя за розкладом -    08,  15,  22,  29    грудня   2020 р

Урок №    15  -  18

Кількість годин -   4

Тема: ООІ та ПЗ-2.6.3  Програмування веб-сторінок та веб-сайту мовою розмітки HTML.

Базові конструкції мови HTML 

Опрацювати матеріал:    

Виконати тести: 


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення заннятя за розкладом -  27 жовтня,  03,  10,  17,  24 листопада  2020 р

Урок № 9  -  14

Кількість годин - 4 / 2

Тема:  ООІ та ПЗ-2.6.2 Розробка веб-сайту

Знати: основні етапи розробки веб-сайту; просторовий дизайн веб-сторінок; компонування та визначення набору сторінок сайту; підготовку текстів; графічне оформлення веб-сторінки; значення кольору та текстури у веб-дизайні. Уміти: проектувати структуру сайту та проектувати гіперпосилання; розміщувати елементи на сторінці; виконувати інформаційне наповнення веб-сторінок

Опрацювати матеріал: 

Опрацювати матеріал: Підручник 7, Сторінки 14 - 20

Виконати тести:


Курс: Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення заннятя за розкладом - 29   вересня ,   06,  13,  20 жовтня   2020 р

Урок № 5 - 8

Кількість годин - 4

Тема:  Лабораторно - практичне занняття: створювати та підтримувати веб-ресурси в автоматизованому режимі; спілкуватися на форумах та в чатах; створювати та вести блоги


Створіть свій сайт безкоштовно!

                    використайте ресурс:    https://www.webnode.com.ua/   посилання направити по E-mail - info91@i.ua

Із Webnode можна створити сайт за лічені хвилини. Приєднайтеся до 40 млн. користувачів і створіть свій власний.

Курс:  Основи веб дизайну та веб програмування

Група № 6, курс 2

Викладач: Замура Олександр Васильович

Дата проведення заннятя за розкладом -   01,  08,  15,  22  вересня  2020 р

Урок №   1 - 4

Кількість годин -  4

Тема:   поняття веб -сторінки та веб -сайту; технологію створення та підтримки веб-ресурсів вавтоматизованому режимі; можливості безкоштовного хостингу веб-сайту; послідовність створення та ведення блогів. Уміти: створювати та підтримувати веб-ресурси в автоматизованому режимі; спілкуватися на форумах та в чатах; створювати та вести блоги

Складові Інтернету. Поняття про веб

У складі мережі Інтернет існує ряд сервісів або служб (E-mail, USENET, TELNET, WWW, FTP та ін)В даний час найбільша частина трафіку (інформаційного потоку) в Інтернет припадає на службу World Wide Web (веб, всесвітнє павутиння).Принцип роботи сервісу WWW був розроблений фізиками Тімом Бернес-Лі і Робертом Кайо в європейському дослідницькому центрі CERN (Женева) в 1989 році. В даний час Web-служба Інтернет містить мільйони сторінок інформації з різними видами документів.
Веб - частина Інтернету, з якою знайома більшість людей. Веб настільки популярний, що часто слова Інтернет і веб люди використовують як синоніми. Але до Інтернету також входять й інші служби, такі як електронна пошта, групи новин і спільне використання файлів. Можна надсилати повідомлення електронної пошти або бути учасником групи новин, не використовуючи веб.Веб містить значний обсяг інформації - набагато більший, ніж найвизначніші бібліотеки світу. Наприклад, можна читати новини та рецензії на фільми, перевіряти розклади літаків, переглядати карти міста, отримувати прогнози погоди або досліджувати питання здоров'я. Широко доступні довідкові джерела, такі як словники й енциклопедії, а також історичні документи та тексти класичної літератури.Більшість компаній, урядових установ, некомерційних організацій, музеїв і бібліотек мають веб-сайти з інформацією про свої продукти, послуги або колекції. Багато людей створюють веб-сайти з особистими журналами, які називаються блогами (скорочено від web logs), і де пишуть про свої захоплення й інтереси.Хоча веб надає широкі можливості для здійснення досліджень, не вся інформація в ньому достовірна. Інформація на деяких веб-сайтах може бути неточною, застарілою або неповною. Перш ніж покладатися на інформацію потрібно, переконайтися, що вона походить із надійного джерела, і перевірити її в інших джерелах.Один із найпопулярніших способів використання Інтернету. Повідомлення електронної пошти можна надіслати будь-кому, хто має електронну адресу, і воно з'явиться у вхідній пошті одержувача майже миттєво, навіть якщо він живе в іншому кінці світу.За допомогою служби обміну миттєвими повідомленнями можна вести бесіди, навіть із групою людей, у реальному часі. Після введення та надсилання миттєвого повідомлення воно відразу відображається для всіх учасників бесіди. На відміну від електронної пошти, усі учасники обміну миттєвими повідомленнями мають бути в онлайні (підключені до Інтернету) і біля комп'ютерів.Групи новин і форуми у вебі дозволяють брати участь в обговореннях спільних тем з іншими людьми. Наприклад, якщо виникають ускладнення з використанням програми, можна надіслати запитання до дискусійної групи користувачів цієї програми.У вебі можна здійснювати обмін даними: передавати (копіювати) зображення із цифрової камери на веб-сайт обміну фотографіями. Запрошені друзі та родичі можуть зайти на веб-сайт і переглянути ваші фотоальбоми.Веб - це найбільший універмаг світу. На веб-сайтах великих торгових закладів можна переглядати й купувати різноманітні товари: книги, музичну продукцію, іграшки, одяг, електроніку тощо (зазвичай для цього потрібна кредитна картка). Через веб-сайти, які працюють у режимі аукціону, також можна купувати та продавати використані речі.У вебі можна грати в будь-які ігри, часто проти інших гравців, незалежно від того, у якій частині світу вони перебувають. Багато ігор пропонуються безкоштовно, інші ж можна завантажити за певну плату. Також можна прослуховувати Інтернет-радіостанції, переглядати фрагменти фільмів і завантажувати або купувати музику, відео та навіть деякі телевізійні шоу.

Виконати тест. Результат надіслати  по E-mail     -    info91@i.ua


Матеріал для вивчення:



Навчальна програма курсу (по модульній системі) Web-дизайну та Web-програмування. 

Модуль ООІ та ПЗ-2.6. Підготовка та розміщення матеріалів у мережі Інтернет 

ООІ та ПЗ-2.6.1 Створення й підтримка веб-ресурсів Знати: поняття веб -сторінки та веб -сайту; технологію створення та підтримки веб-ресурсів вавтоматизованому режимі; можливості безкоштовного хостингу веб-сайту; послідовність створення та ведення блогів. Уміти: створювати та підтримувати веб-ресурси в автоматизованому режимі; спілкуватися на форумах та в чатах; створювати та вести блоги 

ООІ та ПЗ-2.6.2 Розробка веб-сайту Знати: основні етапи розробки веб-сайту; просторовий дизайн веб-сторінок; компонування та визначення набору сторінок сайту; підготовку текстів; графічне оформлення веб-сторінки; значення кольору та текстури у веб-дизайні. Уміти: проектувати структуру сайту та проектувати гіперпосилання; розміщувати елементи на сторінці; виконувати інформаційне наповнення веб-сторінок 

ООІ та ПЗ-2.6.3 Програмування веб-сторінок та веб-сайту мовою розмітки HTML Знати: базові конструкції мови HTML; структуру HTML-документа; основні теги формування тексту; можливості використання таблиць у HTML- документах; команди форматування тексту та оформлення рамок таблиці; колірне оформлення таблиць; можливості використання таблиць для порядок розміщення об'єктів на веб-сторінці; особливості CSS та його застосування; таблиці стилів документа; структура CSS-правил. Уміти: створювати прості HTML-документи; створювати, формувати та форматувати HTML-документи; створювати та редагувати з HTML-документи, що містять гіперпосилання та списки; створювати таблиці, фрейми та форми в HTML-документі;створювати та підключати стилі CSS 

ООІ та ПЗ-2.6.4 Розміщення графіки, аудіо- та відеоінформації на веб-сторінках Знати: використання зображень, GIF-анімації у веб-документах; формати зображень, які використовують в мережі Інтернет; команди розміщення та відтворення на веб-сторінках мультимедійних даних. Уміти: додавати до HTML-документів зображення; розміщувати та відтворювати на веб-сторінках мультимедійні дані; форматувати аудіо- та відеофайли. 

ООІ та ПЗ-2.6.5 Створення веб-сторінок та веб-сайту з використанням спеціалізованого програмного забезпечення Знати: інтерфейс та режими роботи програми; засоби роботи з веб-сторінками; команди форматування тексту, створення таблиць та гіперпосилань; шаблони веб-сторінок. Уміти: створювати веб-сторінки у візуальному редакторі за допомогою майстра або шаблону; розміщувати контент зображень. 

ООІ та ПЗ - 2.6.6 Аналіз послуг компаній, які організовують і забезпечують доступ користувачів до мережі Інтернет Знати: послуги, що надають Провайдери послуг Інтернет, види доступу та підключення до Інтернету; можливості розміщення віртуального WWW або FTP-сервера; послуги пункту колективного користування та обслуговування обчислювальної техніки користувача; можливості технологій хDSL та ISDN; Уміти: раціонально підбирати компанію, що надає, організовує і забезпечує доступ до мережі Інтернет. 

ООІ та ПЗ-2.6.7 Розміщення, просування та підтримка сайту Знати: послідовність розміщення веб-сайту в мережі Інтернет; вибір URL-адреси; види хостингу; FTP-з'єднання з хостом; рекламування сайтів; призначення банерів та банерних мереж; способи та правила реєстрації ресурсу в пошукових системах. Уміти: готувати та розміщувати відповідні матеріали у мережі Інтернет; за завданням керівництва аналізувати якість окремих послуг компаній, які організовують і забезпечують доступ користувачів до мережі; розміщувати матеріали на веб-сайтах в мережі Інтернет; здійснювати просування сайту в пошукових системах і каталогах, а також рекламою в мережі Інтернет; періодично поповнювати сайт новою інформацією

© 2020 Замура Олександр:  Навчальний блог. Всі права захищені.
Створено за допомогою Webnode Файли cookie
Створіть власний вебсайт безкоштовно! Цей сайт створено з допомогою Webnode. Створіть свій власний сайт безкоштовно вже сьогодні! Розпочати