Випускна робота Лемеш

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

Recomendados

Html мова розмітки гіпертекстового документу von
Html  мова розмітки гіпертекстового документуHtml  мова розмітки гіпертекстового документу
Html мова розмітки гіпертекстового документуzaykoannaivanivna
977 views20 Folien
Urok 49 9 kl von
Urok 49 9 klUrok 49 9 kl
Urok 49 9 klAndrey Podgayko
80 views31 Folien
Instrukciyna kartka створення_сайту лаболаторна von
Instrukciyna kartka створення_сайту лаболаторнаInstrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторнаНаталія Максимчук
195 views8 Folien

Más contenido relacionado

Similar a Випускна робота Лемеш

мова Html тест von
мова Html тестмова Html тест
мова Html тестНаталія Максимчук
95 views2 Folien
ASP.Net basics von
ASP.Net basics ASP.Net basics
ASP.Net basics Victor Matyushevskyy
433 views25 Folien
Lesson # 31. designing sites using html. bzd briefing von
Lesson # 31. designing sites using html. bzd briefingLesson # 31. designing sites using html. bzd briefing
Lesson # 31. designing sites using html. bzd briefingNikolay Shaygorodskiy
81 views3 Folien

Similar a Випускна робота Лемеш(20)

SEO на этапе разработки сайта. Оптимизируем сайт еще до появления von Netpeak
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияSEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
Netpeak124 views
10 asp.net von eleksdev
10 asp.net 10 asp.net
10 asp.net
eleksdev2.5K views
Advanced styles von eleksdev
Advanced stylesAdvanced styles
Advanced styles
eleksdev1.5K views
Osnovy webdis von vlad hats
Osnovy webdisOsnovy webdis
Osnovy webdis
vlad hats306 views
пасічник о.г. , пасічник о.в. , стеценко і.в. основи веб дизайну (2009)2 von Vova Dudnik
пасічник о.г. , пасічник о.в. , стеценко і.в. основи веб дизайну (2009)2пасічник о.г. , пасічник о.в. , стеценко і.в. основи веб дизайну (2009)2
пасічник о.г. , пасічник о.в. , стеценко і.в. основи веб дизайну (2009)2
Vova Dudnik2.4K views
Етапи створення веб сайтів von Yulia Vlasenko
Етапи створення веб сайтівЕтапи створення веб сайтів
Етапи створення веб сайтів
Yulia Vlasenko12.4K views
HTML5 SVG Graphics @ Javascript Directions von Tiang Cheng
HTML5 SVG Graphics @ Javascript DirectionsHTML5 SVG Graphics @ Javascript Directions
HTML5 SVG Graphics @ Javascript Directions
Tiang Cheng535 views

Más de vitaliy_galata

Stryktyra von
StryktyraStryktyra
Stryktyravitaliy_galata
204 views1 Folie
Prezentatsiya von
PrezentatsiyaPrezentatsiya
Prezentatsiyavitaliy_galata
195 views18 Folien
Звіт майстра в/н Галати Надії Олексіївни von
Звіт майстра в/н Галати Надії ОлексіївниЗвіт майстра в/н Галати Надії Олексіївни
Звіт майстра в/н Галати Надії Олексіївниvitaliy_galata
396 views20 Folien
Технічна творчість учнів МПСЛ von
Технічна творчість учнів МПСЛТехнічна творчість учнів МПСЛ
Технічна творчість учнів МПСЛvitaliy_galata
363 views33 Folien
Підключення вимикача (Снісаренко О.Б.) von
Підключення вимикача (Снісаренко О.Б.)Підключення вимикача (Снісаренко О.Б.)
Підключення вимикача (Снісаренко О.Б.)vitaliy_galata
608 views36 Folien
Окінцювання проводів (Снісаренко О.Б.) von
Окінцювання проводів (Снісаренко О.Б.)Окінцювання проводів (Снісаренко О.Б.)
Окінцювання проводів (Снісаренко О.Б.)vitaliy_galata
1.3K views18 Folien

Más de vitaliy_galata(15)

Звіт майстра в/н Галати Надії Олексіївни von vitaliy_galata
Звіт майстра в/н Галати Надії ОлексіївниЗвіт майстра в/н Галати Надії Олексіївни
Звіт майстра в/н Галати Надії Олексіївни
vitaliy_galata396 views
Технічна творчість учнів МПСЛ von vitaliy_galata
Технічна творчість учнів МПСЛТехнічна творчість учнів МПСЛ
Технічна творчість учнів МПСЛ
vitaliy_galata363 views
Підключення вимикача (Снісаренко О.Б.) von vitaliy_galata
Підключення вимикача (Снісаренко О.Б.)Підключення вимикача (Снісаренко О.Б.)
Підключення вимикача (Снісаренко О.Б.)
vitaliy_galata608 views
Окінцювання проводів (Снісаренко О.Б.) von vitaliy_galata
Окінцювання проводів (Снісаренко О.Б.)Окінцювання проводів (Снісаренко О.Б.)
Окінцювання проводів (Снісаренко О.Б.)
vitaliy_galata1.3K views
Майстер в/н Галата Н.О. von vitaliy_galata
Майстер в/н Галата Н.О.Майстер в/н Галата Н.О.
Майстер в/н Галата Н.О.
vitaliy_galata241 views
Відкритий «Урок-кінозал» von vitaliy_galata
Відкритий «Урок-кінозал»Відкритий «Урок-кінозал»
Відкритий «Урок-кінозал»
vitaliy_galata362 views
Випускна робота Корогодин von vitaliy_galata
Випускна робота Корогодин Випускна робота Корогодин
Випускна робота Корогодин
vitaliy_galata416 views
Участие в Всеукраинской ярмарке учебно – тренировочных фирм в городе Львове von vitaliy_galata
Участие в Всеукраинской ярмарке учебно – тренировочных фирм в городе ЛьвовеУчастие в Всеукраинской ярмарке учебно – тренировочных фирм в городе Львове
Участие в Всеукраинской ярмарке учебно – тренировочных фирм в городе Львове
vitaliy_galata556 views
Творчий Звіт Ємельяненко Лариси Михайливні von vitaliy_galata
Творчий Звіт Ємельяненко Лариси МихайливніТворчий Звіт Ємельяненко Лариси Михайливні
Творчий Звіт Ємельяненко Лариси Михайливні
vitaliy_galata337 views

Último

Семінар Пізнаємо природу.pptx von
Семінар Пізнаємо природу.pptxСемінар Пізнаємо природу.pptx
Семінар Пізнаємо природу.pptxssuser389ffd
11 views14 Folien
Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа... von
Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа...Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа...
Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа...GoQA
21 views23 Folien
ІКТ Захарчун.pdf von
ІКТ  Захарчун.pdfІКТ  Захарчун.pdf
ІКТ Захарчун.pdfanazaharcun
8 views6 Folien
Інформатика_5 клас_Генеза_22.pdf von
Інформатика_5 клас_Генеза_22.pdfІнформатика_5 клас_Генеза_22.pdf
Інформатика_5 клас_Генеза_22.pdfVchutelInf
5 views244 Folien
Правила прийому 2024.pdf von
Правила прийому 2024.pdfПравила прийому 2024.pdf
Правила прийому 2024.pdfhome
27 views9 Folien

Último(20)

Семінар Пізнаємо природу.pptx von ssuser389ffd
Семінар Пізнаємо природу.pptxСемінар Пізнаємо природу.pptx
Семінар Пізнаємо природу.pptx
ssuser389ffd11 views
Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа... von GoQA
Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа...Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа...
Слуцька Вікторія - Виступити і не наступити на граблі: Як виступати QA спеціа...
GoQA21 views
ІКТ Захарчун.pdf von anazaharcun
ІКТ  Захарчун.pdfІКТ  Захарчун.pdf
ІКТ Захарчун.pdf
anazaharcun8 views
Інформатика_5 клас_Генеза_22.pdf von VchutelInf
Інформатика_5 клас_Генеза_22.pdfІнформатика_5 клас_Генеза_22.pdf
Інформатика_5 клас_Генеза_22.pdf
VchutelInf5 views
Правила прийому 2024.pdf von home
Правила прийому 2024.pdfПравила прийому 2024.pdf
Правила прийому 2024.pdf
home27 views
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptx von ssuser15a891
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptxРеалізація Стратегії розвитку читання. Читання як стратегія життя.pptx
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptx
ssuser15a891228 views
Презентація Наукової школи Войтова В.А. von tetiana1958
Презентація Наукової школи Войтова В.А.Презентація Наукової школи Войтова В.А.
Презентація Наукової школи Войтова В.А.
tetiana195834 views
Вікторина на знання історії Збройних Сил України von Nataliya Persikova
Вікторина на знання історії Збройних Сил УкраїниВікторина на знання історії Збройних Сил України
Вікторина на знання історії Збройних Сил України
Prezentatsiia_Novoyi_Ukrayinskoyi_shkoli.ppt von znzposnan
Prezentatsiia_Novoyi_Ukrayinskoyi_shkoli.pptPrezentatsiia_Novoyi_Ukrayinskoyi_shkoli.ppt
Prezentatsiia_Novoyi_Ukrayinskoyi_shkoli.ppt
znzposnan6 views
Іде, іде святий Миколай.pptx von ssuserf9277b
Іде, іде святий Миколай.pptxІде, іде святий Миколай.pptx
Іде, іде святий Миколай.pptx
ssuserf9277b8 views
Бiблiотека як центр емоційного відновлення в громаді.pdf von ssuser15a891
Бiблiотека як центр емоційного відновлення в громаді.pdfБiблiотека як центр емоційного відновлення в громаді.pdf
Бiблiотека як центр емоційного відновлення в громаді.pdf
ssuser15a89132 views
Вікторина на знання історії Збройних Сил України von Nataliya Persikova
Вікторина на знання історії Збройних Сил УкраїниВікторина на знання історії Збройних Сил України
Вікторина на знання історії Збройних Сил України
звіт директора КГ №124 за 2022-2023 н.р..pdf von ssuser46127c
звіт директора КГ №124 за 2022-2023 н.р..pdfзвіт директора КГ №124 за 2022-2023 н.р..pdf
звіт директора КГ №124 за 2022-2023 н.р..pdf
ssuser46127c6 views
зображення_viber_2023-11-28_10-44-22-872.pdf von ssuser46127c
зображення_viber_2023-11-28_10-44-22-872.pdfзображення_viber_2023-11-28_10-44-22-872.pdf
зображення_viber_2023-11-28_10-44-22-872.pdf
ssuser46127c5 views
Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та... von ssuser15a891
Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та...Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та...
Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та...
ssuser15a891228 views

Випускна робота Лемеш

  • 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