Введение
Информатизация общества – организованный социально-экономический и научно-технический процесс создания оптимальных условий для удовлетворения информационных потребностей и реализации прав граждан. [19] До появления глобальной информационной сети, человеку было необходимо посещать библиотеки, музеи, различные выставки или интересоваться по поводу нужной ему информации у знающего человека, а знающих людей, как правило, было мало.
Глобальная информационная сеть охватывает совокупность электронно-вычислительных машин (ЭВМ) и их локальных сетей, которые могут быть расположены в любых точках земного шара, связанных между собой каналами дальней связи, предоставляемыми телефонными компаниями или интернет-провайдером. [1]
С их появлением человеку стало намного проще получать интересующую его информацию. Человек находит нужную ему информацию через поисковые системы. Поисковая система – это компьютерная система, предназначенная для поиска информации во всемирной сети Интернет. [2]
Однако для того что бы сайт получился информативным, интересным и смог приковать внимание пользователя необходимо что бы он был не одностраничным HTML документом, а красочным и интерактивным. Для этого нужно направить силы не только на разработку, но и на оформление сайта, что бы обеспечить ему высокие потребительские свойства и эстетические качества. Для этого необходимо определиться с дизайном.
Веб-дизайн(от англ web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.[4]
В наше время не достаточно просто поместить информацию на сайте, её ещё надо красиво оформить. Куда приятней смотреть на хорошо отформатированный текст, в котором выделено, то на чем стоит заострить внимание, что действительно важно, а у самого сайта приятный интерфейс и сам сайт внушает доверие.
Чтобы у сайта был приятный дизайн и интерфейс нужен инструмент, который был бы простым, эффективным, гибким и удобным в использовании. Именно таким инструментом и является CSS 3 (Каскадные таблицы стилей).
CSS (Cascading Style Sheets) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. [8]
CSS 3 включает в себя большое количество свойств и их значений, по этому у студента начинающего работать с CSS 3 могут возникнуть затруднения в их изучении.
Актуальность данной работы заключается в отсутствии систематизированного информационного ресурса в российском сегменте сети Интернет по данной теме, который бы включал в себя актуальный перечень CSS свойств в удобной для восприятия форме.
Проблема: отсутствие пособия по каскадным таблицам стилей затрудняет изучение современных технологий веб-дизайна.
Цель: разработка электронного пособия по каскадным таблицам стилей.
Задачи:
1. Проанализировать литературу по каскадным таблицам стилей и электронным средствам обучения;
2. Рассмотреть программное обеспечение для разработки электронного пособия;
3. Спроектировать электронное пособие;
4. Создать рекомендации по работе с электронным пособием.
Электронные средства обучения
В настоящее время активно разрабатываются компьютерные инструментальные средства для ведения учебных курсов. Практически по всем направлениям учебных дисциплин создаются электронные пособия. [25]
Одним из приоритетных направлений развития современного информационного общества является информатизация образования – процесс совершенствования образовательных курсов на основе внедрения средств информационно-коммуникационных технологий. [24]
Электронные средства обучения - программные средства, в которых отражается некоторая предметная область, в той или иной мере реализуется технология ее изучение средствами информационно - коммуникационных технологий, обеспечиваются условия для осуществления различных видов учебной деятельности.[14]
Электронные средства обучения могут быть использованы на любом цифровом носителе. Одним из вариантов электронных средств обучения является электронное пособие.
Пособие – это издание, содержащее ряд произведений одного или нескольких авторов, а также различные официальные, научные, информационные материалы на определенную тему. Так же пособие может быть и электронным. [5].
Электронное пособие – это электронное издание частично или полностью заменяющее, а так же дополняющее учебник. Электронное пособие в отличие от учебника кроме трех обязательных частей, присутствующих в учебнике: классического предметного содержания, упражнений для закрепления материала и контроля знаний, предполагает наличие определенной методики, разрабатываемой в рамках педагогического подхода: проблемного, проектного, контекстного, эвристического и др. подходов.[6].
Электронное пособие посвящено языку описания стилей внешнего отображения веб-документов CSS. Строгое изложение разделов официальной спецификации языка сопровождается конкретными примерами использования технологии. [23]
Электронный пособие может использоваться как для самостоятельного изучения материала, так и для лекционного чтения преподавателем с цель его более глубокого изучения, так же пособие подойдет и для тех, кто хочет повторить пройденный материал.
Из-за быстрого роста технического прогресса и внедрения все более и более новых технологий в производство и нашу жизнь человек не успевает освоить все те новшества, поэтому наличие под рукой электронного пособия поможет быстро найти и понять интересующую информацию. [22]
Повышения роли самостоятельной работы студентов над учебным материалом, усиление ответственности преподавателя за развитие навыков самостоятельной работы, за стимулирование профессионального роста студентов, воспитание их творческой активности и инициативы. Использование различных электронных образовательных технологий с ориентацией на формирование у студентов исследовательских умений способствует развитию познавательных способностей, усиливает мотивацию к получению образования. [18]
В настоящее время электронные средства обучения отличаются многообразием форм реализации, которые обусловлены как спецификой учебных предметов, так и возможностями современных компьютерных технологий.[16]
Современные электронные средства обучения могут быть представлены в виде:
· виртуальных лабораторий, лабораторных практикумов;
· компьютерных тренажеров;
· тестирующих и контролирующих программ;
· игровых обучающих программ;
· программно-методических комплексов;
· электронных практикумов, текстовый, графический и мультимедийный материал которых снабжен системой гиперссылок;
· предметно-ориентированных сред;
· наборов мультимедийных ресурсов;
· справочников и энциклопедий;
· информационно-поисковых систем, учебных баз данных;
· интеллектуальных обучающих систем.[17]
Приведенный перечень не может являться исчерпывающим, поскольку в связи с развитием компьютерных технологий проектирования и создания программных продуктов появляются новые виды электронных средств обучения и формы их реализации.
При условии целенаправленного и систематического использования электронных средств обучения в образовательном процессе в сочетании с традиционными методами обучения значительно повышается эффективность обучения. [20]
Учебное издание - издание, содержащее систематизированные сведения научного или прикладного характера, изложенные в форме, удобной для изучения и преподавания, и рассчитанное на учащихся разного возраста и ступени обучения.[7]
Разработка учебного издания довольно сложный и трудоемкий процесс, который включает в себя три позиции:
• учебное издание - педагогическая система. Издание конструируется таким образом, чтобы обучаемый не только усваивал теоретические и практические знания и навыки, но и формировался как личность.
Из множества электронных средств обучения для разработки был выбран электронное пособие, потому что в него можно включить большой объем информации по данной теме, которая наиболее подходит для тех, кто хочет заниматься front-end-разработкой.