- •М.П.Чайковська маркетинг нововведень
- •Тема 1. Аналіз сучасних тенденцій інноваційних процесів в Україні
- •Тема 2. Інновації, як об'єкт інвестиційної діяльності
- •Тема 3. Процесний підхід до управління інноваціями на підприємстві
- •Тема 4. Новий товар у концепції маркетингу
- •Тема 5. Інноваційний маркетинг
- •Тема 6. Маркетинговий підхід в інноваційної діяльності
- •Тема 7. Стратегічний інноваційний маркетинг
- •Тема 8. Характеристики інноваційної стратегії
- •Тема 9. Оперативний інноваційний маркетинг
- •Тема 10. Цінові стратегії в інноваційному маркетингу
- •Тема 11. Маркетингові стратегії для подолання споживчого опору інноваціям на ринку
- •Тема 12. Концепція бенчмаркінгу в маркетингу нововведень
- •Тема 13. Тенденції розвитку Інтернет-маркетингу
- •Тема 14. Порівняльна характеристика Web 1,2,3 покоління
- •Тема 15. Сучасні технологічні методи оптимізації маркетингової діяльності
- •Карта самостійної роботи студента Індивідуальне навчально - дослідне завдання
- •Додаток 3 Організація власної присутності в Інтернет
- •Створення документа в html
- •Як не повинен виглядати комерційний сайт
- •Розподіл балів, які отримують студенти За результатами поточної самостійної роботи
- •Критерії оцінювання знань студентів та умови допуску до заліку та іспиту
- •Підсумковий контроль знань студентів з дисципліни - Іспит
- •Остаточний рейтинг студента з дисципліни
Додаток 3 Організація власної присутності в Інтернет
Сукупність гіпертекстів, що об’єднано загальним інформаційним наповненням, оформленням, авторством, називають веб-сторінкой (веб-публікацієй). Фізично це не обов'язково один гіпертекст, це будь-яка кількість гіпертекстів і мультимедіа-інформації, що міститься в них.
Щодо використання документа в браузері користувача, розрізняють:
Статичні html сторінки ( сторінка виглядає завжди однаково, не залежно від дій користувача). Наприклад, меню організовано посиланнями на окремі сторінки, а не списком, що випадає.
Динамічні html сторінки ( можуть реагувати на дії користувача й змінюватися). Наприклад, при клацанні по тексту може показуватися спливаючий блок тексту з перекладом слова.
Динаміка на веб сторінках реалізована за допомогою скриптов, які виконуються браузером. Багато елементів мови html підтримують визначення оброблювачів подій. Найпоширеніша мова для створення динаміки веб сторінок - це JavaScript.
За способами створення документи ділять знову на статичні й динамічні.
Статичними називають сторінки, якщо вони лежать на сервері у вигляді html-файлів.
Динамічними називають таки сторінки, що швидко генеруються за запитами браузера.
Якщо сайт містить контент, що вимагає частих модифікацій та коректировок (мінливий контент), (content - інформація на сайті), то доцільно використовувати скрипти, що виконуються на сервері: браузер запитує в сервера документ; сервер визначає, що документ є скриптом і запускає його на виконання ; скрипт генерує html сторінку; сервер відправляє сгенерированну сторінку браузеру, так що той і не догадується, що на сервері відробив скрипт
Існує кілька мов програмування, на яких можуть писатися скрипти, які генерують "динамічні" сторінки. Найпоширеніші з них: Perl; SSI; PHP; ASP; Python; Java; бінарний код (програма на С або С++ компілюють код, що виконується). Кожний із цих мов має свої особливості застосування. Писати скрипти можна на будь-якій мові. Головне знати його сильні й слабкі сторони й використовувати їх ефективно.
Останнім часом більше набирає силу гібридна система. Назва в неї, як у голандського футбольного клубу - AJAX, що означає: Asyncronous JavaScript And XML . Ця технологія дозволяє скриптам на JavaScript звертатися до будь якого скрипту на сервері й одержувати інформацію із сервера. Це, у свою чергу, дає користувачеві гнучкість і дозволяє перезавантажувати тільки частину вмісту сторінки, а не всю її повністю (що значно заощаджує трафик).
Статичні html сторінки - не дуже гнучке рішення. Використовувати їх слід, тільки якщо повністю статичний зміст (книга, що знаходиться в мережі). Для сайтів із нформацією, що часто змінюється варто зупинити вибір на використанні скриптов.
Створення документа в html
В HTML документи записуються в ASCII форматі й тому можуть бути створені і відредаговані в будь-якому текстовому редакторі.
Будь-який гіпертекст може бути розбитий на окремі структурні елементи: власне документ; глави, параграфи, пункти, підпункти; абзаци. Для кожного із цих елементів в HTML існують певні стилі, що описують у якому виді користувач побачить текст на екрані.
Основний текст відділяється від супровідного символами: <BODY> </BODY>. Для виділення заголовка документа служать символи:
<HEAD><TITLE>Заголовок</TITLE></HEAD>
Заголовок першого рівня (Глави) позначається символами <H1> і </H1>)
HTML має шість рівнів заголовків, що мають номери з 1 по 6 (заголовок першого рівня є заголовком вищого рівня). У порівнянні з нормальним текстом, заголовки виділяються шрифтом - розміром і товщиною букв. Перший заголовок в кожному документі повинен бути виділений <H1>. Синтаксис заголовків: <Hy> Текст заголовка </ Hy> де y - число від 1 до 6, що визначає рівень заголовка.
На відміну від документів в більшості текстових процесорів, переривання рядків і слів в HTML-файлах не є істотним. Обрив слова або рядка може відбуватися в будь-якому пункті у вашому вихідному файлі, при перегляді це переривання буде проігноровано. Браузер ігнорує це перериваніе рядка і починає новий абзац тільки, після знака <P>. Однак, щоб зберегти удобочитаемость у вихідних HTML-файлах, рекомендується заголовки розміщувати на окремих рядках, а абзаци відокремлювати порожніми рядками (на додаток до <P>). <P> Це абзац в HTML +. </ P>
Текст з абзацу в середіні рядка: <P ALIGN=CENTER>
Гіпертекстове посилання. Головна перевага HTML полягає в його здатності зв'язуватися з іншими документами. Browser виділяє (зазвичай кольором і / або підкресленням) ключові слова, які є гіпертекстовими посиланнями (гіперпосиланнями). Описується посилання на інший документ наступним чином: <A HREF="імя файла"> Текст, який буде служити як звернення до іншого документу </ A>.
<A HREF="first.html"> Приклад HTML-тексту </ A>
<A Href="http://www.simtel.ru/news/snews.http">News</A>
HTML підтримує ненумеровані, нумеровані списки і списки визначень.
Ненумерований список: <UL> <LI> список пунктів </ UL>, наприклад:
<UL>
<LI> товар
<LI> постачальник
</ UL>,
Нумерований список ідентичний ненумерованого списку, тільки замість <UL> використовується <OL>.
<OL>
<LI> Підрозділ 1
<LI> Підрозділ 2
<LI> Підрозділ 3
</ OL>
Браузер автоматично нумерує елементи такого списку.
Списки можуть бути довільно вкладені (доцільно обмежитися трьома рівнями вкладених списків).
<UL>
<LI> Лояльні клієнти:
<UL>
<LI> Аванта
<LI> Таврія_В
</ UL>
<LI> Бідьш прибуткові постачальники:
<UL>
<LI> Метро
</ UL>
<LI> Идіал
</ UL>
<LI> Фоззі
</ UL>
</ UL>
Стилі. Є два типи стилів: логічний і фізичний. Логічні стилі визначають текст згідно заданому значенням, тоді як фізичні стилі визначають деякі ділянки тексту. Стилі дають користувачеві більшу свободу у виборі шрифтів.
Фізичні стилі - задається стиль написання тексту, описуючи шрифт у вихідному HTML-документі.
<B>, жирний шрифт (це жирний шрифт) </ B>
<I>, похилий шрифт (це похилий шрифт) </ I>
<TT>, фіксований шрифт ( заданої ширини) (це fixed шрифт)</ TT>
<BR> переривання рядка; - перехід на новий рядок, не починаючи нового абзацу (в більшості browser абзаци виділяються додатковими порожніми рядками
<HR> - розподіл тексту горизонтальною рисою.
Вставка малюнка <IMG SRC=1259/image_URL>
Автоматично, малюнок вирівнюється по нижньому краю супроводжуючого його текта, але можно задавати взаємне розташування малюнка і тексту. Форматування положення малюнка задається включенням у гіперпосилання пункту:
"ALIGN=" :<IMG ALIGN=top SRC=1259/image_URL>
Типи вирівнювання: ALIGN = MIDDLЕALIGN = CENTER
Таблиці: <TABLE BORDER=”10” WIDTH=”100”>
<CAPTION ALING=”TOP”Прайс ліст</ CAPTION>
<TR GRCOLOR=”RED”Aling=”Centre”
<TH>назва товару <TH> Ціна
<TR> - тег строки таблиці; <TD> - тег кожної ячейки таблиці
</TABLE>
Фрейми. <frameset Row=”60%,*”>
<Frame src=”і`мя файла1”>
<frameset cols=”35%,65%”noresize>
<Frame src=”і`мя файла2”>
<Frame src=”і`мя файла3”>
</frameset>
Приклад програми в HTML:
<HTML>
<META Charset = Windows-1251>
<HEAD>
<TITLE> Приклад програми на HTML </TITLE>
</HEAD>
<BODY>
<H1> Тіло програми Заголовок першого рівня</H1>
Це простий HTML-Документ. Це перший абзац. <P>
Це слово написане <I>похилим</I> шрифтом.
Це слово написане <B>жирним</B> шрифтом.
Тут можете побачити картинку:
<IMG SRC = "pic/top100.GIF"><P>
Це гіперпосилання на файл minihtml.html, що містить простий приклад HTML-Документа: <A HREF="minihtml.html">
<H2>Заголовок другого рівня</H2> <P>
<UL>
<LI> 1
<LI> 2
</UL>
Кінець документа. <P>
</BODY>
</HTML>
Редактор HTML або HTML-редактор - комп'ютерна програма, що дозволяє складати і змінювати сторінки в форматі HTML. Незважаючи на те, що HTML-код може бути написаний на простому текстовому редакторі (наприклад, Notepad), спеціальні редактори для написання коду HTML пропонують більше зручностей і функціональності. Принцип їх роботи умовно ділиться на дві категорії: редактор показує тільки вихідний код; редактор показує готову сторінку, працюючи за технологією WYSIWYG. Є також редактори, що працюють за змішаною системою, тобто підтримують обидва принципи роботи. Комерційні редакторы, що підтримують технологию WYSIWYG: Adobe GoLive; IBM WebSphere Studio Homepage Builder; Adobe Dreamweaver; Macromedia HomeSite (с версии 5.0 не поддерживает WYSIWYG); Microsoft FrontPage; Namo Web Editor; NetObjects Fusion; WYSIWYG Web Builder. Редакторі, що вільно розповсюджуються та підтримують технологию WYSIWYG: FCKeditor, ZIP файл (1,287 Мб) ; Quanta Plus; HTMLArea; Microsoft FrontPage Express; Nvu; OpenOffice.org; TinyMCE. Редактори, що працюють з работающие з вихідним кодом: Macromedia HomeSite.