2. Мета: Дослідження розвитку сучасних web-
технологій та їх ефективного застосування на
прикладі створення персональної веб-
сторінки, майстра виробничого навчання
Галдун Олени Олексіївни.
4. Перш, ніж приступити до роботи над сайтом,
потрібно чітко уявляти, що в результаті має бути,
а також перспективи розвитку сайту.
5. Щоб створити сайт Приклад структури
потрібний план. Чітко
розписаний, що, де буде
розташовано. План цей
малюється на папері, і
називається це розробка
структури сайту.
6. Оформлення або дизайн – це зовнішній вигляд сайту.
Для того щоб розробити дизайн сторінки, я
користувався програмою Adobe Photoshop CS5
7. Після того як я намалював дизайн в програмі Adobe
Photoshop, мені потрібно розрізати зображення на
елементи майбутньої сторінки.
8. Початковий варіант Розрізаний варіант
Розрізані елементи
дизайну я зберіг в
папку Images, яка
знаходиться в
кореневій
Директорії сайту.
Images
9. 4. Кодинг і програмування
Тепер в мене є оболонка (макет зовнішнього вигляду сайту) і план
дій (структура). Але, що стоїть за оболонкою? А за оболонкою
знаходиться каркас, на якому ця оболонка тримається, це є код
сторінки. Він відповідає за те, як в певній послідовності на сторінці
відображається текст і картинки.
10. Для того щоб почати прописувати код сторінки, потрібно в кореневій
директорії сайту створити два файли style.css (Каскадні таблиці стилів) та
index.html (Мова розмітки гіпертекстових документів).
<html>
<head>
Index.html Style.css
<link rel="stylesheet" href="style.css"
type="text/css" media="screen" title="no
title" charset="utf-8"/>
<title>Заголовок</title>
</head>
<body>
BODY {background: #FFFFFF}
A:link {color: #80FF00}
A:visited {color: #FF00FF}
H1 {font-size: 24pt; font-family: arial}
H2 {font-size: 18pt; font-family: arial}
H3 {font-size: 14pt; font-family: arial}
12. 5. Тестування і доопрацювання
Коли сайт готовий, його викладають в мережу (інтернет). Для цього
потрібно зареєструвати для сайту доменне ім'я (адреса), і
визначитися з хостингом (місце на сервері провайдера, де буде
знаходитися сторінка). Процедура розміщення сайту в інтернет не
дуже складна, дізнатися все про це можна в інтернеті.
13. 6. Просування, реклама
Цей етап доведеться виконувати з певною періодичністю, щоб на
сайт приходили нові відвідувачі. Кількість і постійний потік
відвідувачів на сайт не залежить цілком від реклами, основну роль
все ж таки грає наявність цікавої для певної групи людей інформації,
заради якої вони і відвідуватимуть ресурс.
14. 7. Висновок
ДЯКУЮ ЗА УВАГУ!
Дослідивши розвитк сучасних web-технологій та їх
ефективного застосування на прикладі створення
персональної веб-сторінки, майстра виробничого навчання Галдун
Олени Олексіївни.
Я важаю що моя тема є актуальна в наш час та користуються
великим попитом.
Лемеш Руслан
Група О-31
Миколаїв 2014