История возникновения и применение Каскадных таблиц стилей (CSS) в web-дизайне, их преимущества и отличие от HTML. Сравнительная характеристика табличной и блочной верстки. Практика дизайна сайта: создание бокового меню, всплывающего модального окна.
Аннотация к работе
Тестирующие системы представляют собой последовательность заданий (наборов вопросов) с проверкой правильности исполнения и вычисления интегральной оценки усвоения материала. Необходимость в оценке и проверке уровня и качества знаний возникает в любой деятельности человека. Проблема адекватности и валидности результатов теста становиться еще острее при дистанционном и повсеместном использовании информационных технологий для тестирования и проверки знаний студентов, школьников, преподавателей и других категорий людей, для которых результаты теста имеют важное личностное значение. К концептуальным вопросам информатизации сферы образования целесообразно отнести вопрос использования системы компьютерного тестирования, позволяющей активно влиять на образовательный процесс, способствовать эффективному усвоению учебного материала, и используемой, с одной стороны, преподавателем для промежуточного и итогового контроля знаний и, с другой стороны, обучаемым для самооценки уровня своей подготовленности в процессе самостоятельной работы. Тестовая система представляет собой автоматизированную поддержку самостоятельной работы студентов, школьников, позволяющую проводить контроль и самоконтроль уровня усвоения материала, выступать в роли тренажера при подготовке к экзаменам.CSS - одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название «стандарты web». В 1990-х годах стала ясна необходимость стандартизировать web, создать какие-то единые правила, по которым программисты и web-дизайнеры проектировали бы сайты. В начале 1990-х различные браузеры имели свои стили для отображения web страниц. HTML развивался очень быстро и был способен удовлетворить все существовавшие на тот момент потребности по оформлению информации, поэтому CSS не получил тогда широкого признания. В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определенных ранее стилях.HTML используется для структурирования содержимого страницы. CSS используется для форматирования этого структурированного содержимого. Когда парень по имени Tim Berners Lee изобрел World Wide Web, язык HTML использовался только для вывода структурированного текста. По мере развития Web дизайнеры начали искать возможности форматирования онлайновых документов. Чтобы удовлетворить возросшим требованиям потребителей, производители браузеров изобрели новые HTML-тэги, такие, например, как , которые отличались от оригинальных HTML-тэгов тем, что они определяли внешний вид, а не структуру.Табличная верстка - условное название метода верстки HTML-документов, при котором в качестве структурной основы для расположения текстовых и графических элементов документа используются таблицы (то есть HTML-тег ). Таблицы же, за счет того, что автоматически изменяют свой размер в соответствии с содержимым, а также за счет возможности, напротив, задать точные размеры той или иной ячейки, позволяют быстро и удобно расставить иллюстрации к тексту или совместить несколько частей коллажа в одно большое изображение. Кроме того, таблицы в HTML могут быть вложенными, что позволяет создавать целые иерархии таблиц, что было очень удобно при верстке сложных страниц, отдельные элементы которых должны были бы сохранять свое положение и размер на экране вне зависимости от размера окна браузера , тогда как другие элементы, напротив, должны были изменяться в размерах и/или изменять свое местоположение относительно остальных объектов документа.Таблицы довольно долго властвовали в области верстки, поскольку предлагали достаточно простые методы для размещения разных элементов на web-странице при отсутствии явных конкурентов. Благодаря наличию большого числа параметров, особенно границе нулевой толщины, таблица выступает в роли невидимой модульной сетки, относительно которой добавляется текст, изображения и другие элементы. Таблицы же хорошо выступают в качестве многоколонной модульной сетки, каждая ячейка представляет собой отдельную колонку. При изменении размера окна браузера, колонки сохраняют свой исходный вид, а не переносятся как слои друг под друга. Таблицы удачно подходят для «резинового» макета, ширина которого привязана к ширине окна браузера.Браузеры используют такой подход, чтобы получить всю информацию о таблице для правильного форматирования ее содержимого. Существуют и способы обхода этого свойства, в частности, разбиение одной большой таблицы на несколько таблиц поменьше, а также использование стилевого свойства table-layout. Таблицы содержат сложную иерархическую структуру вложенных тегов, которая увеличивает объем кода, и повышает сложность изменения отдельных параметров. В некоторых случаях для достижения желаемого результата приходится вкладывать одну таблицу внутрь другой, а это также влияет на размер «шелухи», т.е. кода, который не принимает непосредственного участия в отображении web-страницы. Хотя к таблицам стиль легко добавляется, но обил
План
ОГЛАВЛЕНИЕ
ВВЕДЕНИЕ
ГЛАВА 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
1.1 История возникновения CSS
1.2 Что можно делать с помощью CSS
1.3 Разница между CSS и HTML
1.4 Какие преимущества дает CSS
1.5 Табличная верстка
1.5.1 Преимущества таблиц
1.5.2 Недостатки таблиц
1.6 Блочная верстка
1.6.1 Преимущества блочной верстки над табличной
ГЛАВА 2. ПРАКТИЧЕСКАЯ ЧАСТЬ
2.1 Оформление «шапки» сайта
2.2 Дизайн web-сайта
2.3 Создание бокового меню
2.4 Создание всплывающего модального окна при выходе
2.5 Создание эффекта для изображения на странице “О нас”