CSS – средство управления макетом HTML документа
Содержание
Введение. 3
1.ТЕОРЕТИЧЕСКАЯ ЧАСТЬ. 5
1.1. Постановка целей и задач проекта. 5
1.2. Разработка и определение стиля сайта. 5
1.3. Анализ структуры и аудитории сайта. 7
1.4. Анализ используемых в проекте программных средств. 8
1.4.1. HTML – язык разметки гипертекста. 8
1.4.2. CSS – средство управления макетом HTML документа. 9
1.4.3. JavaScript – язык создания сценариев. 9
1.4.4. Графический редактор AdobePhotoshop. 11
2. ПРАКТИЧЕСКАЯ ЧАСТЬ. 12
2.1. Карта сайта. 12
2.2. Спецификация гипертекстовой схемы.. 13
3. Охрана труда. 25
Заключение. 32
Список ИСПОЛЬЗОВАННЫХ источников.. 34
ПРИЛОЖЕНИЕ. 32
ВВЕДЕНИЕ
Автомобильный транспорт развивается качественно и количественно бурными темпами. В настоящее время ежегодный прирост мирового парка автомобилей равен 30-32 млн. единиц, а его численность — более 400 млн. единиц. Каждые четыре из пяти автомобилей общего мирового парка -легковые и на их долю приходится более 60% пассажиров, перевозимых всеми видами транспорта.
Помимо тех неоспоримых удобств, которые легковой автомобиль создает в жизни человека, очевидно общественное значение массового пользования личными автомобилями: увеличивается скорость сообщения при поездках; сокращается число штатных водителей; облегчается доставка городского населения в места массового отдыха, на работу и т.д.
Однако процесс автомобилизации не ограничивается только увеличением парка автомобилей. Быстрые темпы развития автотранспорта обусловили определенные проблемы, для решения которых требуется научный подход и значительные материальные затраты.
|
|
|
Одна из проблем на сегодняшний день является повышение производительности, эффективности использования подвижного состава автомобильного транспорта в значительной степени зависит от уровня развития и условий функционирования производственно-технической базы (ПТБ) предприятий автомобильного транспорта, основной задачей которой является обеспечение требуемого уровня технической готовности подвижного состава. Уровень развития ПТБ существенно влияет на показатели работы автомобильного транспорта: повышается значение коэффициента технической готовности, уменьшаются расходы на ТО и ТР автомобилей на единицу пробега.
1.ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
1.1. Постановка целей и задач проекта
Цель данного проекта – создание сайта, в котором посетитель с легкостью найдет всю интересующую его информацию о услугах автомастерской.
В данной работе определены следующие задачи:
· Четко и просто предоставить полную информацию о сервисе и услугах;
· создать положительный имидж сайта;
· привлечь целевую аудиторию;
|
|
|
· создать удобный и доступный интерфейс с использованием стилевых каскадных таблиц CSS
1.2. Разработка и определение стиля сайта
Прошли те времена, когда веб-мастер делал сайт только для себя. Сейчас большинство заказов на изготовление сайтов поступает от организаций и людей, не связанных с Интернетом. Чтобы сайт не потерялся в море ему подобных, он должен иметь полезное, интересное содержание (контент). Но, кроме того, сделать сайт запоминающимся позволяет грамотно подобранный дизайн. Дизайн должен точно соответствовать цели сайта.
Разберёмся теперь в том, для чего делают сайты.Мы будем рассматривать функциональные стили сайтов. Слово "функциональные" означает определяемые условиями их использования. Можно выделить следующие функции (или цели) сайтов:
- предоставление большого количества информации о сложных и разнообразных явлениях нашего мира (наука, компьютеры, автомобили, авиация и тому подобное);
- продажа большого числа разных товаров и услуг (одежда, обувь, бытовая техника);
- продвижение на рынке отдельных эксклюзивных, дорогих товаров (брендов);
- организация общения между собой большого числа пользователей (социальные сети);
- презентация веб-студий, рекламных фирм, портфолио веб-программистов и дизайнеров.
|
|
|
В нашем случае сайт выполняет функцию предоставленияразнообразного количества информации о вышивке.
За время существования веб-дизайна появилось огромное множество стилей оформления сайтов.Мой сайт создан c использованием двух стилей: минимализм, информационный дизайн .
Минимализм и информационный дизайн используются там, где информации много, вся она нужна, всю её надо как-то организовать на экране.
Суть минимализма состоит в минимуме используемых в процессе творчества материалов, простоте и единообразии форм, монохромности, творческом самоограничении художника. Можно сказать, что минимализм — очень логичный стиль, стремящийся к упорядоченности, даже сухости. Это направление, в котором отсекается всё ненужное, и в итоге мы должны получить прозрачную и ясную работу. Кажущаяся простота минималистского сайта должна подчёркивать его глубокое внутреннее содержание.
Ниже кратко описаны черты минималистского стиля, которые были применены в данном проекте.
ü Шрифтовой лаконизм. Несистемные шрифты не используются. Только шрифты с засечками или без засечек. В целом наблюдается скромность в шрифтовом оформлении.
|
|
|
ü Декор.Тонкие линии, цветные плашки, пиксельные значки. Чтобы не было скучно, дизайнер может внести в модульную сетку разбивку элементов линейками, расположение ключевой информации (цитат, например) на цветных плашках. Пиксельные значки также служат декоративным целям: ссылки, предварённые значком, лучше запоминаются пользователю.
ü Текстовая навигация. Все меню исключительно текстовые. Текстовая навигация должна легко "считываться" пользователем: ему сразу должно быть понятно, где на сайте главные ссылки, пройдя по которым, он попадет в нужный раздел.
ü Тщательная работа над контентом. Дизайнер должен особенно тщательно работать над вёрсткой текста, отнестись к нему бережно.
ü Чёткая модульная сетка. Все объекты в дизайне минималистского толка должны находиться между собой во внятных отношениях: нужно следить за выравниванием каждой ссылки, каждого блока относительно других объектов, чтобы ни у кого не возникало вопросов: "А почему это расположено именно здесь?".
Информационный дизайн нужен там, где текст всё ещё преобладает над графикой, но без последней уже не обойтись. Взяв от минимализма правила лаконичности и минимум выразительных средств, информационный дизайн стал популярным там, где простота и лёгкость подачи информации сочетаются с достаточной иллюстративностью.
1.3. Анализ структуры и аудитории сайта
Сайт состоит из HTML страниц, связанных между собой гипертекстовыми ссылками и подключённых к ним каскадных таблиц стилей и сценариев JavaScript. Дизайн сайта разработан с помощью каскадных таблиц стиля CSS.
Сайт рассчитан в основном на аудиторию мужского пола вне зависимости от возраста, религии, расы, место проживания и социального статуса.
Сайт «Механик» имеет следующую структуру:
1) главная страница – содержит информацию о времени работы мастерской и не много о самой кампании;
2) Техническое обслуживание – содержит информацию в какой области работает автомастерская;
3) Услуги – содержит информацию о предоставляемых услугах ;
4) страница контакты– содержит номер телефона и окна для отправки сообщения;
1.4. Анализ используемых в проекте программных средств
1.4.1. HTML – язык разметки гипертекста
Язык HTML (HyperTextMarkupLanguage - язык разметки гипертекста) предназначен для формирования документов и приведения их к виду, пригодному для просмотра с помощью программ-браузеров. Основная идея, которая преследовалась при его разработке - создать такой формат документов, который не зависел бы от типа компьютера, на котором эти документы будут просматриваться.
Язык HTML разрабатывался с той точки зрения, что все типы устройств должны иметь возможность использовать информацию в Web: персональные компьютеры с графическими дисплеями с различным разрешением и числом цветов, сотовые телефоны, переносные устройства, устройства для вывода и ввода речи, компьютеры с высокой и низкой частотой и т.д.
Сам HTML-документ представляет собой текстовый файл. В основе любого WorldWideWeb - документа лежат дескрипторы. Дескрипторы, которые заключаются в угловые скобки <>, описывают структуру и формат документа. Дескрипторы можно разбить на четыре группы в соответствии с выполняемыми ими функциями. Различают дескрипторы определения, описания, связи и дескрипторы, вызывающие средства мультимедиа.
Сам по себе язык HTML, на котором создаются документы для Интернета, позволяет размещать на Web-страничке текст, картинки, организовывать ссылки, но не позволяет сделать Web-страничку активной.
CSS – средство управления макетом HTML документа
Каскадные таблицы стилей CSS (CascadeStyleSheets) – это набор стандартов, которые регулируют некоторые методы применения стиля к страницам HTML. Стиль включает в себя все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля, и расположение объекта на страницах.
CSSразрабатывались так, чтобы обеспечить больший уровень контроля над размещением текста или графики. Таблицы стилей предоставляют долгожданное решение для борьбы со многими ограничениями HTML. В результате имеется возможность контролировать шрифты, возможность управления цветами, полями и даже дополнительными специальными эффектами типа добавления тени к тексту.
Термин “каскадный” означает, что в одном HTML документе могут использоваться разные стили. Браузер будет следовать их порядку (как по каскаду), интерпретируя информацию стилей.
Все эти возможности каскадных таблиц требуются для более точного и качественного построения макета документов, что является неоспоримым преимуществом перед другими способами создания электронных документов.
Дата добавления: 2018-08-06; просмотров: 255; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!