10 Лабораторна робота № 10

Створення персональної Web-сторінки

Мета роботи: Освоїти технологію створення Web-сторінки з використанням інструментів середовища Word і ресурсів Web-сайту narod.ru.

10.1. Основні положення Web-технологій.

Web-технології предназначені для створення різних ресурсів Інтернет:

Web-сторінок, Web-сайтів,Web-порталів та інших.

Web-технології можна розділити на два основних вида по признаку використовуємих інструментальних засобів:

- автоматизовані Web-технології, в яких використовуються готові інструментальні засоби, предоставляємі офісними прикладеннями, наприклад Word, або сайтами Інтернет, наприклад, narod.ru;

- неавтоматизовані технології, в яких розробник використовує для

описання побудови Web-ресурсів спеціальні мови, наприклад, HTML.

Достоїнством першого виду технологій є їх простота та доступність для широкого користувача. Вони дозволяють будувати ресурси з нескладною типовою структурою. Достоїнствами другого виду є можливість побудови складних и оригінальних сайтів, сторінок та інших ресурсів. Але даний вид технологій потребує спеціальної підготовки.

В дійсній лабораторній роботі розглядається технологія першого виду. Технологія другого виду детально описана в роботах /8,10,17/.

10.2. Порядок роботи:

1. Створити робочу папку з ім`ям Web_урок.

2. В середовищі Word створити документ персональної сторінки з ім`ям index.htm (тип файла – Web-сторінка) і зберегти його в папці Web_урок. В якості прикладу на сторінці можна використовувати розділи: “О нас”, “Объявления”, “Гостевая”.

3 Створити на сторінці гіперзсилки на разділі: “О нас”, “Объявления” слідуючим чином:

- выділити лівою кнопкою миші запис “О нас”, а правою кнопкою визвати динамічне меню;

- вибрати режим гіперзсилки;

- у вікні “имя файла” написати ім`я файла гіперзсилки, наприклад, “o_nas.htm” і зафіксувати це ім`я натисканням клавіші ok;

- аналогічно створюється гіперзсилка на файл об`яв з ім`ям obyav.htm;

- зберегти документ index.htm.

4. Створення файлів гіперзсилок: o_nas.htm, obyav.htm:

- в середовищі Word в новому документі з ім`ям o_nas.htm (тип файла Web- сторінка) написати відомості про авторів сайту, його структури і зберегти файл в папці Web_урок;

- аналогічно створити файл з ім`ям obyav.htm , який містить текст довільної об`яви, наприклад: “Продается гараж”;

- в кінці кожного із створених файлів аналогічно пункту 3 створити запис “возврат на главную страницу” і оформити її як гіперзсилку на файл index.htm.

5. Протестувати роботу Web-сторінки в середовищі Word.

6. Розмістити початковий варіант персональної сторінки на хостингу сайта narod.ru:

- в середовищі Інтернет вийти на сайт narod.ru по адресі http://www.narod.ru;

- вибрати режим “регистрация”;

- вибрати логін (ім`я сторінки) і пароль для дозволу змін материалів сторінки;

- вибрати режим “Создать”;

- установити режим: “загрузка файлов на сайт”;

- в режимі “обзор” найти папку Web_урок, вибрати в ній файл index.htm, подати команду “открыть”, при цьому на сайт narod.ru завантажується документ index.htm;

- аналогічно завантажуються документи o_nas.htm, obyav.htm;

- використовуючи пункт меню “завершить загрузку”, вийти із режиму (“выход”) завантаження;

- використовуючи кнопку горизонтального меню “обновить” підготувати режим перегляду вмісту своеї сторінки.

7. Для відкриття персональної Web-сторінки в середовищі Інтернет в адресному вікні установити свою адресу, наприклад, http://www.smallpups.narod.ru/.

8. Графічне оформлення персональної сторінки:

- виділити лівою кнопкою миші файл index.htm, з допомогою динамічного меню визвати режим “изменить” (в деяких версіях системи Windows використовується режим “открыть в системе Word”);

- встановити необхідні графічні образи і зберегти файл index.htm;

- аналогичні зміни при необхідності провести в файлах o_nas.htm і obyav.htm (після виконання п.8 в папці Web-урок появляться три нові вкладені папки: index.files, o_nas.files и obyav.files);

- для внесення даних змін на сайті narod.ru адресуємось до нього в середовищі Інтернет;

- виставити свій логін і пароль;

- вибрати режим “мастерская” і “управление файлами”;

- в режимі “создать папки” створити папки index.files, o_nas.files и obyav.files;

- в режимі “выбрать папку” вибираємо корньову папку і записуємо (обновляємо старі файли) в неї в режимі “загрузить файлы” файли index.htm,

o_nas.htm і obyav.htm;

- аналогічно вибираемо послідовно папки index.files, o_nas.files і obyav.files і відповідно завантажуємо в них вміст цих папок, що зберігаються

в папці Web-урок;

- запускаємо режим обновити;

- виходим із середовища сайта narod.ru;

- перевіряємо коректність введенних змін виходом на свою сторінку.

9. Створення гіперзсилок на інші ресурси Інтернет:

- внесем зміни в файл o_nas аналогічно п.8;

- оформляєм гіперзсилки на дві-три адреси індивідуальних Web-сторінок студентів-однокурсників або одногрупників з урахуванням п. 4;

- перевірити режим переходів на інші сторінки.

10. Створення гостьової книги:

- в режимі майстеря сайта narod.ru найти пункт “гостевая книга”, ознайомитись з режимами змін оформлення гостьової книги (перегляд, адміністрування, зміна дизайну) і переписати адресу переходу на режим гостьової книги для організації гіперзсилки (для справки – це http://www.narod.ru/guestbook/?owner=19732340);

- в файлі index.htm организувати гіперзсилку по цій адресі з урахуванням п.8;

- в режимі роботи з персональною сторінкою зробити два-три записи в гостьовій книзі;

- видалити один запис в режимі адміністрування;

- змінити дизайн гостьової книги.

11. Зробити висновки по роботі.

10.3. Контрольні питання:

1. Скласти перелік файлів папки Web_урок післе завершення роботи.

2. Скласти перелік операцій графічного оформлення Web-сторінки.

3. Скласти перелік операцій створення гостьової книги на Web-сторінці.

4. Скласти перелік операцій створення гіперзсилок на інші Web-ресурси.

5. Що розуміється під терміном “хостинг”?

6.Які ще існують способи побудови Web-сторінки, крім розглянутого

способу?