документів, залежить виключно від поняття зручності і особистих пристрастей програміста.
Незважаючи на регулярна поява нових технологій, мову HTML залишається найпопулярнішим інструментом розмітки. Остання на сьогоднішній день, п'ятий версія мови підтримує можливість відтворення аудіо та відео, елементи анімації, а також, покращене структурування документов.ето формальний мова стилів, що визначає відображення HTML-документів. Ця мова працює зі шрифтами, кольором, полями, рядками, висотою, шириною, фоновими зображеннями, позиціонуванням елементів і багатьма іншими речами.
CSS використовується творцями веб-сторінок lt; # justify gt; 2. Проходження практики. Розробка сайту для філії ВГУЕС
. 1 Пошук проблеми
У будь-якого поважного підприємства має бути свій інтернет-сайт, де потенційні клієнти зможуть знайти будь-яку необхідну їм інформацію: прайс-листи, каталоги товарів і послуг, відгуки і т.д.
Для розробки сайту який був би зручний і простий у навігації, функціональний, а також відповідав сучасним вимогам можуть знадобитися колосальні зусилля багатьох людей: веб-дизайнерів, верстальників, JavaScript і PHP програмістів і фахівців по роботі з базами даних. На жаль не всі компанії можуть (а деякі просто не хочуть) утримувати у себе штат веб-програмістів, що давало б можливість регулярно оновлювати і допрацьовувати свій сайт, і вдаються в до послуг сторонніх студій, що займаються розробкою в області Web.
У ході практики потрібно було створити сайт візитка для ВГУЕ.
були поставлені наступні завдання:
- провесті аналіз нинішнього сайту компанії і виявити недоліки;
- осучаснити дизайн сайту для ВГУЕС використовуючи сучасні напрацювання в галузі веб-програмування.
. 2 Дизайн сайту
Видиме оформлення інтернет сторінок називається веб-дизайном. До нього прийнято відносити не тільки інтерфейс, але і повністю розробку і процес створення сайту. Веб-дизайн покликаний зробити сайт естетично грамотним, а також зручним для користувача.
Професійно розроблений веб-дизайн виконує відразу кілька завдань. У першу чергу, звичайно, створення сайту необхідно для залучення потенційних клієнтів компанії. Крім того, від веб-дизайну корпоративного сайту залежить імідж фірми. Таким чином, створення сайту та веб-дизайн не можуть бути розділені, це одне ціле.
Малюнок 1 - Сайт-візитка Філії ВГУЕС в місті Артеме
Веб-розробники знають, що сайт візитка компанії стає привабливим, популярним і цікавим не від того, що на сторінці використано велику кількість дизайнерських вишукувань. Ніхто не заперечує важливість першого враження. Але все ж відвідувач приходить на сайт за інформацією. І якщо користувач не знаходить необхідних відомостей за короткий період часу, то йде з сайту назавжди, незважаючи на строкатий і вишуканий дизайн. Так що при створенні сайту в першу чергу варто подумати про його наповнення затребуваною інформацією.
Простота дизайну веб-сторінки буде користувачеві набагато приємніше, ніж щось наворочене і незрозуміле. Такий сайт швидше завантажується, з ним приємніше і простіше працювати, легше знайти потрібну інформацію. А власнику сайту, який займається його розміщенням в мережі, така простота ще й вигідна, так як обсяг займаного ресурсу сервера буде набагато нижче. Створення простого веб-дизайну зовсім не означає менше трудомісткості при його розробці і вимагає іноді набагато більше майстерності. В цілому, дизайн веб-сторінки повинен допомагати користувачеві, а не заважати і не відволікати.
Іншими словами, таким, здавалося б, маловажним речей як шрифти, колірному оформленню і кнопкам теж потрібно приділяти увагу, т.к все це в підсумку вплине на сприйняття сайту користувачем.
У ході аналізу інтернет-сайту філії ВГУЕС були виявлено три основні проблеми:
- відсутність виразної, логічною структури головного меню. Деякі розділи малозмістовні, їх можна об'єднати з іншими або усунути повністю;
- застарілість сайту в плані дизайну;
- застарілість сайту в технічному плані, ігнорування всіх сучасних веб-розробок таких як HTML5 та CSS3;
Оновлена ??версія сайту для ВГУЕС була розроблена відповідно до сучасних тенденцій в області проектування веб-ресурсів. Основними відмінностями від оригінального сайту є:
- мінімалістичний дизайн з використанням світлою, приємною оку колірної гами для фонових елементів і більш контрастною, темної для елементів функціоналу сайту;
- горизонтальне побудова структури меню, що робить...
