› › Засоби розробки Web-додатків. Області застосування мов програмування розробки Web-приложений. Web-додатки Засоби створення web-додатків

Засоби розробки Web-додатків. Області застосування мов програмування розробки Web-приложений. Web-додатки Засоби створення web-додатків

HTML. Процес розробки web-додатків стає схожим на розробку звичайних Windows-додатків, де розробник візуально має в своєму розпорядженні елементи керуванняна формі, задає їх властивості та пише обробники подій.

Середовище хостингу та управління життєвим циклом web-додатків, що розширюється.

Середовище хостингу ASP .NET, що розширюється, управляє життєвим циклом додатків з моменту першого звернення користувача до ресурсу і до моменту завершення роботи програми. Сама ASP .NET використовує як середовище web-сервер (IIS), при цьому надаючи функції хостингу. ASP .NET дозволяє обробляти події, що відбуваються в програмах, і створювати власні HTTP-обробники та модулі.

Розширюване середовище проектування інтерфейсу користувача web-додатки

ASP .NET дозволяє створювати власні візуальні редактори серверних елементів управління та інтегрувати їх у засоби розробки, наприклад Visual Studio. Візуальні редактори дозволяють розробляти інтерфейси елементів управління і додавати до елементів управління необхідні властивості та методи.

HTML. Процес розробки web-додатків стає схожим на розробку звичайних Windows-додатків, де розробник візуально має в своєму розпорядженні елементи керуванняна формі, задає їх властивості та пише обробники подій.

Середовище хостингу та управління життєвим циклом web-додатків, що розширюється.

Середовище хостингу ASP .NET, що розширюється, управляє життєвим циклом додатків з моменту першого звернення користувача до ресурсу і до моменту завершення роботи програми. Сама ASP .NET використовує як середовище web-сервер (IIS), при цьому надаючи функції хостингу. ASP .NET дозволяє обробляти події, що відбуваються в програмах, і створювати власні HTTP-обробники та модулі.

Розширюване середовище проектування інтерфейсу користувача web-додатки

ASP .NET дозволяє створювати власні візуальні редактори серверних елементів управління та інтегрувати їх у засоби розробки, наприклад Visual Studio. Візуальні редактори дозволяють розробляти інтерфейси елементів управління і додавати до елементів управління необхідні властивості та методи.

Вступ

Вплив глобальної комп'ютерної мережі Internetна сучасний світнемає історичних аналогів. Його сьогоднішній день – це початок епохи електронного проникнення у всі сфери людського життя, це більше, ніж просто маркетингова кампанія, це основа нової філософії та нової ділової стратегії.

Цілком логічно припустити, що і з погляду реклами продукції чи послуги Інтернет – найбільш значущий ресурс. Більшість сучасних людей користуються Інтернетом як найбільш доступним джерелом інформації.

Створення Web-сайтів одна із найважливіших технологій розробки ресурсів Internet. Хороший сайт, вбираючи всю корисну інформацію, є кращою візитною карткою і комерційної фірми та освітньої установи, працюючи на них у будь-який час доби.

Провівши аналіз декількох сайтів, що забезпечують інформаційну підтримку підприємств малого бізнесу на предмет відповідності їх поставленим цілям, психофізіологічним вимогам та інформативності, а також коректності вибору засобів розробки можна виділити такі характерні недоліки:

· не відповідність сайту психофізіологічним вимогам, що призводить до підвищеної стомлюваності чи відволікання уваги;

· Захоплення анімацією, графічними зображеннямита відео фрагментами, які не несуть смислового навантаження, автоматично тягне за собою зменшення кількості потенційних відвідувачів web-сайту, оскільки підвищує вимоги до пропускної спроможності Інтернет-з'єднання та обсягу трафіку;

· Надмірність або недолік представленої інформації;

· Некоректний вибір засобів розробки, що тягне за собою необґрунтоване підвищення вартості готового товару.

Таким чином, визначення функціональних можливостей засобів і мов для розробки сайту, а також психофізіологічних вимог, що пред'являються до текстової та графічної інформаціїпредставленою на екрані монітора є актуальним завданням.

До того ж зараз, коли кількість онлайнових користувачів оцінюється більш ніж у 500 мільйонів осіб (причому це число зростає зі швидкістю приблизно 7% на місяць), доводиться шукати шляхи використання нових технологій, які могли б сприяти залученню та утриманню уваги користувачів, що подорожують по безкраїм просторах Web.

Предмет дослідження-web-технології.

Об'єкт – середовища та мови розробки web-додатків.

Мета роботи – розглянути можливості практичного використаннямов та засобів для розробки web-додатків.

1) розглянути основні поняття веб-технологій;

2) навести різні класифікації web-додатків, які у підприємницької діяльності;

3) розглянути психофізичні вимоги до web-додатків;

4) визначити сфери застосування мов програмування для розробки web-додатків;

5) проаналізувати функціональні можливості середовищ створення web-додатків.

Підходити до завдання створення власного Інтернет-представництва варто відповідально. Сайт повинен бути зручний у використанні - сторінки повинні завантажуватися якнайшвидше, а сам ресурс повинен мати логічну і зрозумілу структуру. Тільки в такому випадку можна розраховувати на те, що відвідувач зацікавиться наданою інформацією та затримається на сайті.

Розвиток сучасної комп'ютерної технікита впровадження нових технологій започаткували новий напрям життя на Землі. За досить короткий проміжок часу розвитку мікроелектроніки та кібернетики відбулося багато змін.

Прогресивний розвиток техніки спричинив появу нових програмних продуктів. З кожним роком впроваджується дедалі більша кількість мов програмування. Усі вони орієнтовані насамперед на цільову аудиторію.

Розвиваються як комп'ютери, а й мережі. Якщо ще кілька десятків років тому Інтернет був невеликою приватною мережею, то тепер це гігантська система взаємопов'язаних комп'ютерів, без якої, можливо, ми не зможемо уявити собі життя.

Інтернет - це не тільки "прохолодний басейн", в якому так комфортно почуваються люди, що дуже "перегрілися", але і місце, де можна "поторкати" практично будь-яку гарячу тему, не побоюючись при цьому обпектися.

Web-технологія повністю перевернула уявлення про роботу з інформацією та й з комп'ютером взагалі. Виявилось, що традиційні параметри розвитку обчислювальної техніки- продуктивність, пропускна здатність, ємність пристроїв - не враховували головного " вузького місцясистеми - інтерфейсу з людиною. Застарілий механізм взаємодії людини з інформаційною системою стримував впровадження нових технологій і зменшував вигоду від їх застосування. І тільки коли інтерфейс між людиною і комп'ютером був спрощений до природності сприйняття звичайною людиною, був безпрецедентний вибух інтересу до можливостей обчислювальної техніки.

Інформація, доступна користувачам Internet, розміщується на комп'ютерах (Web-серверах), на яких встановлено спеціальне програмне забезпечення. Значна частина цієї інформації організована як Web-сайтов. Кожен їх має своє ім'я (адреса) в Internet. Web-сайт – це інформація, представлена ​​у певному вигляді, яка розміщується на Web-сервері та має своє ім'я. Для перегляду веб-сайтів на комп'ютері користувача використовуються спеціальні програми, Які називаються браузерами. Найбільш поширеними браузерами в даний час є Internet Explorerта Netscape Navigator. В залежності від того, яке ім'я сайту ми поставимо в рядку "Адреса", браузер завантажуватиме у своє вікно відповідну інформацію.

Web-сайт складається із пов'язаних між собою Web-сторінок. Web-сторінка є текстовий файлз розширенням *.htm, який містить текстову інформацію та спеціальні команди – HTML-коди, що визначають у якому вигляді ця інформація відображатиметься у вікні браузера. Вся графічна, аудіо та відео інформація безпосередньо до Web-сторінки не входить і є окремими файлами (рисунок 1 Додаток А) .

Сучасні web-додатки - це, в основному, портали, що надають послуги, якими не можна скористатися ще звідкись, Одна з незручностей подібних сервісів - складність обміну інформацією між компаніями. Зокрема, навіть контактну та іншу особисту інформацію доводиться на кожному такому сайті знову вводити.

В даний час з точки зору призначення розрізняють три основні типи порталів:

· Публічні, чи горизонтальні, портали (називаються іноді мегапорталами), такі як Yahoo, Lycos, Excite, Rambler. Такі портали часто є результатом розвитку пошукових систем. Призначені вони для найширшої аудиторії, що відбивається на змісті інформації та послуг, що надаються ними. Як правило, ця інформація носить загальний характер, так само як і послуги ( електронна пошта, новинні розсилки тощо).

· Вертикальні портали. Цей вид порталів призначений для специфічних видів ринку та обслуговує аудиторію, яка користується послугами цього ринку або працює на ньому. Прикладами таких порталів можуть бути, наприклад, туристичні агенції, що надають послуги з бронювання місць у готелях, замовлення та доставки квитків, доступу до карт та відомостей про автомобільні маршрути, або портали типу B2B (business-to-business), що дозволяють своїм клієнтам реалізовувати спільні бізнес-операції (наприклад, обирати постачальників та здійснювати закупівлю товарів, проводити аукціони).

· Корпоративні портали призначені для співробітників, клієнтів та партнерів одного підприємства. Користувачі такого порталу отримують доступ до призначених їм сервісів та програм залежно від їхньої ролі та персонального профілю.

Інші найпоширеніші web-додатки:

· регіональні Інтернет-портали, універсальні за своїм напрямом, але обмежені географією зацікавлених відвідувачів (e1.ru);

· Пошукові системи- це Інтернет-портали, які призначені для того, щоб надати їх відвідувачу можливість знайти сайти, на яких зустрічаються ці слова або цілі фрази (metabot.ru);

· Каталог – це колекція посилань на сайти. Навіщо потрібні каталоги, якщо є пошук? Дуже часто ми точно не знаємо, що нам потрібно, не можемо це сформулювати парою слів (mail.ru);

· Електронні дошки оголошень – є місцем в Інтернет, де практично будь-хто охочий може залишити інформацію ознайомчого, запрошення або рекламного характеру;

· Форуми – це спеціальні сайти або розділи на сайтах, призначені для того, щоб відвідувачі, залишаючи свої повідомлення, обмінювалися думками;

· чати - є ще одним місцем для спілкування в Інтернет, тільки його призначення не обмін думками на якусь тему, а просто проведення часу;

· Файли для скачування;

· Фотогалереї;

· Елементи статистики;

· Зберігання в інтернеті різної інформації;

· Сервери поштових розсилок, вони пропонують послуги з доставки інформації широкому колу читачів (subscribe.ru);

· Інтернет-магазини та аукціони (ozon.ru, molotok.ru).

Відправною точкою у web-проекті є аналіз цілей сайту та функцій, які будуть запропоновані користувачеві.

Другим етапом буде побудова інформаційної архітектури сайту.

