Тема: Технологія створення веб сайту
Тема: Технологія створення веб сайту
Мета: Дослідження розвитку сучасних web-технологій та їх ефективного застосування на прикладі створення персональної веб-сторінки, майстра виробничого навчання Галдун Олени Олексіївни.
Зміст1. Ідея
2. Розробка структури3. Дизайн сайту4. Кодинг і програмування5. Тестування і доопрацювання6. Просування, реклама7. Висновок
1. ІдеяПерш, ніж приступити до роботи
над сайтом, потрібно чітко уявляти, що в результаті має бути, а також перспективи розвитку сайту.
2. Розробка структури
Приклад структури Щоб створити сайт потрібний план. Чітко розписаний, що, де буде розташовано. План цей малюється на папері, і називається це розробка структури сайту.
3. Дизайн сайтуОформлення або дизайн – це зовнішній вигляд сайту. Для того щоб розробити дизайн сторінки, я
користувався програмою Adobe Photoshop CS5
Після того як я намалював дизайн в програмі Adobe Photoshop, мені потрібно розрізати зображення на елементи майбутньої сторінки.
Розрізаний варіантПочатковий варіант
Images
Розрізані елементи дизайну я зберіг в папку Images, яка знаходиться в кореневійДиректорії сайту.
4. Кодинг і програмуванняТепер в мене є оболонка (макет зовнішнього вигляду сайту) і план
дій (структура). Але, що стоїть за оболонкою? А за оболонкою знаходиться каркас, на якому ця оболонка тримається, це є код сторінки. Він відповідає за те, як в певній послідовності на сторінці відображається текст і картинки.
Для того щоб почати прописувати код сторінки, потрібно в кореневій директорії сайту створити два файли style.css (Каскадні таблиці стилів) та index.html (Мова розмітки гіпертекстових документів).
<html><head>
<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}
Index.html Style.css
5. Тестування і доопрацюванняКоли сайт готовий, його викладають в мережу (інтернет). Для цього потрібно зареєструвати для сайту доменне ім'я (адреса), і визначитися з хостингом (місце на сервері провайдера, де буде знаходитися сторінка). Процедура розміщення сайту в інтернет не дуже складна, дізнатися все про це можна в інтернеті.
6. Просування, рекламаЦей етап доведеться виконувати з певною періодичністю, щоб на сайт приходили нові відвідувачі. Кількість і постійний потік відвідувачів на сайт не залежить цілком від реклами, основну роль все ж таки грає наявність цікавої для певної групи людей інформації, заради якої вони і відвідуватимуть ресурс.
7. ВисновокДослідивши розвитк сучасних web-технологій та їхефективного застосування на прикладі створення персональної веб-сторінки, майстра виробничого навчання
Галдун Олени Олексіївни.Я важаю що моя тема є актуальна в наш час та користуються
великим попитом.
ДЯКУЮ ЗА УВАГУ!
Лемеш РусланГрупа О-31
Миколаїв 2014