Всем привет.
Добро пожаловать на курс "Введение в CSS3".
В течение ближайших четырех недель мы узнаем, как взять простейший код в HTML5 и
сделать из него что-то по-настоящему красивое.
Итак, чем же мы будем заниматься в течение следующих четырех недель?
Пожалуй, прежде всего мы познакомимся с каскадными таблицами стилей.
Разберемся, почему это более предпочтительный способ оформления страниц по сравнению с тем,
как это принято было делать в начале 2000-х и конце 1990-х годов.
Затем, вы должны будете освоить синтаксис.
Поняв преимущества этого способа,
как нам научиться писать действительно хороший код?
Закончив с синтаксисом, мы двинемся дальше и
и поговорим также об инструментах разработчика.
Веб-дизайнер очень редко просто сидит и пишет код,
не глядя по сторонам или не заходя в интернет.
Наоборот, вам надо будет пользоваться дополнительными средствами, позволяющими модифицировать код
без необходимости заранее писать этот новый код.
Наконец, как обычно, мы поговорим о вопросах доступности для людей с ограниченными возможностями.
Всегда интересно добавить на нашу страницу цвета, анимированные объекты и другие прикольные штуки.
Делая это,
важно не допускать снижения такой доступности.
Мы должны постараться, чтобы каждый человек мог увидеть все, что есть на нашей странице.
Итак, теперь давайте посмотрим, чем именно мы будем заниматься на каждой из четырех недель нашего курса.
На первой неделе моей основной задачей будет ввести вас в курс дела, помочь вам сделать первые шаги
и обрести некоторую уверенность в собственных силах.
Для начала мы поговорим о трех распространенных способах добавления стилей к коду.
Познакомившись с ними, мы перейдем к сравнению этих способов,
рассмотрим, какие из них оказываются предпочтительнее в различных ситуациях.
А также поговорим о разных моментах, которые помогут вам с уверенностью выбирать
оптимальный способ задания стиля в каждом конкретном случае.
Затем мы поговорим об основах оформления шрифтов.
Мне очень хотелось бы, чтобы к концу первой недели вы могли взять веб-страницу и
сделать в ней какие-то самые очевидные изменения.
Получится ли у вас заменить стиль текста на курсив, добавить подчеркивание или
задать другой цвет?
Наконец, мы вкратце поговорим о расположении элементов на странице.
Это будет важной темой на протяжении всех четырех недель -
попробовать разобраться, как поместить вашу шапку сюда, а
картинку - туда.
Это может оказаться не так просто, но - ничего страшного.
Потому что мы будем возвращаться к этому каждую неделю.
На второй неделе, я расскажу о так называемой блочной модели.
Эта концепция хорошо знакома каждому веб-разработчику,
так как речь идет о том, что каждый элемент на вашей странице фактически представляет собой прямоугольный блок.
Далее, мы поговорим о форматировании ссылок и списков.
Каждому хочется, чтобы у него на странице были ссылки.
Именно благодаря ссылкам интернет является интернетом, и теперь вопрос в том, как покрасивее их оформить.
Потом мы перейдем к разговору о дополнительных селекторах.
В начале курса мы будем аккуратненько назначать стили простым
элементам, таким как список, абзац, или шапка страницы.
Затем нам придется задаться вопросом - что делать, если надо применить стиль только к некоторым из ссылок,
а не ко всем сразу?
Наконец, мы поговорим о возможностях браузеров.
Например, в ходе изучения HTML5
вы узнали о существовании тегов, поддерживаемых одними браузерами и не поддерживаемых другими.
Точно так же, браузеры по-разному обрабатывают CSS.
И я хочу научить вас, как с этим лучше всего обходиться.
На третей неделе мы поговорим о псевдо-классах и псевдо-элементах.
Здесь речь пойдет о том, как сделать, чтобы что-то происходило,
когда мы водим мышью по странице.
А также о том, как применить стили лишь к отдельным элементам, например,
последнему абзацу на странице, или к первому.
Кроме того, мы поговорим о преобразованиях.
Это касается изменения вида одного из элементов на странице,
что во многом сходно с концепцией трансформаций.
Трансформации используются для того, чтобы поворачивать элементы на странице, наклонять их,
увеличивать или уменьшать их размер, а также делать другие вещи такого плана.
Наконец, мы снова вернемся к позиционированию,
посмотрим, как заставить элемент переместиться в определенное положение и все время там оставаться.
Каждому приходилось сталкиваться с раздражающими самораскрывающимися меню и всплывающей рекламой.
Теперь вы сами сможете сделать такую противную всплывающую рекламу.
На четвертой неделе нового материала практически не будет.
Вместо этого, мы займемся примерами, образцами, и еще раз образцами и примерами.
В частности, я познакомлю вас с различными способами форматирования таблиц и
навигационных меню
Большая часть недели на самом деле уйдет на работу над вашим курсовым проектом.
Итак, я хочу, чтобы вы сразу поняли, на кого рассчитан этот курс, готовы ли вы его пройти и
интересно ли вам это.
Прежде всего, нет смысла проходить этот курс, предварительно не освоив HTML5.
Возможно, кто-то как раз сейчас его изучает.
Или же можно просто зайти в интернет и почитать о нем, главное - чтобы вы чувствовали себя спокойно,
когда я упоминаю такие вещи, как теги, элементы или валидация.
Далее, для прохождения этого курса потребуется усердие.
Ни у кого не получится написать хороший код для страницы с первого раза.
Может быть даже и со второго, а иногда и с третьего, четвертого или пятого.
Главное - получать удовольствие от процесса, стремясь
добиться, чтобы что-то получилось, как задумано, и радоваться маленьким победам, когда это наконец происходит.
Наконец, этот курс предназначен для
тех, кто готов делать больше, чем я буду показывать в ходе занятий.
Я могу дать вам лишь ограниченный объем информации.
Ваша задача - тренироваться в ее применении, корректировать и видоизменять ее,
стараясь посмотреть, что происходит, если не ограничиваться примерами, которые я даю.
А если вам хочется узнать немного больше обо мне и о том, что побудило меня
вести этот курс - пора дать вам кое-какие данные.
Я являюсь доктором наук по вычислительным системам.
Хотя, по правде, это далеко не самое важное.
Главное - у меня за плечами два десятилетия опыта преподавательской работы.
За это время у меня были самые разные студенты
по множеству разных тем.
И я поняла, что мне очень нравится объяснять материал различными способами, и
я люблю работать со студентами, задающими больше вопросов.
Я всегда много перемещалась по аудитории,
помогая студентам найти ошибки, контактируя с ними лично.
Задания в этом курсе будут вполне очевидными.
Каждую неделю надо будет пройти совсем короткий тест, как правило, состоящий из вопросов с несколькими вариантами ответа.
Но главное - каждую неделю потребуется сдавать задания для оценки другими студентами.
Ведь я могу говорить о CSS3 сколько угодно, но пока вы сами не начнете набирать код и
упражняться с ним, вы на самом деле ничему не научитесь.
Итак, каждую неделю каждый студент будет получать один и тот же HTML код.
И надо будет его по-своему отформатировать
Финальное задание для оценки одноклассниками сдается на неделе номер четыре.
Оно будет достаточно серьезным, чтобы дать вам возможность создать что-то, чем
реально можно будет гордиться, и в чем будет что-то лично от вас.
Теперь о том, что от вас потребуется для успешного прохождения курса.
В идеале, следовало бы собираться с друзьями, писать код вместе, учиться
на ошибках друг друга, а также и на достижениях каждого из вас.
Поскольку у нас не будет личного контакта с преподавателем,
пожалуйста, не забывайте пользоваться форумами.
Не только для того, чтобы задать свои вопросы, но и чтобы посмотреть, какие вопросы задают другие.
Таким образом можно многому научиться.
Здесь крайне важно подчеркнуть - мне не хотелось бы, чтобы у вас создалось впечатление, будто я пытаюсь словчить
или поймать вас на неожиданной проблеме.
Если вы, пытаясь решить какую-то задачу, не можете сдвинуться с мертвой точки
больше 15 минут - переключитесь на что-то другое.
Это CSS, и мы занимаемся оформлением.
Никогда не поздно что-то изменить, и
можно пока найти другую, более подходящую задачу.
Ни в коем случае не пренебрегайте самостоятельным поиском информации.
У меня никак не получится дать вам все необходимые знания.
Поэтому вы можете зайти в интернет, посмотреть на различных ресурсах и
и может быть увидеть что-то, что вам захотелось бы воспроизвести.
Наконец, очень важно как можно больше тренироваться.
Если вы выполняете минимальный объем заданий, необходимый для прохождения курса, и считаете, что этого достаточно -
прекрасно.
Я рада, что вы смогли чему-то научиться.
Но если вы действительно стремитесь стать веб-разработчиком, очень
важно, чтобы вам нравилось то, что вы делаете, чтобы вы действовали самостоятельно
и пользовались любой возможностью создать что-то прекрасное.
Итак, добро пожаловать на наш курс, я рада буду
видеть вас в рядах студентов, приобретающих знания о каскадных таблицах стилей.
Спасибо.