Після того, як будуть відомі всі матеріали сайту та його структура, можна перейти до дизайну навігації та самих сторінок.

Необхідно розмістити посилання на карту сайту на кожній сторінці. Сторінка з відображенням картки за розміром не повинна перевищувати дві сторінки на екрані користувача. Використовується два види карт статичні та динамічні. Найефективніше використання карти зі статичним відображенням інформаційної архітектури, оскільки динамічний вигляд наводить користувача ще більшу заплутаність. Карта створена для того, щоб краще зорієнтувати користувача, тому на карті необхідно відображати не тільки поточне положення користувача на сайті, але й розділи, які він вже відвідував.

Головна сторінка сайту компанії – це особа сайту, звернена до всієї мережі (рисунок 2 Додаток Б). на головній сторінцічітко прописуються цілі компанії, при цьому кожен елемент дизайну повинен дозволяти користувачеві ще краще розібратися в сайті та визначитись із послідовністю дій для вирішення своїх завдань.

Саме з головної сторінки більшість користувачів розпочинає подорож сайтом. При цьому наш сайт має бути зроблений так, щоб люди, які прийшли на сайт за глибоким засланням, відчували себе комфортно. Для цього необхідно на кожній сторінці сайту розмістити:

· Назва компанії або логотип у лівому верхньому лівому кутку

· індивідуальний слоган для сайту, що складається з однієї пропозиції

Не можна припускати, що користувач потрапив на цю сторінку, долаючи весь шлях від початку до кінця. Цілком можливо, що він не бачив інформації, яку ми вказали на сторінках верхнього рівняієрархії. При глибоких посиланнях ми повинні зорієнтувати користувача за місцем, повідомити, де він зараз знаходиться на сайті, вказавши на сторінці ланцюжкове посилання. Якщо є необхідність, щоб якась сторінка не індексувалася у пошукових системах, необхідно в елементі "HEAD" ввести .

У розділі "Про нас" необхідно надати основні відомості про компанію:

· Склад верхньої керуючої ланки (з бібліографічним списком і фотографіями);

· Контактна інформація;

· Філософія організації (бачення бізнесу, зв'язку з суспільством, прагнення);

· Основні історичні віхи;

Велике пояснення у верхній частині сторінки "Про нас" допомагає користувачеві краще зрозуміти те, що міститься в глибинах цього роздала.

Текст повинен бути легко читаним, як молодими, так і людьми похилого віку, тому нам потрібно вказувати розмір шрифту в відносних одиницях, а не в абсолютних, так як розмір повинні вибирати самі користувачі. При цьому текст повинен повністю вміщатися на сторінці, щоб не дратувати використанням горизонтального прокручування сторінок сайту.

Користувачі рідко читають веб-сторінки слово за словом. При першому перегляді вишукує факти і ігнорує деталі, але знайшовши матеріал, що цікавить, може зайти і глибше. Приблизна схема перегляду сторінки виглядає так: перший рядок по горизонталі проглядається повністю, наступний проглядається не на всю глибину і з кожним наступним рядком вихоплення інформації скорочується все більше.

Тому користувачі часто переглядають лише верхню частину статті. І лише найцікавіші читачі промотають сторінку, і лише ці небагато хто зрозуміє історію статті у всіх деталях. Тому важливо застосовувати "принцип перевернутих пірамід", який полягає в тому, що стаття починається з "висновку", після чого йде повідомлення про саму важливої ​​інформації, а в кінці дається підґрунтя події.

Для того, щоб сторінки було зручно переглядати, ми будемо використовувати:

· Виділення ключових слів;

· грамотно складені заголовки;

· Списки з маркерами;

· Один абзац на одну ідею (користувачі пропустять всі інші ідеї, якщо їх не залучать основні слова абзацу);

· Стиль перевернутої піраміди (де стаття починається з укладання);

· менша кількість слів, ніж у звичайній статті;

· Мінімум мало зрозумілих термінів;

· Вказівка ​​дати створення повідомлення (що б знати на скільки, воно актуальне на Наразі);

· контекстну інформацію атрибуту "ALT".

· Електронні заголовки часто виводяться поза контекстом:

· У списку статей на сайті;

· У заголовках повідомлень електронної пошти;

· У результатах пошуку;

· В закладках браузера.

При цьому користувачі не повинні мати якісь надзнання, щоб зрозуміти наш заголовок, якщо вони пропускатимуть текст під заголовками. З цієї причини текст заголовка повинен бути самостійною порцією інформації, що дозволяє зрозуміти його у відсутності решти контенту. При написанні заголовка необхідно використовувати нейтральну мову, і не застосовувати: ігри слів, "навороченості", "заманюваних", великих букв (оскільки складається враження, що ми кричимо на користувача)

Користувачі віддають перевагу змістовним заголовкам. Чим коротший мікроконтент, тим легше його переглядати. Необхідно виключити використання одного і того ж слова на початку кожної статті та назви сторінки, оскільки при використанні одночасно кількох таких статей буде важко на панелі або закладках вибрати необхідну статтю.

При проханні надати нам адресу електронної пошти, необхідно сказати, тут і зараз, що саме користувач отримуватиме, і як часто порушуватимете спокій його поштової скриньки. Посилання mailto повинні бути використані так, щоб можна було точно зрозуміти, що перед нами поштова адреса. Не розміщуйте посилання пошти на іменах, тому що клацання по імені має вести на його біографію. При спілкуванні електронною поштою немає причин користуватися конкретним ім'ям одного з працівників, якщо користувач не встановив з ним особисті стосунки (листи від невідомих людей найчастіше потрапляють у кошик).

Щоб підняти довіру до сайту необхідно використовувати якісні графічні зображення. При цьому не варто використовувати великі зображення за промовчанням. Бажано використовувати ескізи, а за необхідності збільшувати їх на стільки, на скільки забажає користувач. Ескізи повинні містити всю основну інформацію про зображення. На сайті правильніше буде використовувати фотографії реальних працівників та клієнтів, а не фотомоделей із сліпучою голлівудською усмішкою. Також необхідно використовувати хороший стиль листа та вихідні гіпертекстові посилання на інші сайти. Не потрібно використовувати "рекламну воду", оскільки вона несе додаткове емоційне навантаження, і користувачам доводиться витрачати час на відсіювання гіперболів від реальних фактів.

Класичний шлях збільшення прихильності до сайту – це публікація свіжих матеріалів із певною регулярністю (від щоденних до щомісячних). Для бажаючих необхідно організувати розсилку свіжого матеріалу. Майже 100% з тих, хто підписався, періодично заходитимуть і на сам сайт, доки автор нагадуватиме їм про себе.

Дизайн сайту має пристосовуватися до людей. Одним із варіантів такого пристосування служить профайл, але його заповнення вимагає терпіння, через що його заповнюють усталені відвідувачі сайту. Тому для відстеження користувачів краще використовувати "cookie", у файл якого заноситься вся необхідна інформація, а не нудну процедуру реєстрації. Якщо все ж таки необхідна для безпечної роботи реєстрація, то не варто створювати надто суворі форми для введення. Якщо є можливість використовувати автозаповнення та автоматично встановлювати курсор у першому полі форми.

Не варто створювати форми для пошуку через Internet, якщо користувачеві буде необхідно, він скористається спеціальною пошуковою системою.

Посилання мають бути передбачуваними, користувач повинен знати, що станеться, якщо він натисне на посилання. Ясно вказувати, що є посиланням: якщо це текст, нехай він буде кольоровим або підкресленим. Не приховувати різницю між відвіданими і не відвіданими посиланнями. Створювати посилання з розрахунком того, що пошукові системи є найважливішими відвідувачами, а вони глухі та сліпі по відношенню до високих технологій. Оформити теги "title" так, щоб вони добре виглядали в пошукових системах та закладках, тому починати посилання необхідно з ключового слова.

Не допускати появи ламаних посилань, оскільки інші сайти та пошукові системи не будуть у цьому випадку на нас посилатися.

При навігації по сайту надати користувачеві самому, вибирати, як необхідно відкривати сторінки у спливаючих вікнах, або якось інакше.

У WEB-і користувачі не звертають уваги ні на що, крім своєї мети, і реклама, яка відволікає їх від досягнення мети, просто ігнорується. Якщо наша реклама з'явиться раніше, ніж користувач знайде матеріал, що його цікавить, то, швидше за все вона буде закрита. І коли він виконає своє основне завдання, і готовий буде придивитися до реклами, він її просто вже не побачить, так як закрив вікно, що спливає. Тому ніколи не варто відволікати користувача від своєї мети.

Коли користувач набирає слова запиту на пошуковому сервері, рекламні оголошення, які вийдуть у списку результатів запиту, будуть безпосередньо пов'язані з тим, що потрібно людині. І тому він читає ці оголошення та клацає за посиланнями. Така реклама коштує набагато дешевше, ніж розповсюдження рекламних листівок.

Отже, секрет успіху в тому, щоб поєднати рекламу з цілями користувачів.

· Відсутність кнопки "Закрити";

· хитрощі змушують клікнути;

· Чітко вказувати, що відбудеться по клацанню по ній;

· Дає додаткову інформаціюпро себе без потреби залишати поточну сторінку.

Для оціночної роботи необхідно залучити від трьох до п'яти учасників. Кожен із них виконує роботу індивідуально. Після чого їх результати порівнюються та наводяться до єдиного висновку. Тест проводиться у два етапи:

1) розуміння роботи інтерфейсу;

2) концентрація уваги певних елементах.

Необхідна окрема згадка кожної проблеми, що б не повторювати її надалі.

Засоби розробки Web-додатків

Області застосування мов програмування для розробки Web-додатків

Мова розмітки гіпертексту (Hypertext Markup Language), або, як його частіше називають, HTML, - це комп'ютерна мова, що лежить в основі World Wide Web (Всесвітньої павутини). Завдяки мові HTML будь-який текст можна розмітити, перетворивши його на гіпертекст з подальшою публікацією на Web.

Мова HTML має власний набір символів, за допомогою яких веб-браузери відображають сторінку. Ці символи, звані дескрипторами, включають елементи, необхідні створення гіперпосилань .

Одною з відмінних рис HTML-документів і те, що сам документ містить лише текст, проте інші об'єкти вбудовуються у документ у його відображення Браузером з допомогою спеціальних тегів і зберігаються окремо. При збереженні HTML-файлу в місці розміщення документа створюється папка, в яку містяться супутні графічні елементи оформлення.

Насамперед PHP використовується для створення скриптів, що працюють на стороні сервера, для цього його, власне, і вигадали. PHP здатний вирішувати ті ж завдання, що й будь-які інші CGI-скрипти, у тому числі обробляти дані html-форм, динамічно генерувати html сторінки тощо. Але є й інші області, де можна використовувати PHP.

Друга область – це створення скриптів, що виконуються у командному рядку. Тобто з допомогою PHPможна створювати такі скрипти, які виконуватимуться, незалежно від web-сервера і браузера, на конкретній машині.

І остання область - це створення GUI-додатків ( графічних інтерфейсів), що виконуються на стороні клієнта.

Ajax розшифровується як Asynchronous Javascript And XML (Асинхронні Javascript і XML) та технологією у строгому значенні слова не є. Якщо в стандартному web-додатку обробкою всієї інформації займається сервер, тоді як браузер відповідає лише за взаємодію з користувачем, передачу запитів і виведення HTML, то в Ajax-додатку між користувачем і сервером з'являється ще один посередник - движок Ajax. Він визначає, які запити можна опрацювати "на місці", а за якими необхідно звертатися на сервер.

Поведінка сервера також змінилася. Якщо раніше на кожен запит сервер видавав нову сторінку, то тепер він відсилає ті дані, які потрібні клієнту, а HTML з них прямо в браузері формує двигун Ajax.

Асинхронність виявляється в тому, що далеко не кожен клік користувача доходить до сервера, причому зворотне теж справедливе - далеко не кожна реакція сервера обумовлена ​​запитом користувача. Більшість запитів формує двигун Ajax, причому його можна написати так, що він буде завантажувати інформацію, передбачаючи дії користувача.

Де варто використовувати Ajax:

· Форми. Вони дуже повільні. Якщо асинхронно надсилати дані, сторінка не перезавантажується.

· Навігація у вигляді "дерева". Взагалі, така навігація – жах. Проста топологія набагато зручніша, але якщо до цього дійшло, краще використовувати Ajax.

· Фільтри. Часто на сайтах роблять сортування за датою, ім'ям. Ajax це буде значно зручніше.

JavaScript

Мова програмування JavaScript розроблена фірмою Netscape для створення інтерактивних HTML-документів. Це об'єктно-орієнтована мова розробки додатків, що вбудовуються, що виконуються як на стороні клієнта, так і на стороні сервера. Синтаксис мови дуже схожий на синтаксис Java – тому його називають Java-подібним.

Основні сфери застосування JavaScript поділяються на наступні категорії:

· динамічне створення документа за допомогою сценарію;

· Оперативна перевірка достовірності заповнюваних користувачем полів форм HTML до передачі їх на сервер;

· Створення динамічних HTML-сторінок спільно з каскадними таблицями стилів та об'єктною моделлю документа;

· Взаємодія з користувачем при вирішенні "локальних" завдань, що вирішуються додатком JavaScript, вбудованому в HTML-сторінку.

VBScript

Мова створення сценаріїв VBScript розроблена фірмою Microsoft, є підмножиною досить поширеної серед програмістів мови Visual Basic розробки прикладних програм Windows-додатків. Як і його батько, мова VBScript досить проста і легка у вивченні.

Перевагою його застосування для створення сценаріїв є можливість використання з невеликими коригуваннями раніше написаних процедур мовами Visual Basic і Visual Basic for Application.

Функціональні можливостісценаріїв, написаних на VBScript, нічим не відрізняються від можливостей сценаріїв JavaScript: динамічні створеннядокумента або його частин, перехоплення та обробка подій і так далі.

VBScript використовується для написання сценаріїв клієнта (у разі браузер повинен мати вбудований інтерпретатор цієї мови), а також для написання сценаріїв на сервері (у цьому випадку сервер повинен підтримувати мову VBScript).

Для створення сценаріїв клієнта використовується набір об'єктів, аналогічний набору JavaScript. Об'єкти клієнта та сервера відрізняються один від одного, але існує загальна частина (ядро) об'єктів, що використовуються при розробці як сценаріїв клієнта, так і сценаріїв сервера .

Найбільш широко Perl використовується для розробки інструментів системного адміністрування, однак останнім часом він набув величезної популярності в галузі розробки Інтернет-додатків: CGI-сценаріїв, систем автоматичної обробки електронної пошти та підтримки вузлів Web.

Ось деякі приклади завдань, які можна вирішувати за допомогою Perl:

· Перевірка користувачів Windows NT на невідповідність їх статусу та можливостей;

· Управління NT-сервісами з командного рядка і дистанційно з локальної машиниодержання статистичних даних на окремій машині;

· Може працювати і з протоколом FTP;

· Системна підтримка UNIX і Windows.

В даний час у всесвітньому павутиннюрозміщено кілька мільйонів Web-сайтів та їх кількість постійно зростає. У кожного є можливість не тільки переглянути будь-який з них і отримати корисну для себе інформацію, але й активну участь у їх створенні. Велике значення при цьому має середовище, в якому відбуватиметься технологія.

Компанія Macromedia продовжує робити Dreamweaver інтуїтивно зрозумілою та простою у використанні програмою. Потужні засоби з одного боку та простота у використанні – з іншого, роблять продукти Macromedia ідеальним програмним пакетом як для професійних web-дизайнерів, так і для новачків. Продукти, що входять до пакету Macromedia, такі як: Flash, Firework, Dreamweaver - зроблять роботу більш продуктивною, і при цьому можуть замінювати один одного (наприклад, у будь-якій з них можна створити кнопки). Такі продукти як Sitespring, FreeHand – додасть ефективності при роботі з клієнтом.

У Dreamweaver безліч плюсів:

Програма Dreamweaver підтримує "чистий" HTML код, а також останні розширення DHTML та CSS.

Містить чудові засоби автоматичного управління зв'язками, тобто за будь-якого переміщення файлів у середовищі, всі зв'язки відновлюються автоматично. Передбачено блокування розділів сторінки для захисту від ненавмисного псування.

Дозволяє скасувати зміни, зроблені кілька кроків тому (проте після збереження сторінки скасувати зміни буде неможливо).

Використовується "Динамічна перевірка для різних браузерів".

Підтримує розширення як сторонніх розробників, так і самої Macromedia (понад 500).

З Dreamweaver поставляється бібліотека елементів, які можна використовувати на WEB-сторінках, наприклад панель навігації, дескриптор авторського права та ін.

Застосовується для додавання мультимедійних засобів на веб-сторінки та різних типівфайлів від Flash та Java до RealAudio, інтерактивних елементів, таких як пошукові системи, форуми, системи електронної комерції.

Програма Dreamweaver не має власних засобів створення зображень. У ній представлені лише найпростіші інструменти редагування, тому для створення та редагування зображень нам знадобляться спеціальні графічні редактори.

Dreamweaver дозволяє прибрати зайвий код із програм Microsoft, після чого сторінки стануть швидше завантажуватися і краще відображатися в різних браузерах.

Fireworks це редактор графіки з можливістю її подальшої оптимізації та розміщення у мережі. Використовуючи велику різноманітність інструментальних засобів, ми можемо створювати та редагувати як векторну, так і растрову графікув межах одного файлу замість переходити з однієї програми в іншу. Fireworks генерує HTML - код та JavaScript і може легко створювати динамічні меню та навігаційні панелі для наших інтернет-сторінок. Ефективна оптимізація графічних файлів дозволяє максимально зменшити їхній розмір без втрати якості.

Крім цього, є можливість редагувати макети WEB-сторінок. Наприклад, у Fireworks 8 можна відкрити графічний файлна всю ширину майбутнього сайту намалювати необхідне графічне оформлення, а потім розрізати його інструментом Slice Tool так, як має виглядати майбутня таблиця HTML-документа. Після цього можна розпочинати доопрацювання окремих графічних елементів і, у тому числі, створювати активну графіку, що реагує на курсор, зовсім не знаючи мови програмування (JavaScript).

Один із трьох професійних графічних редакторів, що ведуть зі змінним успіхом боротьбу за першість у роботі з векторною графікою. FreeHand набагато швидше і простіше за своїх конкурентів - CorelDraw і Adobe Illustrator. FreeHand чудово підходить для створення логотипів, реклами, Web-графіки та анімації.

Виробники програми доклали чимало зусиль, щоб максимально полегшити життя користувачам: інтерфейс програми простий і наочний, є безліч "примочок", що дозволяють швидко і легко виконувати складні перетворення об'єктів або досягти різних художніх ефектів. FreeHand вміє експортувати та імпортувати файли практично у всіх поширених форматах. Більше того, до його складу входять налаштування "гарячих клавіш", які емулюють інші поширені програми (Adobe Illustrator, CorelDraw). Тож не треба переучуватися, переходячи на FreeHand.

Цікавою та важливою особливістю FreeHand при роботі над великими проектами є можливість глобальних змін документа як для тексту, так і для всіх графічних об'єктів. Механізм глобальної заміни дуже гнучкий. Крім заміни, він дозволяє виділити об'єкти із заданими властивостями для подальшого перетворення. Основними властивостями, якими ведеться пошук і заміна чи виділення об'єктів, є колір, товщина контуру, шрифт, кут повороту.

Документи FreeHand легко перетворюються на веб-сторінки. Звичайно, FreeHand – не HTML-редактор, але підтримує базові елементи HTML. За допомогою FreeHand WEB-сторінки легко забезпечити Flash-анімацією. В анімаційний кліп вставляються текстові блоки, групи об'єктів, а також об'єкти з контурами. Невеликий кліп із об'єктів FreeHand створюється буквально однією командою – залишається лише простежити за деякими налаштуваннями. Кожен кадр кліпу міститься на окремий шар; анімаційний ефект досягається послідовним відтворенням вмісту окремих шарів. Але кошти FreeHand не замінять редактор Macromedia Flash.

Створює привабливі інтерактивні мультимедійні презентації для WEB-сайтів. Для Flash характерна векторна графікаі анімація, хоча ця програма може бути використана для маніпулювання або відображення растрової графіки, монтажу відеоматеріалу і навіть для маніпулювання звуковими файлами.

Flаsh-вміст публікується в компактних файлах формату SWF для подальшого показу на різних платформах за допомогою Flаsh-програвача. Під час відтворення файлу формату SWF в оперативному режимі до нього можна динамічно завантажувати такий вміст, як звукові файли формату МР3, Flash-відео та зображення формату JPEG. Flash-програвач дозволяє підключатися до джерел даних, щоб об'єднати їх із базою даних, XML або web-службами. Завдяки всім цим можливостям привабливі фрагменти анімації та ефекти можуть бути введені до програм, керованих даними. Flash має підтримку антиалайсингу (згладжування контурів за допомогою змішування сусідніх кольорів). Так як цей формат файлу заснований на векторній графіці, об'єкт зберігає якість зображення за будь-якої роздільної здатності і ідеальний для створення кадрів анімації.

Потужна подієво-керована мова. Застосовувана мова ActionScript - це майже повноцінна мова програмування з підтримкою умов, циклів, масивів, функцій і класів, які можна успадковувати.

На користь Flash невеликий розмір файлів, що виходять, і використання векторного формату зображень, і стиснення растрових і звукових файлів, що дуже позитивно впливає на зменшення розміру сторінки і час її скачування.

Ця програма дуже дружньо ставиться до користувача. У ній багато готових тегів, шаблонів.

Гнучкість інтерфейсу - одна з найсильніших сторін продукту. Будь-який користувач з легкістю зможе налаштувати інтерфейс HomeSite відповідно до своїх уподобань та потреб.

У процесі роботи користувач може бачити робочу область із двома вкладками - Browse та Edit. Тобто програмування відбувається у вкладці Edit, результат можна побачити, якщо вибрати вкладку Browse. При створенні нової сторінкина полі редагування автоматично з'являються деякі теги типу HTML і BODY. Це шаблон, який завантажується під час створення нової сторінки. Його зміст можна міняти.

HomeSite дуже легко будувати архітектуру сайту. Цьому сприяє панель Quick Bar із системою вкладок із готовими тегами. Теги в цих вкладках різні - від простих на кшталт параграфа до java-скриптів. Можна взагалі залишити одну вкладку, додавши всі необхідні теги через меню Customize. Також можна самому створювати теги чи їх комбінації. При натисканні на кнопку з певним тегом з'являється вікно, де можна налаштувати опції тега та вказати атрибути. Підтримує режим WYSIWYG з усіма його плюсами та мінусами.

Для швидкості роботи є безліч засобів редагування тегів. Це, наприклад, такі функції, як Tag Completion, Tag Editors та Tag Insight. Вони значно полегшують редагування тегів та його атрибутів. Також є заготовки коду (Code Snippets).

HomeSite легко інтегрується із засобами управління вихідним кодомта системами управління проектами, а також пропонує широкі можливості роботи з протоколом FTP, завдяки чому ми зможемо швидко виконати розгортання сайту та організувати його ефективне обслуговування.

Є найпопулярнішим HTML-редактором на ринку, головним чином за рахунок популярності пакета Microsoft Office. У програмі пропонуються потужні функції та привабливий пакет програм, включаючи Image Composer, який призначений для створення зображень (Додаток В). FrontPage також містить WEB-компоненти, необхідні для додавання інтерактивних властивостей web-вузла. Microsoft FrontPage є класичним редактором WYSIWYG, в якому, однак, є можливість ручної правки коду .

У програмі є три режими роботи з документом: Normal, HTML та Preview.

У режимі Normal, web-сторінки є звичайним текстовим файлом з можливістю редагування всіх елементів - від тексту до картинок.

У режимі HTML здійснюється підсвічування синтаксису, проте досить посереднє - дескриптори виділені, синім кольором, решта - чорного кольору.

У режимі Preview можна побачити, як виглядатиме ваша сторінка у вікні браузера.

FrontPage має конструктор таблиць, що істотно полегшує їх створення. Однією з основних переваг програми є велика кількість наявних шаблонів, що дозволяють користувачеві не ламати голову над дизайном свого проекту. Вибравши необхідний шаблон, можемо приступати безпосередньо до заповнення сторінки контентом. Ось тут і відчувається вся принадність FrontPage: процес створення HTML-сторінки нічим не відрізняється від створення звичайного текстового документав Microsoft Word. Нам доступні самі засоби для редагування тексту, зміни його форматування, створення та редагування таблиць, вставки різних об'єктів і зображень і все це без знання HTML. FrontPage ділить робочу область на кілька блоків, що містять певні елементи сторінки - малюнки, текст, заголовки та ін. Для кожного блоку можна призначити свої параметри форматування та розташування його щодо сторінки.

Мінуси: невеликий набір інструментів розробки, неможливість окремого придбання програми. Microsoft FrontPage непогано підійде як HTML-редактор на перший час, проте зі зростанням потреб його можливостей може не вистачити. Є та Зворотній бікмедалі - складність та громіздкість отриманого коду, що природно, позначається на кінцевому розмірі документа. Також надалі буде дуже складно вносити зміни до такого документа. Але це скоріше недолік не конкретного продукту, а практично всіх редакторів WYSIWYG (What You See Is What You Get - "що бачите, те і отримаєте").

Web-компоненти працюють тільки в тому випадку, якщо на веб-сервері, який використовується, присутні відповідні програми.

Незважаючи на те, що Microsoft Word є текстовим редактором і, по суті, не вважається HTML-редактором. Він має можливість зберігати файли у форматі HTML. В результаті ми можемо зіткнутися зі сторінками, які тим чи іншим способом були створені в Microsoft Word. Проблеми в HTML-коді, отриманому з редактора, аналогічні проблемам FrontPage: обидві програми створюють надлишковий код, який не у всьому відповідає HTML-стандарту. Величезна кількість людей, які використовують Word у своїй повсякденній роботі, стають потенційними розробниками HTML-документів.

Створити web-сторінку в Word можна двома способами: за допомогою Майстра або перетворивши існуючий документ Wordу форматі HTML. При цьому Word сам генерує HTML теги, хоча і не оптимальним чином. Перетворення природно призводить до того, що елементи оформлення документа будуть втрачені чи змінені. При необхідності вставити на HTML-сторінку власні теги, Word передбачає безпосереднє редагування HTML-коду.

Призначена для створення та редагування ілюстрацій, тобто зображень, що містять елементи векторної графіки, наприклад, шрифти, геометричні фігури тощо.

Веб-сторінки можуть містити багато елементів – текст HTML, растрові зображення, векторну графіку. У Illustrator можна використовувати фрагменти для визначення меж різних веб-елементів в об'єкті. Web-сторінка ділиться на комірки, які представляються в трьох типах: зображення, без зображення, HTML-текст.

При цьому можна зберегти кожен фрагмент як незалежний файл зі своїм форматом, налаштуваннями та палітрою кольорів. Блокування фрагментів запобігає випадковим змінам позиції. Розмір фрагмента прив'язуються об'єкту, що міститься в ньому. Тому при переміщенні або зміні розміру об'єкта межі фрагмента коригуються автоматично, але за необхідності їх можна відкоригувати вручну.

Карти посилань дозволяють зв'язати одну або кілька областей зображення (так званих активних областей) з URL-адресою. Коли клацаємо по активній області, веб-браузер завантажує пов'язаний із нею файл.

Основна різниця між використанням карт посилань та фрагментів для створення зв'язків полягає у тому, як об'єкт експортується на веб-сторінку. Використання карт посилань зберігає об'єкт як єдиний файл зображення, а у разі використання фрагментів об'єкт ділиться на кілька окремих файлів. Ще одна різниця між картами посилань та фрагментами полягає в тому, що карти дозволяють пов'язувати багатокутні або прямокутні області в об'єкті, а фрагменти – лише прямокутні.

Найпопулярніша та найпоширеніша програма редагування зображень. З її допомогою можна створювати високохудожні зображення. Вона містить все необхідне для створення та редагування професійної графіки.

Photoshop - це не просто програма редагування зображень, це найпотужніша та найфункціональніша програма у своєму класі. Програма дозволяє ретушувати зображення і піддавати його спецефектам, переносити деталі одного знімка на інший, вносити текст, змінювати співвідношення кольорів і навіть додавати колір зображення, виконані у відтінках сірого. Засоби Photoshop сумісні з графічними планшетами, що дає можливість створювати художні зображення, не гірше виконаних аквареллю і маслом.

За всієї простоти основних інструментів PhotoshopКористувач може до того ж налаштовувати їх "під себе". А це рівносильно наявності нескінченної різноманітності крейди. Оскільки програми малювання покладаються при роботі на пікселі, вони ідеально підходять для роботи з електронними (цифровими) фотографіями кольорових олівців, пульверизаторів, акварельних і масляних фарб і багато іншого. Photoshop забезпечує повний контроль над кожним пікселем зображення. Нестача програм малювання в обмеженому дозволі. Оскільки бітовий малюнок складається з фіксованої кількості пікселів.

CorelDraw дозволяє обробляти найрізноманітнішу інформацію, що подається у документі у вигляді векторних та растрових об'єктів, блоків звичайного та художнього тексту, а також об'єктів Інтернету.

У програмі застосований сучасний інтерфейс плоского типу, який характеризується тим, що інструменти, що знаходяться на різних панелях, відображаються у вигляді звичайних плоских малюнків, а виділення одного з них відбувається лише при встановленні на ньому покажчика.

При побудові векторних зображень лінії та фігури накладаються, доки не вийде остаточне зображення. Кожен об'єкт можна редагувати незалежно від інших - одна з нечисленних переваг об'єктного підходу, проте, зображення все ж таки доводиться будувати поетапно. У програмі редагування векторних малюнків лінії, фігури та текст задаються математичними виразами, що дає можливість автоматично налаштовувати їх на максимальну роздільну здатність пристрою виведення. Ще одна перевага векторних малюнків полягає в тому, що їм не потрібно багато місця на диску. Обсяг файлу векторного малюнка залежить лише від кількості та складності об'єктів, що становлять цей малюнок, тому його розмір, на відміну від растрового малюнка, практично не впливає на цей обсяг.

CorelDraw демонструє якості потужного візуального редактора web-сторінок: користувач отримує можливість генерувати розвинені HTML-документи, які можуть містити сценарії JavaScript та таблиці стилів CSS.

Забезпечуючи потужні можливості для роботи з графікою, текстом та засобами компонування та експорту документів для публікації в Інтернеті, CorelDraw цілком може бути вихідним пунктом для генерування перших версій HTML-файлу.

При розміщенні зображень на сторінці одне з найважливіших завдань – оптимізація розміру файлів зображень. Рекомендована "стеля" загального розміру сторінки – від 100 до 150 кбайт. Зменшення розміру файлів зображень виконується стисканням файлів та зменшенням кількості кольорів. Ці завдання доступні для будь-якої з графічних програм, наведених вище .

Висновок

З появою web-технології комп'ютер починають використовувати нові верстви населення Землі. Можна виділити дві найбільш характерні групи, що знаходяться на різних соціальних полюсах, які були стрімко залучені до нової технології, можливо, навіть крім їхнього власного бажання. З одного боку, це були представники елітарних груп товариства – керівники великих організацій, президенти банків, топ – менеджери, впливові державні чиновники. З іншого боку, це були представники найширших верств населення – домогосподарки, пенсіонери, діти.

Спектр соціальних груп, що підключаються до мережі Інтернет та шукають інформацію у WWW, постійно розширюється за рахунок користувачів, які не належать до категорії фахівців в області інформаційних технологій. Це лікарі, будівельники, історики, юристи, фінансисти, спортсмени, мандрівники, священнослужителі, артисти, письменники, художники. Список можна продовжувати нескінченно. Будь-хто, хто відчув корисність та незамінність Мережі для своєї професійної діяльності чи захоплень, приєднується до величезної армії споживачів інформації у "Всесвітній Павутині".

З розвитком технологій гіпертекстової розмітки в Інтернеті почало з'являтися все більше сайтів, тематика яких була абсолютно різною – від сайтів великих компаній, що розповідають про успіхи компанії та її провали, до сайтів маленьких фірм, що пропонують відвідати їхні офіси в межах одного міста.

