подібні документи
Вплив глобальної комп'ютерної мережі Internet на сучасний світ. Створення та розробка сайтів. Класифікація web-технологій. Засоби розробки Web-додатків. Мова програмування JavaScript. Порівняльний аналіз середовищ створення Web-додатків.
курсова робота, доданий 16.01.2012
Основні поняття Web-технологій і класифікація Web-додатків, що використовуються у підприємницькій діяльності. Визначення функціональних можливостей засобів і мов для розробки веб-сайтів. Аналіз психофізичних вимог до Web-додатків.
контрольна робота, доданий 06.08.2014
Вивчення поняття та класифікації web-додатки. Засоби розробки та області застосування мов програмування для розробки web-додатків (HTML, PHP, Ajax. JavaScript, VBSScript, Perl). Порівняльний аналіз різних середовищ створення Web-додатків.
курсова робота, доданий 03.04.2013
Опис проблеми вибору простої системи програмування для створення нескладних інформаційних систем. Проведення детального аналізу існуючих інформаційних додатків. огляд застосування електронних таблиць для розробки інформаційних додатків.
стаття, доданий 25.12.2017
Короткий виклад матеріалу по візуальним засобам розробки програмних додатків. Розгляд діалогових вікон, елементів управління, перемикачів, доступу до даних, обробки, аналізу, технологій, бібліотек, експорту, додатків, потоків.
шпаргалка, доданий 26.06.2014
Описано принципи розробки додатків за допомогою мови програмування С ++. Розглянуто ключові особливості С ++, його переваги і недоліки. Пропонуються огляди найпопулярніших фреймворків, які беруть участь у створенні кроссплатформенних додатків.
стаття, доданий 01.03.2019
Access як засіб швидкої розробки додатків. Загальний опис і функціональні особливості додатків, що використовують системи управління базами даних, розвиток веб-технологій з їх використанням. Динамічне створення гіпертекстових документів.
реферат, доданий 15.05.2015
Суть поняття та класифікації web-технологій. Аналіз області застосування мов програмування для розробки додатків. Обгрунтування вибору середовища розробки створення програми, її структури і змісту. Додавання і відтворення відео в проекті.
дипломна робота, доданий 23.06.2017
Реалізація домішок в сучасному середовищі розробки додатків баз даних SharpArchitect RAD Studio. Розробка власного профілю для подання UML-діаграм. Створення властивостей для системних класів свого середовища швидкої розробки додатків БД.
стаття, доданий 02.02.2019
Технологія розробки електронних підручників з віддаленим доступом, використовувані оболонки. Види мультимедійних додатків, програмні та апаратні засоби їх розробки. Flash-анімація як засіб створення наочних ресурсів з фізики, інтернет-ресурси.
Одним з важливих аспектів модернізації виробництва в Росії є використання інформаційно-комунікаційних технологій для створення інформаційних і корпоративних систем. Важливе місце в цьому процесі займають web-технології, які стають основним інструментом організації єдиного інформаційного простору.
Сучасна людина має вміти використовувати web-сайти в своїй професійній діяльності і в самоосвіті. Під використанням тут розуміється не просто пошук, аналіз і включення у виробничий процес як засобу роботи, а й уміння створювати web-сайти, призначені для вирішення різних завдань.
Існує безліч програмних засобів і технологій для створення і редагування web-сайтів.
Розділ 1. Загальні відомості про www-сервісі Інтернет.
Інтернет- всесвітня система об'єднаних комп'ютерних мереж, побудована на використанні сімейства протоколів ТCP/ IP і маршрутизації пакетів даних. У загальному випадку під протоколом розуміється набір інструкцій, що регламентують роботу взаємопов'язаних систем або об'єктів в мережі. Інтернет утворює глобальний інформаційний простір, не має єдиного центру і єдиної адміністрації. Загальну координацію його діяльності здійснюють міжнародні організації, членами яких є найбільш авторитетні експерти з різних країн.
Справжній розквіт Інтернету почався в 1992 році, коли була винайдена нова служба, яка отримала назву " Всесвітня павутина" (WorldWideWeb, або WWW, або просто WEB). WWW дозволяв будь-якому користувачеві Інтернету публікувати свої текстові та графічні матеріали у привабливій формі, пов'язуючи їх з публікаціями інших авторів і надаючи зручну систему навігації. Інтернет став перетворюватися з засобу листування та обміну файлами в гігантське сховище інформації.
1.1. Основні поняття.
Всі комп'ютери, підключені до мережі Інтернет, мають свій унікальний IP-адреса. Для зручності великих вузлів мережі привласнюють власні (доменні) імена (служба DNS). Ресурси, доступні користувачам Інтернет, розташовуються на комп'ютерах серверах, На яких встановлено спеціальне програмне забезпечення, Що забезпечує передачу інформації. Для роботи з ресурсами Інтернет, на комп'ютерах користувачів встановлюються програми-клієнти.
Пара клієнт-сервер, що забезпечує спільний доступ до певного типу інформаційних ресурсів називається службою або сервісом (WWW, FTP, E-mail, IRC). Кожна з них має свою протокол передачі даних з сімейства TCP / IP. Тобто робота користувача з Інтернет може здійснюватися різними способами, що відрізняються за формою подання ресурсів і засобів (протоколом) доступу до них. Деякі з них (найбільш ранні) відмирають, інші знаходяться в процесі активного розвитку.
В основі кожного сервісу лежить свій мережевий протокол сімейства TCP / IP- сукупність чітко визначених правил: як запитувати, оформляти і висилати по Мережі дану різновид інформації.
Найбільш популярним в даний час є сервіс World Wide Web (Всесвітня павутина). Він не тільки зручний у використанні, але і забезпечує доступ до інших служб Інтернет. World Wide Web (уорлд Вайд веб) - це гіпертекстова , гіпермедійна, розподілена, інтегруюча, глобальна інформаційно-пошукова система в Інтернет.
Передача даних у Всесвітній павутині здійснюється завдяки протоколу передачі гіпертексту - HTTP (HyperText Transmission Protocol). HTTP - протокол прикладного рівня, розроблений для обміну гіпертекстової інформацією в мережі Інтернет. Протокол використовується в мережі WWW з 1990 року.
WWW працює за принципом клієнт-сервер: існує безліч web-серверів, які за запитом клієнта (програма-браузер) повертають йому гіпермедійний документ - документ, що складається з частин з різноманітним представленням інформації (текст, графіка, аудіо, відео), в якому кожен елемент може бути посиланням на інший документ або його частину. Кожен інформаційний web-ресурс в глобальної мережі Інтернет однозначно адресується, і документ, здатний посилатися як на інші документи на цьому ж сервері, так і на документи, розташовані на інших web-серверах Інтернет. Причому користувач не помічає цього, і працює з усім інформаційним простором Інтернет як з єдиним цілим. Посилання WWW вказують не тільки на документи, специфічні для самої WWW, але й на інші сервіси і інформаційні ресурси Інтернет. Більш того, більшість програм-клієнтів WWW не просто розуміють такі посилання, але і є програмами-клієнтами відповідних сервісів: ftp, gopher, мережевих новин Usenet, електронної пошти і т.д. Таким чином, програмні засоби WWW є універсальними для різних сервісів Інтернет, а сама інформаційна система WWW грає інтегруючу роль.
За роки розвитку WWW-сервісу був створений цілий ряд програм-браузерів. У російській практиці назву "браузер" закріпилося досить міцно, хоча в деяких випадках вживається і прямий переклад на російську мову - "програма-переглядач". Також браузер іноді називають оглядачем або навігатором. Сьогодні в світі існує не менше десятка різних браузерів. До найбільш розповсюджених відносяться Internet Explorer (Компанія Microsoft), Netscape Navigator (компанія Netscape / AOL), Opera (компанія Opera Software) і Mozilla. Всі браузери мають свої переваги і недоліки, які складаються з швидкості роботи, здатності відривати ті чи інші додатки, відповідність вимогам безпеки при роботі в Мережі. Природно на популярність браузерів накладає відбиток і поширеність в світі тих чи інших операційних систем.
Сервіс WWW використовує URL (Uniform Resource Locator, Універсальний локатор ресурсів) для адресації документів, розташованих на інформаційних web-серверах Інтернет. URL-адресу включає в себе назву протоколу (зазвичай http), за яким здійснюється доступ до ресурсу, адреси сервера (наприклад: www.tstu.ru), повний шлях (наприклад: / win / kultur / museum / chiherin /) і ім'я ( наприклад: 0.htm) зберігається там файлу (отримуємо url-адреса: http://www.tstu.ru/win/kultur/museum/chiherin/0.htm).
В основі Всесвітньої павутини лежить технологія гіпертексту. Винайдений на початку 1990 років мова розмітки гіпертексту - HTML (HyperText Markup Language) дозволяє легко включати в WWW-документи, з яких в основному і складається WWW, найрізноманітніші типи об'єктів і робити посилання на інші файли, незалежно від того, де вони знаходяться.
Документи WWW називаються web-Сторінка і включають в себе різні інформаційні елементи (текст, графіка, звук, відео), а також гіперпосилання на інші ресурси Інтернет. Кілька сторінок, об'єднаних за змістом, змісту та оформлення - називаються web-сайтом.
Web-сторінка являє собою текстовий файл з розширенням htm або html, який містить текстову інформацію і спеціальні команди - HTML-тегі, Що визначають в якому вигляді ця інформація буде відображатися у вікні браузера. Вся графічна, аудіо- та відео інформація безпосередньо в web-сторінку не входить і являє собою окремі файли з розширеннями * .gif, * .jpg (графіка), * .mid, * .mp3 (звук), * .avi (відео) . У HTML-коді сторінки містяться тільки вказівки на такі файли.
Перехід між сторінками web-сайту в браузері здійснюється за допомогою гіперпосилань. гіперпосилання являє собою виділений фрагмент тексту або зображення, при наведенні на який вказівник набуває форми кисті руки з витягнутим пальцем. При натисканні на гіперпосилання лівою кнопкою миші здійснюється перехід на інший електронний документ, який може знаходитися як на цьому web-сервері, так і на іншому. Для організації гіперпосилання в вміст web-сторінки вставляється спеціальний HTML-код, що містить url-адреса цього електронного документа. Для організації гіперпосилання необхідно знати розташування інформаційного ресурсу, який в WWW-сервісі може бути визначено в абсолютній і відносній формі.
адресація в абсолютної формі - універсальний адреса, що визначає місцезнаходження інформаційного ресурсу, носить назву URL (Uniform Resource Locator - уніфікований адресу ресурсу). URL складається з двох частин, розділених двокрапкою. Перша частина вказує на тип мережевого протоколу, Який залежить від типу ресурсу (наприклад, якщо ресурс розташовується на WWW-сервері, це протокол http). Друга частина включає в себе ім'я web-сервера в доменній системі імен (наприклад, www.tstu.ru) і, якщо потрібно, колійне ім'я файлу (наприклад, win / kultur / nauka / vernad / vertitul.htm). При записи колійного імені назви каталогів розділяються прямий косою рисою (символ /); в іменах файлів і каталогів розрізняються великі та малі літери.
Ось приклад URL: http://www.tstu.ru/win/kultur/nauka/vernad/vertitul.htm.
У разі використання адресації в відносної формі при запису шляху до файлу назви каталогів розділяються прямий косою рисою (/); перехід по каталогам комп'ютера на один рівень вгору позначається двома точками (..).
Якщо гіперпосилання посилається на документ не є web-сторінкою, то можливі два варіанти його відображення. Якщо браузер має вбудовані модулі для обробки такого документа, то його вміст буде відображатися у вікні браузера. В іншому випадку, браузер запустить необхідне зовнішнє додаток (в Windows, наприклад, вони прописані в реєстрі), і документ буде відображатися вже не в вікні браузера.
Надіслати свою хорошу роботу в базу знань просто. Використовуйте форму, розташовану нижче
Студенти, аспіранти, молоді вчені, які використовують базу знань в своє навчання і роботи, будуть вам дуже вдячні.
подібні документи
Розгляд поняття та класифікації Web-технологій. Основні вимоги до створення головної сторінки сайту, розділу "Про нас", контенту, прихильності. Визначення напрямків використання мов програмування HTML, PHP, JavaScript, VBScript, Perl.
курсова робота, доданий 13.07.2010
Дослідження можливостей і областей використання мови програмування JavaScript. Порівняльний аналіз мов програмування JavaScript і PHP. Розробка інтерактивного Web-додатки на прикладі тесту за темою "Програмування на мові Delphi".
практична робота, доданий 04.02.2015
Порівняльна характеристика, можливості і функції мов програмування JavaScript і PHP. Основні сфери їх використання. Розробка інтерактивного Web-додатки із застосуванням JavaScript на прикладі тесту за темою "Програмування на мові Delphi".
курсова робота, доданий 01.07.2014
Функції технології Ajax розробки Web-додатків: виконання HTTP-запитів в клієнтської частини і аналіз відповіді XML-сервера. Створення даних об'єкта XMLHttpRequest для різних браузерів. Обробка за допомогою сервлету. Функціональність завдань в Ajax.
лабораторна робота, доданий 06.06.2009
Структура і пристрій методу AJAX, а також історія його виникнення і розвитку. Інструментарій розробки AJAX-додатків. Безпека AJAX-додатків і способи їх вирішення. Розробка дизайну оформлення клієнтської і адміністраторській частин порталу.
дипломна робота, доданий 22.07.2011
Застосування мов програмування в web-технологіях. Створення документа з підтримкою гіпертексту за допомогою HTML. Використання JavaScript для програмного доступу до об'єктів додатків. Perl - процедурний мову програмування; псевдооб'ектний мову PHP.
курсова робота, доданий 07.07.2013
Засоби розробки, орієнтовані на конкретні СУБД. Найбільш відомі програми на основі Eclipse Platform. Проект NetBeans IDE, його можливості. KDevelop - вільна інтегроване середовище розробки для UNIX-подібних операційних систем.
реферат, доданий 14.04.2014
Структура і історія розвитку технології AJAX. Пристрій методу AJAX. Інструментарій розробки веб-додатків. Розробка і створення інформаційного порталу з мов програмування з використанням технології AJAX. Інформаційний зміст порталу.
дипломна робота, доданий 05.06.2011
При підготовці використовувалися матеріали: «HTML Editors and Web Page Editors», «Best free web development IDE for JavaScript, HTML and CSS», «Cloud IDEs For Web Developers - Best Of».
Існує безліч способів писати код для веб-додатків: від текстових редакторів до хмарних середовищ розробки. Важко відразу вирішити, яке середовище краще підходить для поставлених завдань. Щоб заощадити вам час, вибрали найбільш популярні:
В кінці кожного розділу розміщена зведена таблиця, в якій можна наочно побачити порівняння функцій редакторів для веб-розробки. У статті розглянуті виключно безкоштовні Кросплатформені рішення, тому популярні пропрієтарні редактори начебто Sublime Text не ввійшли до збірки.
Текстові редактори для веб-розробки
Komodo Edit
Основні можливості:
- нескінченна історія скасування,
- велике кількість плагінів,
- підтримка сотень мов програмування і форматів файлів,
- потужний пошук і заміна,
- інтеграція зі сторонніми інструментами.
GNU Emacs
Настільні інтегровані середовища розробки (IDE)
Eclipse
хмарні IDE
Більшість десктопних додатків перейшли в «хмару», тому немає нічого дивного, що хмарні середовища також стають популярними серед програмістів. Чи не кожен відразу довіряє хмарним IDE, але популярні інструменти на зразок Github і Pastebin допомагають звикнути до того, що вихідний код зберігається не на локальній машині, а на сторонньому сервері.
Cloud9
Після декількох хвилин роботи в Cloud9 створюється враження, що потрапив в рай для програмістів. Інтерфейс написаний на JavaScript, а серверна частина - на NodeJS. Хоча Cloud9 облюбували розробники і дизайнери інтерфейсів, підтримується підсвічування синтаксису C #, C ++, Python, Perl, Ruby, Scala і деяких інших мов.
Вбудований режим Vim - приємний штрих, як і підтримка популярних систем контролю версій зразок Git, Mercurial і SVN. Завдяки наявності CSSLint і JSBeautify це одна з найкрасивіших середовищ розробки.
Codeanywhere
Ще один інструмент для створення додатків, який часто очолює списки кращих - Codeanywhere. Ця дружня хмарна IDE підтримує підсвічування коду HTML, CSS, JavaScript, PHP, MySQL та інших мов. Завдяки наявності додатків для iOS, Android і BlackBerry, за допомогою Codeanywhere програмісти працюють де завгодно.
Крім того, Codeanywhere підтримує Dropbox і SFTP, які допомагають легко створювати резервні копії файлів проекту і обмінюватися ними з колегами. Це не сама повнофункціональна середовище, а свою роботу виконує на відмінно.
Система платна, але є безкоштовний тарифний план.
Eclipse Che
Корисні посилання
А які редактори і середовища використовуєте ви? Поділіться своїм досвідом!
Вступ
Вплив глобальної комп'ютерної мережі Internet на сучасний світ не має історичних аналогів. Його сьогоднішній день - це початок епохи електронного проникнення в усі сфери людського життя, це щось більше, ніж просто маркетингова кампанія, це основа нової філософії і нової ділової стратегії.
Цілком логічно припустити, що і з точки зору реклами продукції або послуги Інтернет - найбільш значимий ресурс. Більшість сучасних людей користуються Інтернетом, як найбільш доступним джерелом інформації.
Створення Web-сайтів є однією з найважливіших технологій розробки ресурсів Internet. Хороший сайт, вбираючи в себе всю корисну інформацію, є найкращою візитною карткою і комерційної фірми і освітнього закладу, працюючи на них в будь-який час доби.
Провівши аналіз декількох сайтів забезпечують інформаційну підтримку підприємств малого бізнесу на предмет відповідності їх поставленим цілям, психофізіологічних вимогам і інформативності, а так само коректності вибору засобів розробки можна виділити наступні характерні недоліки:
· Невідповідність сайту психофізіологічних вимогам, яке призводить до підвищеної стомлюваності або відволікання уваги;
· Захоплення анімацією, графічними зображеннями і відео фрагментами, які не несуть смислового навантаження, автоматично тягне за собою зменшення кількості потенційних відвідувачів web-сайту, так як підвищує вимоги до пропускної здатності Інтернет-з'єднання і обсяг трафіку;
· Надмірність або недолік представленої інформації;
· Некоректний вибір засобів розробки, який тягне за собою необгрунтоване підвищення вартості готового продукту.
Таким чином, визначення функціональних можливостей засобів і мов для розробки сайту, а так само психофізіологічних вимог, висунутих до текстової та графічної інформації представленої на екрані монітора представляється актуальним завданням.
До того ж зараз, коли число онлайнових користувачів оцінюється більш ніж в 500 мільйонів чоловік (причому це число зростає зі швидкістю приблизно 7% на місяць), доводиться шукати шляхи використання нових технологій, які могли б посприяти в залученні й утриманні уваги користувачів, які подорожують по безмежних просторах Web.
Предмет дослідження web-технології.
Об'єкт - середовища і мови розробки web-додатків.
Мета роботи - розглянути можливості практичного використання мов і засобів для розробки web-додатків.
1) розглянути основні поняття web-технологій;
2) привести різні класифікації web-додатків, що використовуються у підприємницькій діяльності;
3) розглянути психофізичні вимоги до web-додатків;
4) визначити області застосування мов програмування для розробки web-додатків;
5) проаналізувати функціональні можливості середовищ зі створення web-додатків.
Підходити до задачі створення власного "Інтернет-представництва" варто відповідально. Сайт повинен бути зручний у використанні - сторінки повинні завантажуватися якомога швидше, а сам ресурс повинен володіти логічною і зрозумілою структурою. Тільки в такому випадку можна розраховувати на те, що відвідувач зацікавиться наданою інформацією і затримається на сайті.
Розвиток сучасної комп'ютерної техніки та впровадження новітніх технологій поклали початок нового напрямку життя на Землі. За досить короткий проміжок часу розвитку мікроелектроніки і кібернетики відбулося багато змін.
Прогресивний розвиток техніки викликало появу нових програмних продуктів. З кожним роком впроваджується все більша і більша кількість мов програмування. Всі вони орієнтовані, перш за все, на цільову аудиторію.
Розвиваються не тільки комп'ютери, але і мережі. Якщо ще кілька десятків років тому Інтернет був невелику приватну мережу, То тепер це гігантська система взаємопов'язаних комп'ютерів, без якої, можливо, ми не зможемо уявити собі життя.
Інтернет - це не тільки "прохолодний басейн", в якому так комфортно почувають себе досить "перегрівся" люди, а й місце, де можна "помацати" практично будь-яку гарячу тему, не побоюючись при цьому обпектися.
Web-технологія повністю перевернула уявлення про роботу з інформацією, та й з комп'ютером взагалі. Виявилося, що традиційні параметри розвитку обчислювальної техніки - продуктивність, пропускна здатність, ємність запам'ятовуючих пристроїв - не враховували головного "вузького місця" системи - інтерфейсу з людиною. Застарілий механізм взаємодії людини з інформаційною системою стримував впровадження нових технологій і зменшував вигоду від їх застосування. І тільки коли інтерфейс між людиною і комп'ютером був спрощений до природності сприйняття звичайною людиною, послідував безпрецедентний вибух інтересу до можливостей обчислювальної техніки.
Інформація, доступна користувачам Internet, розташовується на комп'ютерах (Web-серверах), на яких встановлено спеціальне програмне забезпечення. Значна частина цієї інформації організована у вигляді Web-сайтів. Кожен з них має своє ім'я (адреса) в Internet. Web-сайт - це інформація, представлена \u200b\u200bв певному виді, яка розташовується на 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" ввести .
У розділі "Про нас" необхідно представити основні відомості про компанію:
· Контактна інформація;
· Філософія організації (бачення бізнесу, зв'язку з суспільством, прагнення);
· Основні історичні віхи;
Розлоге пояснення у верхній частині сторінки "Про нас" допомагає користувачеві краще зрозуміти те, що міститься в глибинах, цього роздала.
Текст повинен бути легко читатися, як молодими, так і старими користувачами, тому нам потрібно вказувати розмір шрифту у відносних одиницях, а не в абсолютних, так як розмір повинні вибирати самі користувачі. При цьому текст повинен повністю уміщатися на сторінці, що б не дратувати використанням горизонтальної прокрутки сторінок сайту.
Користувачі рідко читають web-сторінки слово за словом. При першому перегляді вишукує факти і ігнорує деталі, але знайшовши цікавий для матеріал, може зайти і глибше. Орієнтовна схема перегляду сторінки виглядає так: перший рядок по горизонталі проглядається повністю, наступна проглядається не на всю глибину і з кожною наступною рядком вихоплення інформації скорочується все більше.
Тому користувачі часто переглядають тільки верхню частину статті. І лише самі зацікавлені читачі промотають сторінку, і лише ці деякі зрозуміють історію статті у всіх деталях. Тому важливо застосовувати "принцип перевернутих пірамід", який полягає в тому, що стаття починається з "виведення", після йде повідомлення про саму важливої \u200b\u200bінформації, А в кінці дається підгрунтя події.
Для того, що б сторінки було зручно переглядати, ми будемо використовувати:
· Виділення ключових слів;
· Грамотно складені заголовки;
· Списки з маркерами;
· Один абзац на одну ідею (користувачі пропустять всі інші ідеї, якщо їх не притягнуть основні слова абзацу);
· Стиль перевернутої піраміди (де стаття починається з укладення);
· Меншу кількість слів, ніж у звичайній статті;
· Мінімум мало зрозумілих термінів;
· Зазначення дати створення повідомлення (що б знати на скільки, воно актуально на даний момент);
· Контекстну інформацію атрибута "ALT".
· Електронні заголовки часто виводяться поза контекстом:
· В списку статей на сайті;
· В заголовках повідомлень електронної пошти;
· В результатах пошуку;
· В закладках браузера.
При цьому користувачі не повинні мати якісь надзнаннями, що б зрозуміти наш заголовок, якщо вони будуть пропускати текст під заголовками. З цієї причини текст заголовка повинен бути самостійною порцією інформації, що дозволяє зрозуміти його під час відсутності іншої частини контенту. При написанні заголовка необхідно використовувати нейтральний мова, і не застосовувати: гри слів, "навороченності", "завлекалочек", прописних літер (так як створюється враження, що ми кричимо на користувача)
Користувачі воліють змістовні заголовки. Чим коротше мікроконтент, тим легше його переглядати. Необхідно виключити використання одного і того ж слова на початку кожної статті і назви сторінки, так як при використанні одночасно декількох таких статей, буде важко на панелі або закладках вибрати необхідну статтю.
При прохання надати нам адресу електронної пошти, необхідно сказати, тут і зараз, що саме користувач буде отримувати, і як часто будете порушувати спокій його поштової скриньки. Посилання mailto повинні бути використані так, щоб можна було точно зрозуміти, що перед нами поштову адресу. Не розміщувати посилання пошти на іменах, так як клацання по імені повинен вести на його біографію. При спілкуванні по електронній пошті немає причин користуватися конкретним ім'ям одного з працівників, якщо тільки користувач не встановив з ним особисті стосунки (листи від невідомих людей найчастіше потрапляють в кошик).
Що б підняти довіру до сайту необхідно використовувати якісні графічні зображення. При цьому не варто використовувати великі зображення, за умовчанням. Бажано використовувати ескізи, а при необхідності збільшувати їх на стільки, на скільки побажає користувач. Ескізи повинні містити всю основну інформацію про зображення. На сайті правильніше буде використовувати фотографії реальних працівників і клієнтів, а не фотомоделей зі сліпучою голлівудською посмішкою. Так само необхідно використовувати хороший стиль письма та вихідні гіпертекстові посилання на інші сайти. Не потрібно використовувати "рекламну воду", так як вона несе додаткову емоційне навантаження, і користувачам доводиться витрачати час на відсіювання гіпербол від реальних фактів.
Класичний шлях збільшення прихильності до сайту - це публікація свіжих матеріалів з певною регулярністю (від щоденних до щомісячних). Для бажаючих необхідно організувати розсилання свіжого матеріалу. Майже 100% з тих, хто підписався, будуть періодично заходити і на сам сайт, поки автор буде нагадувати їм про себе.
Дизайн сайту повинен пристосовуватися до людей. Одним з варіантів такого пристосування служить профайл, але його заповнення вимагає терпіння, через це його заповнюють усталені відвідувачі сайту. Тому для відстеження користувачів краще застосовувати "cookie", в файл якого заноситься вся необхідна інформація, а не нудну процедуру реєстрації. Якщо все ж необхідно для безпечної роботи реєстрація, то не варто створювати занадто строгі форми для введення. Якщо є можливість використовувати автозаповнення і автоматично встановлювати курсор в першому полі форми.
Не варто створювати форми для пошуку по Internet, якщо користувачеві буде необхідно, він скористається спеціальної пошуковою системою.
Посилання повинні бути передбачувані, користувач повинен знати, що станеться, якщо він натисне на посилання. Ясно вказувати, що є посиланням: якщо це текст нехай він буде кольоровим чи підкреслений текст. Чи не приховувати відмінності між відвіданих і не відвіданих посиланнями. Створювати посилання з розрахунком того що пошукові системи є найважливішими відвідувачами, а вони глухі і сліпі по відношенню до високих технологій. Оформити теги "title" так, щоб вони добре виглядали в пошукових системах і закладках, тому починати посилання необхідно з ключового слова.
Не допускати появи ламаних посилань, так як інші сайти і пошукові системи не будуть в цьому випадку на нас посилатися.
При навігації по сайту надати користувачеві самому, вибирати, як необхідно відкривати сторінки або у спливаючих вікнах, або якось інакше.
У WEB-е користувачі не звертають уваги ні на що, крім своєї мети, і реклама, яка відволікає їх від досягнення мети, ними просто ігнорується. Якщо наша реклама з'явиться раніше, ніж користувач знайде цікавий для його матеріал, то, швидше за все вона буде закрита. І коли він виконає свою основну задачу, і готовий буде придивитися до реклами, він її просто вже не побачить так як закрив спливаюче вікно. Тому ніколи не варто відволікати користувача від своєї мети.
Коли користувач набирає слова запиту на пошуковому сервері, рекламні оголошення які вийдуть в списку результатів запиту, будуть безпосередньо пов'язані з тим, що потрібно людині. І тому він читає ці оголошення і клацає по посиланнях. Така реклама коштує набагато дешевше, ніж поширення рекламних листівок.
Отже, секрет успіху в тому, що б поєднати рекламу з цілями користувачів.
· Відсутність кнопки "Закрити";
· Чітко вказувати, що відбудеться після клацання по ній;
· Дає додаткову інформацію про себе без потреби залишати поточну сторінку.
Для проведення оціночної роботи необхідно залучити від трьох до п'яти учасників. Кожен з них виробляє роботу індивідуально. Після чого їх результати порівнюються і приводяться до єдиного висновку. Тест проводиться в два етапи:
1) розуміння роботи інтерфейсу;
2) концентрація уваги на певних елементах.
Необхідно окреме згадка кожної проблеми, що б не повторювати її в подальшому.
Засоби розробки Web-додатків
Області застосування мов програмування для розробки Web-додатків
Мова розмітки гіпертексту (Hypertext Markup Language), або, як його частіше називають, HTML, - це комп'ютерну мову, що лежить в основі World Wide Web (Всесвітньої Павутини). завдяки мови HTML будь-який текст можна розмітити, перетворивши його в гіпертекст з подальшою публікацією в Web.
Мова HTML має власний набір символів, за допомогою яких Web-браузери відображають сторінку. Ці символи, звані дескрипторами, включають в себе елементи, необхідні для створення гіперпосилань.
Однією з відмінних рис HTML-документів є те, що сам документ містить лише текст, а всі інші об'єкти вбудовуються в документ в момент його відображення Броузером за допомогою спеціальних тегів і зберігаються окремо. При збереженні HTML-файлу в місці розміщення документа створюється папка, в яку поміщаються супутні йому графічні елементи оформлення.
В першу чергу PHP використовується для створення скриптів, що працюють на стороні сервера, для цього його, власне, і придумали. PHP здатний вирішувати ті ж завдання, що і будь-які інші CGI-скрипти, в тому числі обробляти дані html-форм, динамічно генерувати html сторінки тощо. Але є й інші області, де може використовуватися PHP.
Друга область - це створення скриптів, що виконуються в командному рядку. Тобто за допомогою PHP можна створювати такі скрипти, які будуть виконуватися, незалежно від web-сервера і браузера, на конкретній машині.
І остання область - це створення GUI-додатків ( графічних інтерфейсів), Що виконуються на стороні клієнта.
Ajax розшифровується як Asynchronous Javascript And XML (Асинхронні Javascript і XML) і технологією в строгому сенсі слова не є. Якщо в стандартному web-додатку обробкою всієї інформації займається сервер, тоді як браузер відповідає тільки за взаємодію з користувачем, передачу запитів і висновок надійшов HTML, то в Ajax-додатку між користувачем і сервером з'являється ще один посередник - движок Ajax. Він визначає, які запити можна обробити "на місці", а за якими необхідно звертатися на сервер.
Поведінка сервера теж змінилося. Якщо раніше на кожен запит сервер видавав нову сторінку, то тепер він відсилає лише ті дані, які потрібні клієнтові, а HTML з них прямо в браузері формує движок Ajax.
Асинхронність проявляється в тому, що далеко не кожен клік користувача доходить до сервера, причому зворотне теж справедливо - далеко не кожна реакція сервера обумовлена \u200b\u200bзапитом користувача. Більшу частину запитів формує движок 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-сторінках, наприклад панель навігації, дескриптор авторського права і ін.
Застосовується для додавання мультимедійних засобів на 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 легко перетворюються в web-сторінки. Звичайно, 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 - "що бачите, те й отримаєте").
Не дивлячись на те, що Microsoft Word є текстовим редактором і по суті не вважається HTML-редактором. Він має можливість зберігати файли у форматі HTML. В результаті ми можемо зіткнутися зі сторінками які тим чи іншим способом були створені в Microsoft Word. Проблеми в HTML-коді, отриманому з редактора аналогічні проблемам FrontPage: обидві ці програми створюють надлишковий код, який не в усьому відповідає HTML-стандарту. Величезна кількість людей, що використовують Word у своїй повсякденній роботі, стають потенційними розробниками HTML-документів.
Створити web-станицю в Word можна двома способами: за допомогою Майстра або перетворивши існуючий документ Word в формат HTML. При цьому Word сам генерує теги HTML, хоча і не оптимальним чином. Перетворення природно призводить до того, що якісь елементи оформлення документа будуть втрачені або змінені. При необхідності вставити в HTML-сторінку власні теги, в Word передбачено безпосереднє редагування HTML-коду.
Призначена для створення і редагування ілюстрацій, тобто зображень, що містять елементи векторної графіки, наприклад шрифти, геометричні фігури і т.д.
Web-сторінки можуть містити багато елементів - текст HTML, Растрові зображення, векторну графіку. В Illustrator можна використовувати фрагменти для визначення кордонів різних web-елементів в об'єкті. Web-сторінка ділиться на осередки які представляються в трьох типах: зображення, без зображення, HTML-текст.
При цьому можна зберегти кожен фрагмент як незалежний файл зі своїм форматом, настройками і палітрою кольорів. Блокування фрагментів запобігає випадкові зміни позиція. Розмір фрагмента прив'язуються міститься в ньому об'єкту. Тому при переміщенні або зміні розміру об'єкта кордону фрагмента коригуються автоматично, але при необхідності їх завжди можна відкоригувати вручну.
Карти посилань дозволяють зв'язати одну або кілька областей зображення (так званих активних областей) з URL-адресою. Коли клацаємо по активній області, web-браузер завантажує пов'язаний з нею файл.
Основна різниця між використанням карт посилань і фрагментів для створення зв'язків полягає в тому, як об'єкт експортується на web-сторінку. Використання карт посилань зберігає об'єкт у вигляді єдиного файлу зображення, а в разі використання фрагментів об'єкт ділиться на кілька окремих файлів. Ще одна різниця між картами посилань і фрагментами полягає в тому, що карти дозволяють пов'язувати багатокутні або прямокутні області в об'єкті, а фрагменти - тільки прямокутні.
Найпопулярніша і широко поширена програма редагування зображень. З її допомогою можна створювати високохудожні зображення. Вона містить все необхідне для створення і редагування професійної графіки.
Photoshop - це не просто програма редагування зображень, це найпотужніша і функціональна програма в своєму класі. Програма дозволяє ретушувати зображення і піддавати його спецефектів, переносити деталі одного знімка на інший, вносити текст, змінювати співвідношення кольорів і навіть додавати колір в зображення, виконані у відтінках сірого. Засоби Photoshop сумісні з графічними планшетами, що дає можливість створювати цілком художні зображення, не гірше виконаних аквареллю і маслом.
При всій простоті основних інструментів Photoshop користувач може до того ж налаштовувати їх "під себе". А це рівносильно наявності нескінченної різноманітності крейди. Оскільки програми малювання покладаються при своїй роботі на пікселі, вони ідеально підходять для роботи з електронними (цифровими) фотографіями кольорових олівців, пульверизаторів, акварельних і масляних фарб і багато чого іншого. Photoshop надає повний контроль над кожним пікселем зображення. Недолік програм малювання в обмеженому дозволі. Оскільки бітовий малюнок складається з фіксованої кількості пікселів.
CorelDraw дозволяє обробляти найрізноманітнішу інформацію, подану в документі у вигляді векторних і растрових об'єктів, блоків звичайного і художнього тексту, а також об'єктів Інтернету.
У програмі застосований сучасний інтерфейс плоского типу, який характеризується тим, що інструменти, що знаходяться на різних панелях, відображаються у вигляді звичайних плоских малюнків, а виділення одного з них відбувається тільки при установці на ньому покажчика.
При побудові векторних зображень лінії і фігури накладаються, поки не вийде остаточне зображення. Кожен об'єкт можна редагувати незалежно від інших - одне з нечисленних переваг об'єктного підходу, проте, зображення все ж доводиться будувати поетапно. У програмі редагування векторних малюнків лінії, фігури і текст задаються математичними виразами, що дає можливість автоматично налаштовувати їх на максимальна роздільна здатність пристрою виведення. Ще одна перевага векторних малюнків полягає в тому, що для них не потрібно багато місця на диску. Обсяг файлу векторного малюнка залежить тільки від кількості і складності об'єктів, що становлять цей малюнок, тому його розмір, на відміну від растрового малюнка, практично не впливає на цей обсяг.
CorelDraw демонструє якості потужного візуального редактора web-сторінок: користувач отримує можливість генерувати розвинені HTML-документи, які можуть включати сценарії JavaScript і таблиці стилів CSS.
Забезпечуючи потужні можливості для роботи з графікою, текстом і засоби компонування і експорту документів для публікації в Інтернеті, CorelDraw цілком може служити вихідним пунктом для генерування перших версій файлу HTML.
При розміщенні зображень на сторінці одна з найбільш важливих завдань - оптимізація розміру файлів зображень. Рекомендований "стелю" загального розміру сторінки - від 100 до 150 кбайт. Зменшення розміру файлів зображень виконується стисненням файлів і зменшенням кількості кольорів. Ці завдання доступні для будь-якої з графічних програм, перерахованих вище.
висновок
З появою web-технології комп'ютер починають використовувати абсолютно нові верстви населення Землі. Можна виділити дві найбільш характерні групи, що знаходяться на різних соціальних полюсах, які були стрімко залучені в нову технологію, можливо, навіть крім їх власного бажання. З одного боку, це були представники елітарних груп суспільства - керівники великих організацій, президенти банків, топ - менеджери, впливові державні чиновники. З іншого боку, це були представники найширших верств населення - домогосподарки, пенсіонери, діти.
Спектр соціальних груп, що підключаються до мережі Інтернет і що шукають інформацію в WWW, весь час розширюється за рахунок користувачів, що не відносяться до категорії фахівців в області інформаційні технології. Це лікарі, будівельники, історики, юристи, фінансисти, спортсмени, мандрівники, священнослужителі, артисти, письменники, художники. Список можна продовжувати нескінченно. Той, хто відчув корисність і незамінність Мережі для своєї професійної діяльності або захоплень, приєднується до величезної армії споживачів інформації у "Всесвітній Павутині".
З розвитком технологій гіпертекстової розмітки в Інтернеті стало з'являтися все більше сайтів, тематика яких була абсолютно різною - від сайтів великих компаній, що оповідають про успіхи компанії і її провали, до сайтів маленьких фірм, що пропонують відвідати їх офіси в межах одного міста.
Розвиток Інтернет-технологій послужило поштовхом до появи нової гілки в Інтернеті - Інтернет - форумів. Стали з'являтися сайти, і навіть цілі портали, на яких люди з усіх куточків планети можуть спілкуватися, отримувати відповіді на будь-які питання і, навіть, укладати ділові угоди.
Створення сайту є маркетинговий крок, спрямований на створення інформаційного ресурсу, який надасть можливість для компанії як утримати старих клієнтів, так і залучити нових.
Створення та розробка сайтів включає:
· Затвердження початкового технічного завдання на розробку сайту;
· Визначення структурної схеми сайту - розташування розділів, контента і навігації;
· Web-дизайн - створення графічних елементів макету сайту, стилів і елементів навігації;
· Розробка програмного коду, модулів, бази даних і інших елементів сайту необхідних в проекті;
· Тестування і розміщення сайту в мережі інтернет.
Існує безліч засобів для створення web-сайтів, але лише деякі з них здатні надати розробникам інструменти для вирішення переважної більшості завдань, які нею. При розробці web-сайту з усіх сучасні web-технологій, що дозволяють створювати інтерактивні web-сторінки, необхідно вибрати найбільш підходящі для виконання поставлених на початковому етапі завдань.
це текстовий файл з розширенням * .htm, який містить текстову інформацію і спеціальні команди - HTML-коди, що визначають в якому вигляді ця інформація буде відображатися у вікні браузера
Список використаних джерел
1. Борисенко А.А. Web-дизайн. Просто як двічі два. - М .: Ексмо, 2008.- 320 с.
2. Бурлаков М. В. CorelDRAW 12. - СПб .; БХВ-Петербург, 2004. - 688 с.
3. Джамса Кріс. Ефективний самовчитель по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графіка, звук і анімація. Пер з англ. / Кріс Джамса, Конрад Кінг, Енді Андерсон - М .: ТОВ "ДиаСофтЮП", 2005.- 672 с.
4. Дунаєв В. Самовчитель JavaScript, 2-е вид. - СПб .: Пітер, 2005. - 395 с.
5. зольників Д.С. PHP5. Як самостійно створити сайт будь-якої складності. - 2-е вид. стер. - М .: НТ Пресс, 2007. - 272с.
6. Інькова Н. А., Зайцева Е. А., Кузьміна Н. В., Толстих С. \u200b\u200bГ. Створення 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 с