Реферат
на тему:
Основи Web-дизайну
Виконав:
Єнікєєв Тагір Рафаїлович
студент групи
ОПСК-41
Киев
2013 г.
Оглавление
Киев 1
Основи Web-дизайну 3
Утворення WWW 4
Основні елементи HTML. 7
Висновки 10
Список литературы 11
Основи Web-дизайну 3
Дизайн 3
Утворення WWW 4
Основні елементи HTML. 7
Висновки 10
Список литературы 11
Основи Web-дизайну
Дизайн — це творчий метод, процес і результат художньо-технічного проектування промислових виробів, їхніх комплексів і систем, орієнтований на досягнення найповнішої відповідності створюваних об'єктів і середовища загалом і потреб людини, як утилітарних так і естетичних.
Дизайн (англ. design) — задум, план, ціль, намір, творчий задум, проект і креслення, розрахунок, конструкція, ескіз, малюнок, візерунок, композиція, мистецтво композиції, витвір мистецтва.
Дизайн — специфічний ряд проектної діяльності, що об'єднує художньо-предметне мистецтво і науково обґрунтовану інженерну практику у сфері індустріального виробництва.
Однак як може дизайн бути пов'язаний з великою мережею (WWW). Нині рідко можна побачити який небудь сайт без особливого оформлення, адже з дизайном змінюється не тільки зовнішній вигляд але і зручність Веб-ресурса.Хорошім прикладом роботи дизайну можна назвати компанію Епл. Крім зовнішнього вигляду, АППЛ показував хороший і зрозумілий інтерфейс.
Однак все це тільки завдяки розвитку інтернету як доступного методу спілкування
Зародження мережі Інтернет відносять до 60рр. ХХст.Ідея створення
мережі, яка буде об’єднувати комп’ютери з різних куточків країни,
виникла в військових США. В 1969р. була запущена система , яка зв’язала
між собою чотири комп’ютери з різних куточків США. А через рік нова
інформаційна мережа, названа ARPANet, приступила до роботи.
ARPANet дала вченим просто дивовжні можливості комунікації: в лічені
хвилини дослідник, розміщений, наприклад, в Техасі, мав можливість
послати запит на отримання потрібної йому інформації кудись на Аляску- і
через декілька секунд потрібний йому файл був вже на комп’ютері.
З кожним роком ARPANet росла і розвивалась. До мережі
під’єднувались все нові і нові учасники: право доступу до мережі почали
вимагати всі великі лабораторії, потім-більш менші...Нарешті в погоню за
ARPANet вступили вищі учбові заклади. В 1973 році вперше через мережу
стали з’єданані комп’ютери різних країн: мережа стала міжнародною.
Народження протоколу ТСР/ІР, дозволяючого користувачам з легкістю
підключатись до Інтернету за допомогою звичайної телефонної лінії,
співпало з іншою подією - поділом ARPANet.Терпінню військових пришов
кінець і вони відокремились в мережу MILNet.
Утворення www
На початку 90-х років прошла ще одна революція-розповсюдження
графічного способу відображення інформації в Мережі в вигляді
„сторінок”, з можливістю нести не тільки текст, як раніше,а графіку, а
пізніше і елементи мультимедіа ( звук і навіть відео).Користувачі
кинулись в Мережу потоком-тепер вже не спеціалісти, а прості
користувачі. В 1995 році стався справжній бунт Інтернет, перетворивши
Мережу в найбільший, динамічний і доступний засіб масової інформації.
14 квітня 1998 року історія Інтернет пішла на другий виток: в США
відбувся святковий запуск нової Мережі, яка отримала назву „Інтернет-2”.
Батьками нової мережі стали найбільші учбові заклади, наукові і
дослідницькі заклади США, і також ряд промислових гігантів.
Швидкість проходження даних в Інтернет-2 просто вражає уяву.Вона
більше, ніж в 1000 раз перевищує можливості найшвидших каналів
аз перевищує можливості найшвидших каналів
сьогоднішнього дня Мережі (наприклад, для передачі по Інтернет-2
інформації, яка зберігається в 30-томній”Британській Енциклопедії”,
достатньо... всього однієї секунди!). Зрозуміло, що з приходом
Інтернет-2 такі поняття , як „комп’ютерне телебачення”, передача „живого
відео” в реальному часі і навіть „Інтернет-кінематограф” переходять з
області фантастики в ряд звичайних явищ.
Перш за все з’ясуємо поняття – «дизайн». Більшість людей, коли чують це слово, вважають, що воно належить до образотворчого мистецтва, це щось таке «художнє». В крайньому випадку слово «дизайн» сприймають, як елемент художнього оформлення. В дійсності слово «дизайн» англомовного походження і означає конструювання. Отже коли ми говоримо про WEB-дизайн, це означає конструювання WEB-форм (можна сказати WEB-сторінок). WEB-сторінки являють собою WEB-форму, призначену для публікації в INTERNET. Але цим використання WEB-форм не обмежується. Існує достатньо багато використань цієї технології. Наприклад WEB-форму часто використовують в якості форм-інтерфейсів для керування якоюсь програмою, також часто можна бачити WEB-довідники та підручники, для яких існує спеціальний WEB-формат (*.chm), існують також бази даних, що будуються на основі цієї технлології. Цей перелік можна продовжити, але поки що обмежимось цими прикладами.
З появою WEB-технологій було створено достатньо багато різноманітних програмних засобів, що дозволяють створювати «конструкції» будь-якої складності. З’явилися спеціальні мови для створення WEB-форм.
Найбільш поширеними є мови HTML, CSS, PHP. Що собою являють ці мови ми розглянемо пізніше. Зараз суттєвим є те, що створювати WEB-форми можна і без знань цих мов, використовуючи спеціальні програми, для роботи з якими не обов’язково знати мову. Але слід зазначити, що знання мов значно розширює можливості дизайнера і дозволяє йому більш ретельно виконувати роботу. Крім того слід зазначити, що всі програми генерують достатньо велику кількість зайвого коду, тому розміри проектів створених такими програмами значно перевищує розміри проектів написаних мовою. Наслідок тут дуже простий – більший розмір довше завантажується, а це не бажано.
При створенні WEB-форми, яким би не було її призначення, розробник повинен враховувати деякі загальні вимоги. Ці вимоги можна розділити на групи за певними спільними ознаками, а саме:
- Структура оформлення форми – передбачає правила розміщення матеріалів на формі згідно з нормами, що існують, або у відповідності з специфікою використання форми
- Підбір шрифтів текстової частини – передбачає використання конкретних типів шрифтів, які добре сприймаються, а також відповідний розмір шрифтів.
- Підбір кольорової гами – передбачає знання сумісності кольорів у різних кольорових схемах
- Інформативність – передбачає дотримання певних правил, що забезпечують інформативність та зрозумілість розміщених матеріалів
Можна виділити ще декілька груп правил, але вони є або не такими важливими, або можуть входити до складу перелічених, тому ми на цьому і зупинимось. Найважливіші вимоги і правила ми будемо розглядати в ході вивчення курсу.
Термін HTML (Hyper Text Markup Language) означає "мову маркування гіпертекстів". Це ширше, включає у собі Інтернет, і локальні мережі, редактори, броузеры, різноманітні програмные продукти, компакт-диски, навчальні курси, дизайн й багато іншого. HTML – своєрідна протилежність складним мовам програмування, відомим тільки фахівців.