Практична робота 1 Тема: Створення та адміністрування Web-сайту на безкоштовному сервері

Мета: навчитися використовувати автоматизовані засоби створення Web-сайту, вибирати тип та оформлення Web-сторінок, адмініструвати сайт, додавати до нього форум і чат

Питання для повторення:

1. Етапи проектування Web-сайту.

2. Етапи розробки Web-сайту.

3. Типи Web-сайтів.

4. Мапа Web-сайту.

5. Логічна організація інформації.

6. Фізична структура Web-сайтів.

Завдання:

Створення персонального Web-сайту в системі безкоштовного хостингу Narod.ru.

Хід роботи:

1. Запустити браузер, який інстальований на Вашому комп’ютері.

2. У рядку Адреса ввести http://narod.yandex.ru/. Відкриється головна сторінка служби (див. рис. 1.1).

Рис. 1.1. Служба безкоштовного хостингу www.narod.ru

3. Вибрати Создайте свой сайт, для чого зареєструватися на даному сервісі Яндекса. Відповідна форма для реєстрації наведена на рис. 1.2.

Рис. 1.2. Форма для створення сайту (крок 1)

4. Клацнути кнопку Дальше (Далі). У наступній формі ввести пароль у два запропоновані рядки. Пароль можна задати довільною комбінацією символів та цифр, потім вибрати зі списку Контрольный вопрос (Контрольне питання) власне таємне запитання, знаючи відповідь на яке Ви можна відновити забутий пароль. Два наступні поля не обов’язкові для заповнення. У нижній частині сторінки відображаються цифри у незвичному вигляді (рис. 1.3). Ввести їх у поле Контрольные цифры (Контрольні цифри), щоб система переконалася, що Ви людина, а не програма-робот, і клацнути кнопку Зареестрироваться.

Рис. 1.3. Форма для створення сайту (крок 2)

5. Уважно проаналізувати зміст головної сторінки системи Narod.ru. Особливу увагу звернути на різноманітні можливості створення власного Web-сайту.

6. Ознайомитися із змістом вкладки Мастерская. Проаналізувати її основні структурні підрозділи. Для переходу на вкладку Мастерская необхідно клацнути на відповідному гіпертекстовому посилання, яке розміщене на головній сторінці системи Narod.ru. На початку головну увагу слід приділити розділу Создание сайта.

7. Створити головну сторінку свого Web-сайту. Для цього клацнути на гіперпосиланні Главная страница в розділі Создание сайта на вкладці Мастерская. При цьому відкриється сторінка з варіантами оформлення шаблону вашої головної сторінки. Вибрати той варіант шаблону, який найбільш повно відповідає Вашим побажанням. Натиснути кнопку Дальше. Перед Вами відкриється сторінка, на якій будуть запропоновані до заповнення поля, що визначатимуть заголовок Вашої сторінки, її текст, а також фоновий колір та колір тексту. Після заповнення всіх запропонованих полів натиснути кнопку Готово.

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

9. Створити ще декілька сторінок використовуючи шаблони на вже відомій Вам вкладці Мастерская. Особливу увагу приділити таким сторінкам як Про меня, Фотоальбом, Резюме та Любимые ссылки. Вказати коротку інформацію про себе, свої уподобання та хобі, свою життєву позицію чи кредо. Для того, щоб сайт виглядав «живіше», а його оформлення краще сприймалося відвідувачами закачайте декілька фотографій. Розмістити Ваші фотографії на фотоальбомі можна наступним чином: Мастерская – Фотоальбом (вибрати варіант) – Дальше (після переходу на сторінку фотоальбому в полях для текстів посилань вказати текст посилання на певну фотографію за допомогою кнопки Обзор). Вибравши фотографію слід натиснути кнопку Наклеить. Крім того, в полі Подпись можна дати коментар до фотографії чи назвати її.

10. Проаналізувати результати своєї роботи. Відредагувати створені раніше Вами сторінки за допомогою можливостей розділу Редактирование и управление на вкладці Мастерская. Перейти в підрозділ Редактирование и управление на вкладці Мастерская. Для переходу необхідно натиснути відповідне гіпертекстове посилання. За допомогою посилання перейти до підрозділу Управление файлами и HTML-редактор. Звернути увагу як відображаються сторінки Вашого сайту. Клацнути на кнопці Свойства. Проглянути властивості кожної із сторінок. Далі натиснути посилання Редактор по шаблону. Відредагувати за необхідності сторінки Вашого сайту.

11. Вернутися на головну сторінку системи Narod.ru. Ще раз проаналізувати структуру та зміст Вашого сайту. Який тип структури Ви використали чи відповідає він вимогам та цілям які Ви ставили перед собою. Перейти на головну сторінку Вашого сайту можна клацнувши на посиланні «Проект…(назва вашого сайту)». Погляньте, яким чином можна переходити із сторінки на сторінку на вашому сайті. За необхідності відредагувати структуру. Це можна зробити таким чином: Мастерская – Редактирование и управление –Управление файлами и HTML-редактор – Свойства. В переліку посилань до тієї чи іншої сторінки вкажіть назву потрібної сторінки (вони випливають у формі смуги прокручування). Далі натискаєте кнопку Готово.

12. Перевірити чи всі гіпертекстові посилання на Вашому сайті працюють належним чином. Перевірити також текстову складову Ваших сторінок на наявність граматичних помилок.

13. Тепер зверніться до Вашого одногрупника. Продемонструйте йому Вашу Web-сторінку. Вислухайте зауваження та пропозиції. За необхідності врахуйте їх.

14. Вказати час і дату виконання Вами лабораторної роботи. Оформити належним чином звіт по її виконанню та показати викладачу.

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

1. Які сервіси сайтів є популярними і найчастіше вживаними?

2. Як визначити цільову аудиторію і її уподобання?

3. Які розділи сайтів є стандартними? Чому?

4. Яким чином може бути організовано подання інформації на сайті?

5. Які файли сайту є обов’язковими? Чому?

6. Для чого призначені файли з таблицею стилів?

7. Які існують обмеження стосовно найменування об’єктів сайту? Чим вони пояснюються?

Не нашли, что искали? Воспользуйтесь поиском: