1 Короткі теоретичні відомості

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

HTML – Мова розмітки гіпертекстових документів —стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.

Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) – спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних.

JavaScript – назва реалізації стандарту мови програмування ECMAScript компанії Netscape, базується на принципах прототипного програмування. Найпоширеніше і найвідоміше застосування мови — написання сценаріїв для веб-сторінок, але, також, використовується для впровадження сценаріїв керування об’єктами вбудованими в інші програми.

1.1 Призначення розробленого сайту

Призначення розробленого сайту – це відображення інформації про косметичну продукцію Oriflame. Сайт уявляє собою статичний каталог сторінок відповідної продукції з коротким описом та картинкою товару. Основна мета створення сайту – привернути увагу покупців відповідної продукції.

1.2 Обґрунтування вибору мови верстки html

HTML, ймовірно, найуспішніша мова розмітки документів у всьому світі. Проте, коли світові представили XML, було вирішено створити нову версію HTML, похідну від XML. Адже з XML-заснованим HTML інші XML-мови могли би включати частини XHTML, а XHTML-документи могли б включати частини інших мов розмітки. Також автори веб-документів могли б скористатися перевагами редизайну задля очищення деяких з найбільш неохайних частини HTML, а також додати деякі з нових необхідних функцій, таких як покращені форми. Нижче зазначені деякі переваги використання XHTML замість HTML.[1]

Якщо документ є лише чистим XHTML 1.0 (не включає інші мови розмітки), то різниця між XHTML та HTML майже не помітна. Проте, оскільки стають доступними все більше і більше XML-інструментів (наприклад, XSLT для перетворення документів), переваги використання XHTML стають все помітнішими. Наприклад, XFormsдозволяє досить просто керувати редагуванням документів XHTML (або будь-яких інших видів документа XML). Семантичні веб-застосунки також зможуть скористатися документами XHTML за своїми потребами. Якщо документ більш ніж просто XHTML 1.0 (наприклад, у документі використовуються мови розмітки MathML, SMIL, абоSVG), тоді переваги використання XHTML значно помітніші, адже HTML не підтримує такі комбінації мов розмітки в одному документі.

Для верстання сторінок сайту була обрана мова XHTML 1.0 Transіtіonal.

При створенні html-документа у відповідності зі стандартом XHTML 1.0 необхідно дотримуватися наступний вимог:

– якщо десь у тексті програми зустрічається відкриваючий тег, обов'язково повинен бути і закриваючий;

– теги можуть бути вкладеними, але не можуть перетинатися;

– всі елементи повинні записуватися малими літерами (виключення становить тег DTD);

– значення всіх атрибутів повинні братися в лапки;

– обов'язковим є наявність в html-документі тегів DTD й <tіtle></tіtle>.

Для форматування зовнішнього вигляду сторінок було застосовано CSS(каскадні таблиці стилів).

Каскадні таблиці стилів (css – cascadіng style sheets) – це набір параметрів форматування, що застосовується до елементів веб-сторінки для керування їх виглядом і положенням. Стилі є зручним, практичним й ефективним інструментом при розмітці веб-сторінок й оформленні тексту, посилань, зображень й інших елементів.