Розвиток Інтернет-технологій послужило поштовхом до появи нової гілки в Інтернеті - Інтернет-форумів. Стали з'являтися сайти, і навіть цілі портали, на яких люди з усіх куточків планети можуть спілкуватися, отримувати відповіді на будь-які питання і навіть укладати ділові угоди.

Створення сайту є маркетинговим кроком, спрямованим на створення інформаційного ресурсу, який надасть можливість компанії як утримати старих клієнтів, так і залучити нових.

Створення та розробка сайтів включає:

· Затвердження початкового технічного завданняна розробку сайту;

Список використаних джерел

1. Борисенко А.А. Web-дизайн. Просто як двічі по два. - М.: Ексмо, 2008. - 320 с.

2. Бурлаков М. В. CorelDRAW 12. - СПб.; БХВ-Петербург, 2004. - 688 с.

3. Джамса Кріс. Ефективний самовчитель з креативного веб-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графіка, звук та анімація. Пер з англ. / Кріс Джамса, Конрад Кінг, Енді Андерсон - М.: ТОВ "ДіаСофтЮП", 2005. - 672 с.

4. Дунаєв В. Самовчитель JavaScript, 2-ге вид. - СПб.: Пітер, 2005. - 395 с.

5. Зольніков Д.С. PHP5. Як самостійно створити сайт будь-якої складності. - 2-ге вид. стер. - М.: НТ Прес, 2007. - 272с.

6. Інькова Н. А., Зайцева Є. А., Кузьміна Н. В., Толстих С. ​​Г. Створення Web-сайтів: Навчально-методичний посібник. Ч. 5. Тамбов: Вид-во Тамб. держ. техн. ун-ту, 2005. - 56 с.

7. Мазуркевич А. РНР: настільна книга програміста / Олександр Мазуркевич, Дмитро Єловий. - Мн.: Нове знання, 2006. - 495 с.

8. Мак-Клеланд Дік. Photoshop 7. Біблія користувача. : Пров. з англ. - М.: Видавничий дім "Вільямс", 2006. - 928 с.

9. Орлов Л. В. Web-сайт без секретів. / Л. В. Орлов. - 2-ге вид. - М.: Бук-прес, 2006. - 512 с.

10. Полонська О.Л. Мова HTML. Самовчитель.: - М.: Видавничий дім "Вільямс", 2005. - 320 с.

11. Створення Web-сторінок та Web-сайтів. Самовчитель: [навч. посібник] / за ред. В. Н. Печнікова. - М.: Вид-во Тріумф, 2006. - 464 с.

12. Якушев, Л. В. Починаємо працювати в Інтернет. Короткий посібник. - М.: Видавничий дім "Вільямі", 2006. -128 с

Тенденції розвитку програмного забезпечення вимагають, щоб окремо комп'ютер, що стоїтьбув забезпечений мережевими програмними засобами (браузерами, програмними реалізаціями протоколів). Особливістю програмного забезпечення комп'ютерних мережна сучасному етапі розвитку є надзвичайно широкий спектр використовуваних програмних засобівта мов програмування. Це обумовлено динамічним розвитком та величезним розмаїттям комп'ютерних мереж та пов'язаних з ними технологій. У разі жодна технологія чи мову програмування що неспроможні мати вирішального переваги з інших. Ця ситуація змушує спеціаліста, зайнятого розробкою програмного забезпечення, одночасно освоювати та використовувати в практичної роботивелика кількість засобів розробки та мов програмування.

Наприклад, навіть для створення звичайної інтерактивної WEB-сторінки, що відповідає сучасним вимогам, необхідне знання мови гіпертекстової розмітки HTML, каскадних таблиць стилів (CSS) та складніші технології розробки додатків на стороні сервера як PHP. Крім того, для розробки серверної частини програмного забезпечення програміст повинен володіти засобами доступу до баз даних за допомогою мови запитів Mysql.

Денвер: автоматизація установки інструментарію.

Встановлення сервера Apache та супутніх програм вручну може виявитися досить стомлюючим заняттям. Справа в тому, що доведеться розбиратися з численними параметрами конфігурації Apache, PHP і MySQL, які ніколи більше вам не знадобляться.

Денвер - універсальний інсталятор, здатний спростити установку всіх програм, необхідних Web-програмісту, це ті ж самі дистрибутиви Apache, PHP, MySQL, Perl, об'єднані в єдиний архів, забезпечені зручним інсталятором і утилітами налаштування під конкретну машину (включаючи засоби автоматичного конфігурації). ).

Денвер є повністю автоматизований засіб.

Умови використання.

Денвер створювався для того, щоб спростити налаштування та встановлення вільно

розповсюджуваних програм (Apache, PHP, MySQL і т.д.). Звичайно, він може

безкоштовно використовуватися будь-якими Web-програмістами і дизайнерами, але тільки в некомерційних цілях.

Денвер має модульну структуру. Його ядро ​​- так званий базовий пакет. Всі інші компоненти поставляються у вигляді автономних пакетів розширень, для роботи яких потрібен базовий пакет.

склад базового пакета.

Базовий пакет містить більшість необхідних Web-програмістів програм і утиліт:

Apache за допомогою SSI, mod_rewrite, modphp;

PHP з підтримкою GD та MySQL;

MySQL з підтримкою транзакцій (nrysqld-max);

PhpMyAdmin – система управління MySQL через Web-інтерфейс; повністю

замінює командний рядок MySQL;

ядро Perl без стандартних бібліотек;

емулятор sendmail;

підтримується робота спільно з РНР та Perl;

дистрибутив, що містить усі перераховані вище компоненти, займає близько 2 Мбайт.

Додаткові пакети розширення

Також доступно безліч пакетів розширень для Денвера, що містять:

документацію до всіх програм, що входять до комплексу;

повну версію Perl із стандартними бібліотеками;

повну версію РНР 5;

Підтримка розробників.

За адресою http://forum.dklab.ru/denwer/ діє форум, де ви можете отримати консультацію у авторів книги з питань, що стосуються використання Денвера. Він також містить велику базу даних питань та відповідей, які задавали користувачі за останні два роки. На форумі діє гнучка система пошуку.

Встановлення дистрибутива.

