Тема: Розробка персональної web-сторінки. Розміщення найпростішої web-сторінки в мережі Internet.
Мета: Оволодіти навичками створення
веб-сторінок на мові HTML. Ознайомитися із сучасними комп’ютерними
діагностичними комплексами.
Професійна орієнтація студентів.
Прогресивним
засобом інформаційного забезпечення споживачів є міжнародна комп'ютерна мережа
Internet. Протягом останніх років малий і середній бізнес все ширше
представлено на просторах мережі Інтернет. Навіть для невеликої фірми вже є
справою престижу мати власну веб-сторінку для представлення основних напрямків
діяльності, контактної інформації, тощо.
1.
Програма самопідготовки студентів до заняття
1.
Гіпертекстова технологія
2.
Поняття Web-документу.
3.
Використання тегів.
4.
Типи списків.
5.
Теги форматування тексту.
6.
Використання тегів для створення таблиць.
7.
Створення гіперпосилань.
8.
Призначення і використання фреймів.
9.
Застосування динамічних ефектів.
2. Зразки тестових завдань та ситуаційних задач
1.
Гіпертекст – це:
A.
електронний документ, який містить в собі посилання на інші документи, тексти,
рисунки, об’єкти.
B.
документи, що поширюються в системі WWW.
C.
павутина, що поширюється по всьому світу.
D.
локальна мережа, яка для передачі інформації використовує Internet.
E.
глобальна система, яка для передачі інформації використовує Internet.
2.
Що містить гіперпосилання?
A.
документи, тексти, рисунки, об’єкти.
B.
документи, що поширюються в системі WWW.
C.
відеофрагменти.
D.
невидиму для користувача частину - адресу комп'ютера, на який потрібно перейти
E.
невидиму для користувача частину - адресу файлу чи позначки у документі, до
якої потрібно перейти.
3.
HTML - це....
A.
мова інструментальних систем.
B.
букви латинського алфавіту.
C.
некмає жодної правильної відповіді.
D.
Hyper Text Markup Language.
E.
всі відповіді правильні.
4.
Фрейми – це
A.
рухомі об’єкти, які використовуються для інформативності і привабливості
web-сторінки
B.
текст, написаний мовою HTML
C.
рамки, в яких одночасно відображаються різні сторінки; елементи керування -
кнопки, перемикачі, поля діалогу; динамічні ефекти та графічні рухомі об'єкти
ActiveX чи Flash
D.
текст Microsoft Word, що містить гіперпосилання
E.
файли, призначені для відображення графічних об’єктів
5.
Тег-це:
A.
спеціальні дужки, що використовуються під час створення Web-документів
B.
атрибут Web -документа, що використовується за бажанням користувача
C.
команда мови HTML
D.
гіперпосилання на Web-сторінці
E.
горизонтальна лінія, розміщена на Web-сторінці
3. Правильні відповіді на тести і
ситуаційні задачі:
1.
A. 2. E. 3. D. 4. C. 5. C.
4. Джерела інформації:
1. Энциклопедия
Интернет. Под. ред. Л.Мелиховой. СПб: "Питер", 2000.- 528ст.
2. Сердюк А.М. та ін.
Комп"ютерні технології в медицині та Державний реєстр. Рівне: Вертекс,
1997. - 197 с.
1. Ст.Келли-Бутл.
Введение в Unix. - М.: Лори, 1995. - 597 с.
2. Фигурнов В.Е. IBM
PC для пользователя. Изд. 7-е.- М.: Инфра-М. 1996.- 632 с.
5. Методика
виконання практичної роботи (1630-1800)
Робота 1. Підготовка найпростішої текстової
веб-сторінки.
За допомогою
програми "Блокнот" з комплекту Windows створіть короткий веб-
документ, включивши у нього наступні дані:
- Власне прізвище,
ім'я, по-батькові;
- Місце народження
та проживання;
- Відомості про
навчальний заклад (з гіперпосиланням на веб-сторінку);
- Захоплення,
хоббі, інтереси;
- Контактна
інформація (адреса електронної пошти).
- Текст документу
слід розбити на абзаци. Рекомендується виділяти ключові слова шрифтом або
оформленням.
Збережіть документ
на диску, надавши йому ім'я та розширення index.html. Здійсніть перегляд
докумету за допомогою веб-броузера. Продемонструйте свою роботу викладачу.
Робота
2. Розміщення найпростішої веб-сторінки в Інтернет.
Отримайте у
викладача адресу сервера безплатного хостингу або використайте сервер
http://by.ru. Відкрийте в броузері веб-сторінку відповідного сервера.
Відшукайте на головній сторінці гіперпосилання на сторінку реєстрації ного
сайту. Ознайомтеся з умовами надання хостингу на сервері. Зареєструйте власний
сайт. В якості адреси сайту вкажіть власні прізвище та ім'я без розділових
знаків. Занотуйте реєстраційну інформацію. Визначте способи завантаження
веб-сторінок на сервер. Використовуючи веб-орієнтований файловий менеджер,
завантажте розроблену у роботі 1 власну веб-сторінку на сервер. Перевірте
доступність вашого сайту. Продемонструйте свою роботу викладачу.
6. Семінарське обговорення теоретичних питань і
практичної роботи (1815-1945)
7.
Самостійна робота студентів (2000-2035).
8.
Вихідний рівень знань та вмінь перевіряється
шляхом розв’язування ситуаційних задач з кожної теми, відповідями на тести типу
“Крок”, конструктивні запитання тощо (2035-2120)
9.
Студент повинен знати:
1.
Поняття про гіперпосилання та гіпертекст?
2.
Призначення програми-браузера?
3.
Що таке web-документ, web–вyзoл (web-сайт)?
4.
Призначення мови HTML?
5.
Поняття «тега», його види?
6.
Структуру простого web-документа?
10. Студент повинен вміти:
1.
Створювати прості веб-документи
2.
Форматувати елементи тексту веб-документа
3.
Добавляти в веб-документи малюнки, списки, таблиці
4.
Створювати в тексті веб-документу гіперпосилання
5.
Використовувати безплатні сайти для розміщення веб-сторінок
Автори:
асист. Н.М.Басовська
Затверджено на
засіданні кафедри
“27” серпня 2009
р. Протокол № 1
Переглянуто на
засіданні кафедри
“____”______________200__р.
Протокол № ____