Процес створення статичних вбе-сторінок фактично полягає у розмітці гіпертекстових документів, що здійснюється за допомогою мови розмиітки. Розмітка гіпертексту не належить від браузера, в середовищі якого відображається веб-сторінка.
Стоврювати веб-сторінки можна за допомогою звичайного текстового редактора процесора або спеціального HTML-редактора.
неділя, 4 травня 2014 р.
субота, 3 травня 2014 р.
Що передбачає веб-дазайн
Дизайн веб – це робота, яка спирається на знання основних понять дизайну (понять точки, лінії, текстури, фактури, форми, кольору, пропорції, композиції, симетрії, асиметрії, рівноваги, динаміки, ритму, гармонії, контрасту, колориту, перспективи, центру мас), використання правил ергономіки та решти складових веб-дизайну:
- форма подання та стиль наповнення сайта, його вміст.
- оформлення - графічні елементи, навігація, шрифти, кольрова гама.
- технології - засоби створення.
- мета - причина створення сайта.
- форма подання та стиль наповнення сайта, його вміст.
- оформлення - графічні елементи, навігація, шрифти, кольрова гама.
- технології - засоби створення.
- мета - причина створення сайта.
пʼятниця, 2 травня 2014 р.
Процес створення сайта
Етап перший. На стартовому етапі ви повинні чітко зрозуміти, якими функціями повинен володіти сайт, які його головні завдання та результат, який ви бажаєте досягнути за допомогою власного Інтернет-ресурсу. Коли ви визначили основний напрям, самий час визначитися із
типом вашого сайту, а вони є різні:
- Сайт-візитка
- Сайт-каталог
- Корпоративний сайт
- Інтернет-магазин
- Інформаційний сайт
Всі ці сайти мають індивідуальну специфіку. Вони мають різні обсяг сторінок та характер наповнення.
Етап другий. На цьому етапі відбувається написання технічного завдання, що містять наступні етапи:
- визначення побажань замовника
- визначення концепції веб-сайту
- розробка структури (інформаційної, функціональної)
- виокремлення розділів та підрозділів (модулі), що міститиме сайт
- рекомендації стосовно фірмового стилю веб-сайту
- визначення побажань стосовно оформлення та дизайну сайту
- затвердження та підписання Технічного завдання
На цьому етапі проробляються структура сайту, навігація, функції, дизайн. А також окреслюється наявність модулів, що розроблятимуться, укладається договір, в якому в кожному пункті описується зміст та оформлення сайту.
Етап третій. Наступний етап присвячується розробці дизайну. Деякі студії веб-дизайну пропонують стандартні ескізи, однак радимо замовити оригінальний дизайн, який виокремить ваш сайт серед мільйонів інших. Крім того, дизайн сайту повинен дотримуватися фірмового стилю вашого підприємства, містити його логотип. При розробці дизайну сайту слід враховувати швидкість завантаження майбутніх сторінок, у випадку, якщо це відбуватиметься занадто довго, відвідувачі можуть просто не дочекатися завантаження веб-сторінок. Тому професійні розробники намагаються поєднати в одному «флаконі» оригінальних дизайн та оптимальну швидкість завантаження витвору веб-мистецтва.
Етап четвертий. Відбувається створення робочої моделі сайту, а саме верстка сторінок в HTML-код, що працюватиме в Інтернеті. Також відбувається оптимізація сторінок та зображень для полегшення індексації пошуковими системами.
Етап п’ятий. Налаштування, під час яких відбувається вибір доменного імені та його реєстрація, налаштування сервера, реєстрація поштової скриньки, розміщення сайту в Інтернеті.
Етап шостий. Відбувається тестування та перевірка роботи сайту всіх посилань, правильність відображення всіх ілюстрацій, перевірка на наявність будь-яких помилок, як технічних, так і граматичних.
Етап сьомий. Відбувається розміщення сайту в Інтернеті та консультація замовника стосовно користування сайтом. Згодом, якщо робота студії веб-дизайну задовольнила клієнта, відбувається укладання договору на майбутнє просування сайту та можливу модернізацію.
типом вашого сайту, а вони є різні:
- Сайт-візитка
- Сайт-каталог
- Корпоративний сайт
- Інтернет-магазин
- Інформаційний сайт
Всі ці сайти мають індивідуальну специфіку. Вони мають різні обсяг сторінок та характер наповнення.
Етап другий. На цьому етапі відбувається написання технічного завдання, що містять наступні етапи:
- визначення побажань замовника
- визначення концепції веб-сайту
- розробка структури (інформаційної, функціональної)
- виокремлення розділів та підрозділів (модулі), що міститиме сайт
- рекомендації стосовно фірмового стилю веб-сайту
- визначення побажань стосовно оформлення та дизайну сайту
- затвердження та підписання Технічного завдання
На цьому етапі проробляються структура сайту, навігація, функції, дизайн. А також окреслюється наявність модулів, що розроблятимуться, укладається договір, в якому в кожному пункті описується зміст та оформлення сайту.
Етап третій. Наступний етап присвячується розробці дизайну. Деякі студії веб-дизайну пропонують стандартні ескізи, однак радимо замовити оригінальний дизайн, який виокремить ваш сайт серед мільйонів інших. Крім того, дизайн сайту повинен дотримуватися фірмового стилю вашого підприємства, містити його логотип. При розробці дизайну сайту слід враховувати швидкість завантаження майбутніх сторінок, у випадку, якщо це відбуватиметься занадто довго, відвідувачі можуть просто не дочекатися завантаження веб-сторінок. Тому професійні розробники намагаються поєднати в одному «флаконі» оригінальних дизайн та оптимальну швидкість завантаження витвору веб-мистецтва.
Етап четвертий. Відбувається створення робочої моделі сайту, а саме верстка сторінок в HTML-код, що працюватиме в Інтернеті. Також відбувається оптимізація сторінок та зображень для полегшення індексації пошуковими системами.
Етап п’ятий. Налаштування, під час яких відбувається вибір доменного імені та його реєстрація, налаштування сервера, реєстрація поштової скриньки, розміщення сайту в Інтернеті.
Етап шостий. Відбувається тестування та перевірка роботи сайту всіх посилань, правильність відображення всіх ілюстрацій, перевірка на наявність будь-яких помилок, як технічних, так і граматичних.
Етап сьомий. Відбувається розміщення сайту в Інтернеті та консультація замовника стосовно користування сайтом. Згодом, якщо робота студії веб-дизайну задовольнила клієнта, відбувається укладання договору на майбутнє просування сайту та можливу модернізацію.
четвер, 1 травня 2014 р.
Створення веб-сайту
Для створення та супроводження динамічних сайтів використовують CMS - систему управління сайтом яку ще називають двигунцем сайта.
Зараз популярними системами умравління сайтами є Drupal, Joomla i WordPress. На іх основі можна створювати функціональні сайти, якими легко управляти. Двигунці Drupal, Joomla i WordPress є безкоштовними
Зараз популярними системами умравління сайтами є Drupal, Joomla i WordPress. На іх основі можна створювати функціональні сайти, якими легко управляти. Двигунці Drupal, Joomla i WordPress є безкоштовними
середа, 30 квітня 2014 р.
Які відмінності можуть мати веб-сторінки сайта ?
Веб-сторінка - документ або інформаційний ресурс, доступ до якого здійснюється за допомогою веб-браузера. веб сторінки, як правило створюютьсямовою Html, Css, Javascript, Php та можуть містити гіперпосилання для швидкого переходу на іншї сторінки.
HTML - забезпечуэ форматування тексту виділення абзаців, відступів, дозволяє, створювати гіпер текстові посилання та розміщувати на сторінці зображення, звукозапис чи інші мультемедійні елементи.
Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) — спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних.
Найчастіше CSS використовують для візуальної презентації сторінок, написаних HTML та XHTML, але формат CSS може застосовуватися до інших видів XML-документів.
Специфікації CSS були створені та розвиваються Консорціумом Всесвітньої мережі.
JavaScript — назва реалізації стандарту мови програмування ECMAScript компанії Netscape, базується на принципахпрототипного програмування. Найпоширеніше і найвідоміше застосування мови — написання сценаріїв для веб-сторінок, але, також, використовується для впровадження сценаріїв керування об’єктами вбудованими в інші програми.
Незважаючи на схожість назв, JavaScript та мова програмування Java мають дуже мало спільного. Права на назву Java належать компанії Sun Microsystems.
PHP (англ. PHP: Hypertext Preprocessor — PHP: гіпертекстовий препроцесор), попередня назва: Personal Home Page Tools — скриптова мова програмування, була створена для генерації HTML-сторінок на стороні веб-сервера. PHP є однією з найпоширеніших мов, що використовуються у сфері веб-розробок. PHP підтримується переважною більшістю хостинг-провайдерів. PHP — проект відкритого програмного забезпечення.
PHP інтерпретується веб-сервером в HTML-код, який передається на сторону клієнта. На відміну від скриптової мови JavaScript, користувач не бачить PHP-коду, бо браузер отримує готовий html-код. Це є перевага з точки зору безпеки, але погіршує інтерактивність сторінок. Але ніщо не забороняє використовувати РНР для генерування і JavaScript-кодів які виконуються вже на стороні клієнта.
HTML - забезпечуэ форматування тексту виділення абзаців, відступів, дозволяє, створювати гіпер текстові посилання та розміщувати на сторінці зображення, звукозапис чи інші мультемедійні елементи.
Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) — спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних.
Найчастіше CSS використовують для візуальної презентації сторінок, написаних HTML та XHTML, але формат CSS може застосовуватися до інших видів XML-документів.
Специфікації CSS були створені та розвиваються Консорціумом Всесвітньої мережі.
JavaScript — назва реалізації стандарту мови програмування ECMAScript компанії Netscape, базується на принципахпрототипного програмування. Найпоширеніше і найвідоміше застосування мови — написання сценаріїв для веб-сторінок, але, також, використовується для впровадження сценаріїв керування об’єктами вбудованими в інші програми.
Незважаючи на схожість назв, JavaScript та мова програмування Java мають дуже мало спільного. Права на назву Java належать компанії Sun Microsystems.
PHP (англ. PHP: Hypertext Preprocessor — PHP: гіпертекстовий препроцесор), попередня назва: Personal Home Page Tools — скриптова мова програмування, була створена для генерації HTML-сторінок на стороні веб-сервера. PHP є однією з найпоширеніших мов, що використовуються у сфері веб-розробок. PHP підтримується переважною більшістю хостинг-провайдерів. PHP — проект відкритого програмного забезпечення.
PHP інтерпретується веб-сервером в HTML-код, який передається на сторону клієнта. На відміну від скриптової мови JavaScript, користувач не бачить PHP-коду, бо браузер отримує готовий html-код. Це є перевага з точки зору безпеки, але погіршує інтерактивність сторінок. Але ніщо не забороняє використовувати РНР для генерування і JavaScript-кодів які виконуються вже на стороні клієнта.
вівторок, 29 квітня 2014 р.
Яку структуру може мати сайти
Складові структури сайта:
-Структура каталогів
- Структура навігації
- Заставка сайта
Головна сторінка > Сторінка 1 > Сторінка 2
Баннер - це невеличке рекламне зображення, що розміщуеться на одній сторінці й посилається на іншу.
Веб дизайн - це процес розробки й підтримки роботи веб-сайтів.
-Структура каталогів
- Структура навігації
- Заставка сайта
Головна сторінка > Сторінка 1 > Сторінка 2
Баннер - це невеличке рекламне зображення, що розміщуеться на одній сторінці й посилається на іншу.
Веб дизайн - це процес розробки й підтримки роботи веб-сайтів.
понеділок, 28 квітня 2014 р.
Класифікація веб-сайту
Ознаки класифікації сайтів:
Типи сайтів:
Інформаційні ресурси
Веб-сервіси
Інтернет-представництва
Інформаційні ресурси:
Тематичні сайти
Інтернет портали
Блоги
Каталоги сайтів
Веб-сервіси:
Пошукові системи
Поштові системи
Інтернет форуми
Дошки оголошень
Соціальні мережі
Фото -, аудіо -, відеохостинги
Інтернет-представництва:
Сайти-візитівки
Корпоративні сайти
Інтернет-вітрини
Інтернет-магазини
Промо-сайти
- Доступність сервісів;
- Природа вмісту
- Спосіб взаемодії
- Фізичне розміщення
- Схема подання вмісту
Типи сайтів:
Інформаційні ресурси
Веб-сервіси
Інтернет-представництва
Інформаційні ресурси:
Тематичні сайти
Інтернет портали
Блоги
Каталоги сайтів
Веб-сервіси:
Пошукові системи
Поштові системи
Інтернет форуми
Дошки оголошень
Соціальні мережі
Фото -, аудіо -, відеохостинги
Інтернет-представництва:
Сайти-візитівки
Корпоративні сайти
Інтернет-вітрини
Інтернет-магазини
Промо-сайти
Підписатися на:
Дописи (Atom)