Всі дистрибутиви є архівами у форматі 7-Zip (http:// 7-zip.org). Формат був обраний тому, що він дає найкращий ступінь стиснення.

Після придбання дистрибутива вам потрібно його запустити. Спочатку архів буде розпакований у тимчасовий каталог (потрібно трохи почекати), а потім автоматично запуститься інсталятор.

З'явиться запит, у який каталог ви хотіли б встановити комплекс (за замовчуванням використовується C:WebServers, вам потрібно лише натиснути клавішу , щоби погодитися з цим вибором). У зазначеному каталозі будуть розташовані абсолютно всі компоненти системи, і поза ним ніякі файли надалі не створюються (за винятком ярликів на робочому столі).

Конфігураційних файлів у Денвера кілька, і розташовані вони в місцях, де їх найпростіше знайти компонентам комплексу. Деякі файли за замовчуванням не існують – їх необхідно створити перед внесенням змін.

  • * Головний файл конфігурації: /etc/CONFIGURATION.txt.
  • * Конфігурація Apache httpd.conf: /usr/local/apache/conf/httpd.conf.
  • * Файли.htaccess з локальними налаштуваннями сайтів: у каталогах документів відповідних сайтів.
  • * Конфігурація PHP: php.ini: /usr/local/php/php.ini.
  • * Конфігурація РНР 3: /usr/local/php3/php3.ini.
  • * Конфігурація MySQL з транзакціями: /usr/local/mysql/my.cnf.
  • * Файл hosts - відповідність імен сайтів їх IP-адрес:

Windows 95/98/ME: C:Windowshosts;

для Windows NT/2000/XP: C:WinNTsystem32driversetchosts.

Розпочати роботу з Денвером.

Після завершення встановлення клацніть по ярлику Denwer на робочому столі.

Відкрийте сторінку http://localhost (зберігається в папці home/localhost/www).

HTML

Обмін інформацією Інтернет здійснюється за допомогою протоколів прикладного рівня, що реалізують той чи інший прикладний сервіс (пересилання файлів, гіпертекстової інформації, пошти і т.д.). Одним з наймолодших і найпопулярніших сервісів Інтернету, розвиток якого і призвело до сплеску популярності самої Інтернет, стала World Wide Web (WWW), заснована на протоколі HTTP (Hyper Text Transfer Protocol - протокол передачі гіпертекстової інформації). Гіпертекстові документи, представлені в WWW, мають одну важливу відмінність від традиційних гіпертекстових документів - зв'язки, в яких використовуються, не обмежені одним документом, і більше того, не обмежені одним комп'ютером. Для підготовки гіпертекстових документів використовується мова HTML (Hyper Text Markup Language - мова розмітки гіпертекстових документів), що надає широкі можливості форматування та структурної розмітки документів, організації зв'язків між різними документами, засоби включення графічної та мультимедійної інформації. HTML-документи проглядаються за допомогою спеціальної програми – браузера. Найбільшого поширення нині отримали браузери Navigator компанії Netscape (NN) і Internet Explorer компанії Microsoft (MSIE). Реалізації NN доступні практично всім сучасних програмних і апаратних платформ, реалізації MSIE доступні всім Windows платформ, Macintosh і деяких комерційних Unix-систем.

HTML-документ складається з тексту, що є змістом документа, і тегів, Що визначають його структуру та зовнішній вигляд при відображенні браузером Найпростіший html-документ виглядає так:

Назва

Тіло документа



Як видно з прикладу, тег є ключовим словом, укладеним у кутові дужки. Розрізняють одинарні теги, як, наприклад,

, і парні, як

, в останньому випадку дія тега поширюється тільки на текст між його дужкою, що відкриває і закриває. Теги також можуть мати параметри - наприклад, при описі сторінки можна встановити колір тла, колір шрифту і т.д.: text=«black»>.

Текст всього документа полягає у теги , сам документ розбивається на дві частини - заголовок та тіло. Заголовок описується тегами , в які можуть бути включені назва документа (за допомогою тегів </i>) та інші параметри, що використовуються браузером під час відображення документа. Тіло документа укладено у теги <i><body> </i>і містить інформацію, яку бачить користувач. За відсутності тегів форматування весь текст виводиться у вікно браузера суцільним потоком, переклади рядків, пробіли та табуляції розглядаються як символи пробілів, кілька пробілових символів, що йдуть поспіль, замінюються на один. Для форматування використовуються такі основні теги:</p> <p><p>Початок нового абзацу може мати параметр, що визначає вирівнювання:</p> <p> <p>Переведення рядка у межах поточного абзацу;</p> <p><u></u>- виділення тексту підкресленням</p> <p>Посилання на інший документ встановлюється за допомогою тега <i><a href= «URL»>…</a> </i>, де URL - повна або відносна адреса документа. При цьому текст, укладений у тег <a>зазвичай виділяється підкресленням і кольором, і після клацання мишею за цим посиланням браузер відкриває документ, адреса якого вказана у параметрі href. Графічні зображення вставляються в документ за допомогою тега <i><img src='/at/sredstva-razrabotki-web-prilozhenii-oblasti-primeneniya-yazykov-programmirovaniya.html' loading=lazy loading=lazy> </i>.</p> <p><u><b>PHP</b> </u></p> <p>PHP (англ. PHP: HyperText Preprocessor - "PHP: препроцесор гіпертексту", англ. Personal Home Page Tools (устар.) - "Інструменти для створення персональних веб-сторінок") - скриптова мова програмування загального призначення, що інтенсивно застосовується для розробки веб- додатків. В даний час підтримується переважна більшість хостинг-провайдерів і є одним з лідерів серед мов програмування.</p> <p>РНР - мова, спеціально націлена на роботу в Інтернеті, з універсальним і ясним синтаксисом, сильно схожим на С, що поєднує переваги Perl і С. Дозволяє вбудовувати програмний код у HTML-документи. Ми можемо залучати його для формування HTML-документів і позбавитися безлічі викликів зовнішніх сценаріїв. Ця мова використовується близько мільйона серверів по всьому світу, і їх кількість продовжує зростати. Нове покоління РНР5 - повинно стерти всі переваги Perl перед РНР, як з погляду швидкодії обробки програм (а третя і четверта версії РНР сильно відставали від Perl під час обробки великих циклів), і з погляду синтаксису. Нарешті, більшість PHP-сценаріїв (особливо невеликих розмірів) працюють швидше за аналогічні їм програми, написані на Perl.</p> <p><u><b>РНР версії 5</b> </u></p> <p>Звичайно, перш за все ще трохи зросла швидкість роботи. Цим ми зобов'язані переходу на нове ядро ​​системи – Zend Engine 2. Але головна причина зміни номера версії з 4 на 5 – це суттєве покращення об'єктно-орієнтованих можливостей РНР та вбудовування у ядро ​​інтерпретатора двох потужних бібліотек: СУБД SQLite та модуля для роботи з XML.</p> <p>РНР версії 5 сумісний з РНР 4 значно краще, ніж РНР 4 з РНР 3. Це означає, що програми, що розробляються з розрахунку на РНР версії 4, з високою ймовірністю запрацюють на РНР 5 без будь-яких змін.</p> <p>Популярність у сфері побудови веб-сайтів визначається наявністю великого набору вбудованих засобів для розробки веб-додатків. Основні з них:</p> <ul><li>· Автоматичне вилучення POST і GET-параметрів, а також <a href="https://5visa.ru/uk/education/u-prav-na-zapusk-igry-zapusk-programmy-bez-prav-administratora-i.html">змінних оточення</a>веб-сервера у визначені масиви;</li> <li>· Взаємодія з великою кількістю різних систем управління базами даних (MySQL, Oracle, Microsoft <a href="https://5visa.ru/uk/multimedia/popytka-vstavki-neunikalnogo-znacheniya-v-unikalnyi-indeks-oshibka.html">SQL Server</a>, InterBase, Paradox та ін);</li> <li>· Автоматизована відправка HTTP-заголовків;</li> <li>· Робота з HTTP-авторизацією;</li> <li>· Робота з cookies та сесіями;</li> <li>· Робота з локальними та <a href="https://5visa.ru/uk/problems/udalyayutsya-faily-s-sd-kak-vosstanovit-udalennye-faily-s-fleshki-ili-karty-pamyati.html">віддаленими файлами</a>, сокетами;</li> <li>· Обробка файлів, що завантажуються на сервер;</li> <li>· Робота з XForms;</li> </ul><p>В даний час PHP використовується сотнями тисяч розробників. Згідно з рейтингом корпорації TIOBE, що базується на даних пошукових систем, у квітні 2011 року PHP знаходився на 5 місці серед мов програмування.</p> <p><u><b>CSS</b> </u></p> <p>CSS (англ. Cascading Style Sheets – каскадні таблиці стилів) – мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки, потужний механізм управління поданням окремих документів або їх наборів.</p> <p>CSS використовується творцями веб-сторінок для завдання кольорів, шрифтів, розташування та інших аспектів представлення документа. Основною метою розробки CSS було поділ вмісту (написаного на HTML або іншій мові розмітки) та подання документа (написаного на CSS). Цей поділ може збільшити доступність документа, надати більшу гнучкість та можливість управління його поданням, а також зменшити складність та повторюваність у структурному вмісті. Крім того, CSS дозволяє представляти той самий документ у різних стилях або методах виведення.</p> <p>До появи CSS оформлення веб-сторінок здійснювалося виключно засобами HTML, безпосередньо всередині документа. Однак з появою CSS став можливим принциповий поділ змісту та подання документа. За рахунок цього нововведення стало можливим легке застосування єдиного стилю оформлення для подібних документів, а також швидка зміна цього оформлення.</p> <p><b>Переваги:</b></p> <p>Декілька дизайнів сторінки для <a href="https://5visa.ru/uk/navigation/vyvod-zvuka-na-raznye-ustroistva-windows-7-vyvod-zvuka-na-raznye.html">різних пристроїв</a>перегляду. Наприклад, на екрані дизайн буде розрахований на велику ширину, під час друку меню не виводитиметься, а на КПК і <a href="https://5visa.ru/uk/program/sotovyi-telefon-fly-ezzy-trendy-3-harakteristiki.html">стільниковий телефон</a>меню слідуватиме за вмістом.</p> <p>Зменшення часу завантаження сторінок сайту за рахунок перенесення правил подання даних в окремий файл CSS. У цьому випадку браузер завантажує лише структуру документа та дані, які зберігаються на сторінці, а представлення цих даних завантажується браузером лише один раз і можуть бути закешовані.</p> <p>Простота подальшої зміни дизайну. Не потрібно редагувати кожну сторінку, а лише змінити CSS-файл.</p> <p>Додаткові можливості для оформлення. Наприклад, за допомогою CSS-верстки можна зробити блок тексту, який решта тексту буде обтікати (наприклад для меню) або зробити так, щоб меню було завжди видно при прокручуванні сторінки.</p> <p><b>Недоліки:</b></p> <p>Різне відображення верстки в різних браузерах (особливо застарілих), які по-різному інтерпретують ті самі дані CSS.</p> <p>Часто зустрічається необхідність практично виправляти як один CSS-файл, а й теги HTML, які складним і ненаглядним способом пов'язані з селекторами CSS, що іноді зводить нанівець простоту застосування єдиних файлів стилів і значно подовжує час редагування і тестування.</p> <p><u><b>MySQL</b> </u></p> <p>Сьогодні важко собі уявити скільки-небудь значиму <a href="https://5visa.ru/uk/firmware/obespechenie-informacionnoi-bezopasnosti-avtomatizirovannyh-sistem.html">інформаційну систему</a>, яка не мала б як важливу складову базу даних. Концепції та технології баз даних складалися поступово і завжди були тісно пов'язані з розвитком систем автоматизованої обробки інформації.</p> <p>Бази даних створюються для зберігання та доступу до даних, що містять відомості про деяку предметну область, або як у нашому випадку прайс-лист, тобто в галузі людської діяльності, що у свою чергу спрощує роботу і підвищує ефективність праці. Це зумовлено динамічним розвитком та різноманітністю систем управління базами даних.</p> <p><u>MySQL</u>- вільна система управління базами даних (СУБД). MySQL є власністю компанії Oracle Corporation, що отримала її разом із поглиненою Sun Microsystems, що здійснює розробку та підтримку програми.</p> <p>MySQL є рішенням для малих та середніх додатків. Входить до складу серверів WAMP, LAMP та в портативні зборки серверів Денвер, XAMPP. Зазвичай MySQL використовується як сервер, до якого звертаються локальні або віддалені клієнти, проте дистрибутив входить бібліотека внутрішнього сервера, що дозволяє включати MySQL в автономні програми.</p> <p>Гнучкість СУБД MySQL забезпечується підтримкою великої кількості типів таблиць: користувачі можуть вибрати як таблиці типу MyISAM, які підтримують повнотекстовий пошук, і таблиці InnoDB, підтримують транзакції лише на рівні окремих записів. Більше того, СУБД MySQL поставляється зі спеціальним типом таблиць EXAMPLE, що демонструє принципи створення нових типів таблиць. Завдяки відкритій архітектурі та GPL-ліцензування, в СУБД MySQL постійно з'являються нові типи таблиць.</p> <p>Версія MySQL 5.1 продовжує шлях до стандарту SQL:2003. MySQL 5.1 містить такі нововведення.</p> <p>Сегментування - можливість розбити одну велику таблицю на кілька частин, розміщених у різних <a href="https://5visa.ru/uk/at/failovaya-sistema-v-vide-spiska-na-vb6-dobavlenie-dannyh-k-failu.html">файлових системах</a>, ґрунтуючись на певній користувачем функції. За певних умов це може дати серйозне збільшення продуктивності та, крім того, полегшує масштабування таблиць.</p> <p>Змінено поведінку ряду операторів для забезпечення більшої сумісності зі стандартом SQL2003.</p> <p>Порядкова реплікація (англ. row-based replication), коли у бінарний лог записуватиметься лише інформацію про реально змінених рядках таблиці замість оригінального (і, можливо, повільного) тексту запиту. Построчную реплікацію можна використовувати лише певних типів sql-запросов, в термінах MySQL - змішана реплікація (англ. mixed replication).</p> <p>Вбудований планувальник робіт, що періодично запускаються. За синтаксисом додавання завдання схоже додавання тригера до таблиці, за ідеологією - на crontab.</p> <p>Додатковий набір функцій обробки XML, реалізація підтримки XPath.</p> <p>Нові засоби діагностики проблем та утиліти для аналізу продуктивності. Розширені можливості управління вмістом лог-файлів, логи тепер можуть бути збережені і в таблицях general_log і slow_log. Утиліта mysqlslap дозволяє провести тестування навантаження БД із записом часу реакції на кожен запит.</p> <p>Для спрощення операції поновлення підготовлено утиліту mysql_upgrade, яка виконає перевірку всіх існуючих таблиць на предмет сумісності з <a href="https://5visa.ru/uk/navigation/bitriks-17-versiya-chto-novogo-istoriya-versii-adres-formy.html">новою версією</a>, та при необхідності виконає належні коригування.</p> <p>MySQL Cluster відтепер випущений як окремий продукт, що базується на MySQL 5.1 та сховищі NDBCLUSTER.</p> <p>Значні зміни в <a href="https://5visa.ru/uk/installation-and-configuration/mysql-workbench-opisanie-rabota-s-subd-mysql-ispolzovanie-instrumenta-mysql-workbench-workbench.html">роботі MySQL</a> Cluster, такі як, наприклад, можливість зберігання табличних даних на диску.</p> <p>Повернення до використання вбудованої бібліотеки libmysqld, яка була відсутній у MySQL 5.0.</p> <p>API для плагінів, що дозволяє завантажувати сторонні модулі, що розширюють функціональність (наприклад, повнотекстовий пошук) без перезапуску сервера.</p> <p>Реалізація парсера повнотекстового пошуку як plug-in.</p> <p>Новий тип таблиць Maria (стійкий до збоїв MyISAM клон).</p> <p><u><b>Web</b>-<b>сервер Apache</b> </u></p> <p>Під час виконання проекту було обрано Web-сервер Apache. Чому саме Apache? Справа в тому, що це найпоширеніший на даний момент сервер і навряд чи в найближчі кілька років він втратить свою популярність. Він встановлений у більшості хостинг-провайдерів. Крім того, що важливо, існує його Windows-версія, практично ідентична за функціональністю своєму Unix-собратові.</p> <p>За даними компанії Netcraft, загальна кількість Web-вузлів, що працюють під його управлінням, до кінця 1998 досягло 2 млн. (55% загальної кількості вузлів) і постійно зростає. Для порівняння: частку серверів Microsoft припадає 25%, Netscape - 7%. Будучи безкоштовною <a href="https://5visa.ru/uk/at/chem-otkryt-vcf-na-windows-10-chem-otkryt-vcf-na-kompyutere-windows-programmy.html">відкритою програмою</a>, призначеної для безкоштовних Unix-систем (FreeBSD, Linux та інших.), Apache по функціональним можливостям і надійності не поступається комерційним серверам, а широкі можливості конфігурування дозволяють налаштувати його до роботи з будь-якою конкретної системою. Існують локалізації сервера для різних мов, у тому числі й для російської.</p> <p>Історично склалося так, що російські тексти в Internet можуть бути представлені в різних кодуваннях, з яких найбільш поширені koi8-r (або просто koi8) та Windows-1251: з першої працює більшість серверів та робочих станцій під керуванням Unix, друга є стандартною для всіх <a href="https://5visa.ru/uk/problems/gde-nahoditsya-kesh-microsoft-edge-problemy-ochistki-kesha-v-mobilnyh-versiyah.html">версій Windows</a>. Оскільки кодування Windows-1251, звичайно, застосовується на переважній більшості клієнтських машин, частка тих, хто подорожує російською частиною WWW, використовуючи koi8, не перевищує зараз 5%. Однак у цьому кодуванні зберігаються документи на багатьох Unix-серверах, в ньому найчастіше передаються поштові повідомлення і практично завжди - листи в телеконференції, з ним працюють багато російськомовних каналів IRC (до речі, абревіатура КОІ розшифровується як «код обміну інформацією»). Щоб вирішити проблеми, що виникають при розбіжності кодувань тексту на сервері та клієнтській машині, було створено російський модуль Apache-RUS для Web-сервера Apache.</p> <p>НЕДОЛІКИ САЙТІВ Невідповідність сайту психофізіологічним вимогам, що призводить до підвищеної втомлюваності або відволікання уваги q захоплення анімацією, графічними зображеннями та відео фрагментами, які не несуть смислового навантаження q надмірність або недолік представленої інформації q некоректний вибір засобів розробки, який тягне за собою продукту. q 3</p> <p>ВИМОГИ ДО САЙТУ Сайт повинен бути зручний у використанні – сторінки повинні завантажуватися якнайшвидше, а сам ресурс повинен мати логічну та зрозумілу структуру. Тільки в такому випадку можна розраховувати на те, що відвідувач зацікавиться наданою інформацією та затримається на сайті. 4</p> <p>WEB-ДОДАТОК Web-додаток це програма, яка працює за допомогою web-браузера по мережі Internet або Intranet. Це також комп'ютерна прикладна програма, <a href="https://5visa.ru/uk/education/skachat-launcher-iksperiya-smart-launcher-neobychnyi-launcher-dlya-soni-iksperiya.html">користувальницький інтерфейс</a>(UI), який кодується мовами зрозумілих браузерам (HTML, CSS, Java. Script та ін.). 5</p> <p>WEB-КЛІЄНТ (БРАУЗЕР) Web оглядач або браузер (browser) – це програмне забезпечення для запиту web-сторінок, їх обробки, виведення та переходу від однієї сторінки до іншої. 6</p> <p>WEB-СЕРВЕР (HTTP СЕРВЕР) <a href="https://5visa.ru/uk/internet/ocenka-antivirusnyh-programm-sravnenie-antivirusov-po.html">Комп'ютерна програма</a>, що відповідає за прийняття HTTP запитів від клієнта і відправляє ним HTTP відповідь деяким набором даних, які зазвичай є HTML документами або пов'язаними з ними об'єктами. 7</p> <p>HTTP ЗАПИТ У HTTP запиті міститься вказівка ​​на ресурс: <a href="https://5visa.ru/uk/education/veb-stranica-html-predstavlyaet-soboi-sozdanie-web-stranic-izuchenie-yazyka-html.html">HTML сторінка</a>текстовий файл (txt, doc, pdf) графічний файл мультимедіа файл (звук, відео) виконуваний файл (exe або dll) файл зі скриптами (asp, aspx, php, jsp тощо) 8</p> <p>ДІЇ СЕРВЕРА НА ЗАПИТ Відправлення файлу запуск на виконання exe-програми або dllмодуля та відправлення отриманого результату клієнту передача на обробку файлу зі скриптами програм обробки скриптів на сервері і відправка клієнту отриманого результату. 9</p> <p>КАСКАДНІ ТАБЛИЦІ СТИЛІВ (CASCADING STYLE SHEETS) Таблиця стилів – це набір правил, які повідомляють браузеру, як виконувати відображення документа. Кожне таке правило складається з двох частин: селектора (selector), який вказує HTML тег, до якого це правило має застосовуватися описувача стилю (style declaration), що описує властивості стилю, який повинен приєднуватися до вказаного в селекторі <a href="https://5visa.ru/uk/education/kakie-osnovnye-elementy-web-stranicy-osnovnye-elementy.html">HTML тегу</a>. 12</p> <p>КАСКАДНІ ТАБЛИЦІ СТИЛІВ Селектори – спеціальні покажчики на теги, до яких потрібно застосувати css-правило. Як селектор можна використовувати ім'я класу. Зручність таких селекторів у тому, що можна привласнити одне ім'я класу безлічі html-тегів у документі, а потім керувати їх <a href="https://5visa.ru/uk/internet/samsung-1520-draiver-vindovs-7-64-bit-vneshnii-vid-i-konstruktivnye.html">зовнішнім виглядом</a>звертаючись до них на ім'я класу. До будь-якого HTML-тегу можна застосувати ідентифікатор (ID). ID має бути унікальним у рамках html-документа. 14</p> <p>КАСКАДНІ ТАБЛИЦІ СТИЛІВ strong (font-weight: normal; color: red; ) h 1 ( font: bold 10 pt verdana; ) . my. Class ( font: bold 10 pt verdana; ) # my. Object ( margin: left; ) /* змінюємо поля для тега, у якого id=”my. Object” */ span#today ( margin: left; ) /* змінюємо поля для тега span, у якого id=”today” */ 15</p> <p>Поняття та класифікація web технологій. Вимоги до web-додатків. Проведення оціночних робіт. ТЕОРЕТИЧНІ ОСНОВИ РОЗРОБКИ WEBДОДАТКІВ 16</p> <p>ОСНОВНІ ПОНЯТТЯ Інформація, доступна користувачам Internet, розміщується на Web-серверах. Значна частина цієї інформації організована як Web-сайтов. Кожен їх має своє ім'я (адреса) в Internet. Web-сайт – це інформація, представлена ​​у певному вигляді, яка розміщується на Web-сервері та має своє ім'я. Для перегляду веб-сайтів на комп'ютері користувача використовуються спеціальні програми, які називаються браузерами. 17</p> <p>ОСНОВНІ ПОНЯТТЯ Сучасні web-додатки - це переважно портали, що надають послуги. Одна з незручностей подібних сервісів – складність обміну інформацією між компаніями. 18</p> <p>КЛАСИФІКАЦІЯ – ПУБЛІЧНІ ПОРТАЛИ Yahoo, Lycos, Excite, Rambler. Такі портали часто є результатом розвитку пошукових систем. Призначені для широкої аудиторії. Інформація, що надається ними носить загальний характер, так само як і послуги, що надаються (електронна пошта, новинні розсилки і так далі). 20</p> <p>КЛАСИФІКАЦІЯ - ВЕРТИКАЛЬНІ ПОРТАЛИ Призначені для специфічних видів ринку та обслуговує аудиторію, яка користується послугами цього ринку або працює на ньому. Приклади таких порталів: туристичні агенції, що надають послуги з бронювання місць у готелях, замовлення та доставки квитків, доступу до карток та відомостей про автомобільні маршрути; товарів, проведення аукціонів. 21</p> <p>КЛАСИФІКАЦІЯ - КОРПОРАТИВНІ ПОРТАЛИ Призначені для співробітників, клієнтів та партнерів одного підприємства. Користувачі такого порталу отримують доступ до призначених їм сервісів та програм залежно від їхньої ролі та персонального профілю. 22</p> <p>КЛАСИФІКАЦІЯ - ІНШІ WEBДОДАТКИ Регіональні Інтернет-портали. Пошукові системи. Каталог – це колекція посилань на сайти. Електронні дошки оголошень. Форуми. Чати. Сервери поштових розсилок. Інтернет-магазини та аукціони. 23</p> <p>ЕТАПИ ПРОЕКТУ Аналіз цілей сайту та функцій, які будуть запропоновані користувачеві. Побудова інформаційної архітектури сайту. Дизайн навігації та сторінок. 25</p> <p>КАРТА САЙТУ Сторінка з відображенням картки за розміром не повинна перевищувати дві сторінки на екрані користувача. Найефективніше використання карти зі статичним відображенням інформаційної архітектури. На карті необхідно відображати не тільки поточне положення користувача на сайті, але й розділи, які він вже відвідував. 26</p> <p>ГОЛОВНА СТОРІНКА На головній сторінці чітко прописуються цілі компанії. Кожен елемент дизайну повинен дозволяти користувачеві розібратися із послідовністю дій для вирішення своїх завдань. 27</p> <p>КОНТЕНТ Виділення ключових слів грамотно складені заголовки списки з маркерами один абзац на одну ідею стиль перегорнутої піраміди (стаття починається з висновку) менша кількість слів, ніж у звичайній статті мінімум зрозумілих термінів вказівка ​​дати створення повідомлення контекстна інформація атрибута</p> <p>ПОСИЛАННЯ Користувач повинен знати, що станеться, якщо він натисне на посилання посилання в тексті повинні бути кольоровими або підкресленими. 30</p> <p>ПРОВЕДЕННЯ ОЦІНОЧНИХ РОБОТ Для проведення оціночної роботи необхідно залучити від трьох до п'яти учасників. Кожен із них виконує роботу індивідуально. Після цього їх результати порівнюються. Тест проводиться у два етапи: розуміння роботи інтерфейсу, концентрація уваги на певних елементах. 33</p> <p>HTML (HYPERTEXT MARKUP LANGUAGE) Мова гіпертекстової розмітки (Hyper. Text Markup Language) використовується для опису змісту веб-сторінки та її форматування. HTML сторінка складається з тексту та зображень, а також спеціальних елементів, які називаються тегами (tags). Браузер відображає частини сторінки відповідно до <a href="https://5visa.ru/uk/navigation/1s-v-parametrah-vybora-zadat-imya-gruppy-ustanovka-parametrov.html">заданими параметрами</a>або визначає зв'язок елементів змісту з іншими сторінками. 35</p> <p>PHP (PERSONAL HYPERTEXT PROCESSOR) Це вбудована мова сценаріїв, що працює на стороні сервера, що дозволяє розробникам швидко і ефективно будувати динамічні web-додатки. Можливості РНР - підтримка <a href="https://5visa.ru/uk/navigation/chto-oznachaet-ne-menee-8-kak-napisat-parol-latinskimi-bukvami-i.html">регулярних виразів</a>, засоби роботи з масивами, об'єктно-орієнтована методологія та підтримка роботи з базами даних Однією з головних переваг РНР є той факт, що він інтегрується в HTML, Java. Script, WML, XML та інші мови. 36</p> <p>JAVASCRIPT Це об'єктно-орієнтована мова розробки клієнтських та серверних програм. Основні сфери застосування Java. Script: динамічне створення документа за допомогою сценарію оперативна перевірка достовірності заповнюваних користувачем полів форм HTML до передачі їх на сервер створення динамічних HTML-сторінок спільно з каскадними таблицями стилів та об'єктною моделлю документа взаємодія з користувачем при виконанні локальних завдань, що вирішуються програмою Java. Script, вбудований у HTML-сторінку. 37</p> <p>VBSCRIPT Функціональні можливості сценаріїв, написаних на VBScript, нічим не відрізняються від можливостей сценаріїв Java. Script: динамічне створення документа або його частин, перехоплення та обробка подій тощо. VBScript використовується для написання сценаріїв клієнта (у разі браузер повинен мати вбудований інтерпретатор цієї мови), а також для написання сценаріїв на сервері (у цьому випадку сервер повинен підтримувати мову VBScript). 38</p> <p>DREAMWEAVER Підтримує чистий HTML код, а також останні розширення DHTML і CSS містить засоби автоматичного керування зв'язками, динамічна перевірка для різних браузерів має бібліотеку елементів, наприклад панель навігації, дескриптор авторського права та ін.</p> <p>DREAMWEAVER (2) Використовується для додавання на сторінки різних мультимедійних файлів та інтерактивних елементів. Програма Dreamweaver не має власних засобів створення зображень. У ній представлені лише найпростіші інструменти для їх редагування. 40</p> <p><a href="https://5visa.ru/uk/installation-and-configuration/skachat-novogodnie-oboi-dlya-smartfona-skachat-novogodnie-zhivye-oboi-na-android.html">FIREWORKS Fireworks</a>це редактор графіки з можливістю її подальшої оптимізації та розміщення у мережі. Можна створювати та редагувати як векторну, так і растрову графіку в межах файлу. Fireworks генерує HTML - код та Java. Script і може створювати динамічні меню та навігаційні панелі. Є можливість редагувати макети сторінок, створювати активну графіку, що реагує курсор, не знаючи мови програмування. 41</p> <p>FLASH Для Flash характерна векторна графіка та анімація, хоча можна маніпулювати або відображати растрову графіку, монтувати відеоматеріал та маніпулювати звуковими файлами. На користь Flash невеликий розмір файлів, використання векторного формату зображень, стиснення растрових і звукових файлів. Потужна подієво-керована мова Action. Script це мова програмування з підтримкою умов, циклів, масивів, функцій та класів, які можна наслідувати. 43</p> <p>PHOTOSHOP Найпопулярніша програма редагування зображень. З її допомогою можна створювати високохудожні зображення. Вона містить все необхідне для створення та редагування професійної графіки. 44</p> <p>CORELDRAW При побудові векторних зображень лінії та фігури накладаються, доки не вийде остаточне зображення. Кожен об'єкт можна редагувати незалежно від інших – одна з нечисленних переваг об'єктного підходу. У програмі векторні малюнки ліній, фігур та тексту задаються математичними виразами, що дає можливість автоматично налаштовувати їх на максимальну роздільну здатність пристрою виведення. Ще одна перевага векторних малюнків полягає в тому, що їм не потрібно багато місця на диску. 45</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="single-popular"> <div class="single-popular-tit col-lg-12">Популярне в рубриці:</div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/8e694afe297762af56fa10dc9d64eb9d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Як створити караоке кліп на комп'ютері?"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Як створити караоке кліп на комп'ютері?</div> <a href="https://5visa.ru/uk/at/sozdanie-karaoke-svoimi-rukami-kak-sozdat-karaoke-klip-na-kompyutere-eto.html" rel="bookmark" title="Як створити караоке кліп на комп'ютері?">читати</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/d610310bd3744add66d0b4be4dfee6a5.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Додаток Origin необхідний для гри, але він не встановлений Фіфа 16 вимагає оріджин"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Програма Origin необхідна для гри, але вона не встановлена ​​Фіфа...</div> <a href="https://5visa.ru/uk/multimedia/prilozhenie-origin-neobhodimo-dlya-igry-no-ono-ne-ustanovleno-prilozhenie-origin.html" rel="bookmark" title="Додаток Origin необхідний для гри, але він не встановлений Фіфа 16 вимагає оріджин">читати</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/30ee436baf8151ff5b776ef4575c45ea.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Реєстрація особистої сторінки у соціальній мережі Facebook"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Реєстрація особистої сторінки у соціальній мережі Facebook</div> <a href="https://5visa.ru/uk/multimedia/zaregistrirovat-dve-stranicy-facebook-na-odin-nomer-registraciya-lichnoi.html" rel="bookmark" title="Реєстрація особистої сторінки у соціальній мережі Facebook">читати</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/f19ca0b3b94ccf60b634700168b060f2.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Як запустити просте сканування Nmap Nmap"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Як запустити просте сканування Nmap Nmap</div> <a href="https://5visa.ru/uk/installation-and-configuration/setevoi-skaner-nmap-i-ego-vozmozhnosti-kak-zapustit-prostoe-skanirovanie.html" rel="bookmark" title="Як запустити просте сканування Nmap Nmap">читати</a> <div class="clr"> </div> </div> </div> <div class="clr"></div> </div> </div>  <div class="sidebar col-lg-3 col-md-4 col-sm-12"> <div class="sidebar-wrp"> <div class="sidebar-wrp-title">Останні статті</div> <div class="sidebar-wrp-des"> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/934317c9dc463eca8a068c72103a9d1c.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Як повернути картинку на кілька градусів...</div> <div class="clr"></div> <a href="https://5visa.ru/uk/internet/kak-povernut-izobrazhenie-v-vorde-i-eshche-neskolko-priemov.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/22b772bd41ea5a26bd659632075d8633.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Відключення реклами в яндекс-браузері Де...</div> <div class="clr"></div> <a href="https://5visa.ru/uk/tips/kak-otklyuchit-blokirovku-reklamy-v-brauzere-yandeks-otklyuchenie-reklamy-v-yandeks.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/fb321d5756cb0506f3cba53b24342950.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Усунення проблем з Wi-FI підключенням на...</div> <div class="clr"></div> <a href="https://5visa.ru/uk/problems/shlyuz-ustanovlennyi-po-umolchaniyu-ne-dostupen-ustranenie-problem-s-wi-fi.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/adf1bbe784035fed9b433ebb2510db2f.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Змінити пароль на профілі віндовс 10</div> <div class="clr"></div> <a href="https://5visa.ru/uk/education/pomenyat-parol-na-profile-vindovs-10.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/a1f00d0e4dfd0c63b7073715f264f36a.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Інструкція з налаштування бездротових роутерів.</div> <div class="clr"></div> <a href="https://5visa.ru/uk/at/pravilnaya-nastroika-wi-fi-routera-asus-rt-g32-instrukciya-po-nastroike.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/da305b0b628cd68b021f50a2fe2a3a89.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Як вибрати жорсткий диск і який краще купити?</div> <div class="clr"></div> <a href="https://5visa.ru/uk/multimedia/kakaya-skorost-zhestkogo-diska-horoshaya-kak-vybrat-zhestkii-disk-i.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/470eb147f848e5af1fb8b95300372a3e.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Meizu для чайників. Дзвінки та адресна книга.</div> <div class="clr"></div> <a href="https://5visa.ru/uk/internet/meizu-dlya-chainikov-zvonki-i-adresnaya-kniga-storonnie-prilozheniya-dlya.html">читати</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/7a081806d1b8bf3a3ff61c21be94541f.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Завантажити програму PDFMaster</div> <div class="clr"></div> <a href="https://5visa.ru/uk/program/smotret-pdf-faily-skachat-programmu-pdfmaster.html">читати</a> </div> <div class="clr"></div> </div> </div> <div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget"> </div> </div> <div class="clr"></div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img src="/public/logo.png" loading=lazy loading=lazy> <div class="footer-contacts-tit">5visa.ru <br>Інтернет. Мультимедіа. Навігатор. Освіта. ПЗ. Прошивка. програми. Поради. Встановлення</div> <div class="footer-soc"> <div class="footer-soc-wrp"> <div class="soc_w"> <a href="https://vk.com/share.php?url=https://5visa.ru/at/sredstva-razrabotki-web-prilozhenii-oblasti-primeneniya-yazykov-programmirovaniya.html" class="soc-link vk" target="_blank"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://5visa.ru/at/sredstva-razrabotki-web-prilozhenii-oblasti-primeneniya-yazykov-programmirovaniya.html" class="soc-link fb" target="_blank"></a> </div> </div> </div> </div> <div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div> <div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;"> <ul> <li><a href="">Редакція проекту</a></li> <li><a href="">Реклама на сайті</a></li> </ul> <ul> <li><a href="https://5visa.ru/uk/feedback.html">Контакти</a></li> <li><a href="https://5visa.ru/uk/sitemap.xml">Карта сайту</a></li> </ul> </div> </div> </div> <div class="copyright">© 2024 Інтернет. Мультимедіа. Навігатор. Освіта. ПЗ. Прошивка. програми. Поради. Встановлення</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="https://5visa.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://5visa.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script> <a id="scroll-to-top" href="#" title="Scroll to Top">Top</a> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/5visa.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/5visa.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} }; /* ]]> */ </script> <script type='text/javascript' src='https://5visa.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>