Опубликован: 01.09.2010 | Уровень: для всех | Доступ: платный | ВУЗ: Сибирский федеральный университет
Введение в современные веб-технологии Базовый курс веб-технологий предназначен для освоения основ HTML, CSS и Javascript. Не описывая всех возможностей, заложенных в эти языки, курс охватывает необходимый и достаточный базис для построения эффективных HTML-документов в соответствии с действующими стандартами.
Курс состоит из набора лекций и лабораторных работ. Лекции содержат как теоретические сведения, так и описания конкретных приёмов, сопровождаемые примерами и упражнениями.
Необходимые знания: Базовые навыки работы с текстовым редактором и веб-браузером, знакомство с Интернет. Для разделов, касающихся Javascript, необходимо представления о языках программирования, желательно - об объектно-ориентированном программировании.

Microsoft DreamSpark

Бесплатные лицензионные инструменты разработки и дизайна для школьников, студентов, аспирантов и преподавателей.

Специальное предложение для студентов НОУ «ИНТУИТ».

 ...еще >>

План занятий

Глава <<ЗанятиеЗаголовок <<Дата изучения
-
Глава 1 <<Введение в HTML и CSS
Лекция 1
31 минута
Обзор HTML и CSS
Назначение языка HTML. Стандарт HTML и спецификация XHTML. Структура документа HTML. Назначение языка CSS.
Оглавление
    -
    Лекция 2
    36 минут
    Текстовые элементы HTML
    Параграфы, заголовки, элементы логического и физического форматирования текста. Списки, гиперссылки.
    Оглавление
      -
      Самостоятельная работа 1
      14 минут
      Знакомство с HTML и CSS
      Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их помощи.
      Оглавление
        -
        Глава 2 <<Атрибуты и механизмы в CSS
        Лекция 3
        37 минут
        -
        Лекция 4
        47 минут
        Механизмы CSS
        Оглавление
          -
          Тест 1
          36 минут
          -
          Глава 3 <<Позиционирование и меню навигации
          Лекция 5
          23 минуты
          Позиционирование средствами CSS
          Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и наложения элементов.
          Оглавление
            -
            Самостоятельная работа 2
            14 минут
            Создание динамического меню навигации при помощи списков и правил CSS
            Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок) для формирования системы навигации на веб-странице.
            Оглавление
              -
              Глава 4 <<Изображения и таблицы
              Лекция 6
              25 минут
              Изображения
              Оглавление
                -
                Лекция 7
                26 минут
                Таблицы
                Оглавление
                  -
                  Лекция 8
                  19 минут
                  Табличная и бестабличная вёрстка
                  Макет страницы. Колонки, колонтитул, подвал. Формирование макета средствами HTML-таблиц и правил CSS
                  Оглавление
                    -
                    Тест 2
                    36 минут
                    -
                    Самостоятельная работа 3
                    8 минут
                    Создание макета страницы средствами правил CSS
                    Цель. Практическое освоение основных приемов верстки HTML-страницы с несколькими разделами.
                    Оглавление
                      -
                      Глава 5 <<JavaScript и динамический HTML
                      Лекция 9
                      44 минуты
                      Сценарии Javascript
                      Оглавление
                        -
                        Самостоятельная работа 4
                        9 минут
                        Обработка событий при помощи сценариев Javascript
                        Цель. Изучение приемов динамического изменения страницы в ответ на действия пользователя.
                        Оглавление
                          -
                          Лекция 10
                          34 минуты
                          -
                          Самостоятельная работа 5
                          16 минут
                          Динамический HTML
                          Цель. Изучение приёмов динамического формирования HTML-документа.
                          Оглавление
                            -
                            Глава 6 <<События, формы. Другие технологии
                            Лекция 11
                            27 минут
                            События. Объект event
                            Оглавление
                              -
                              Лекция 12
                              39 минут
                              HTML-формы
                              Оглавление
                                -
                                Самостоятельная работа 6
                                -
                                Лекция 13
                                41 минута
                                Внедрение объектов в документ HTML
                                Возможности и недостатки динамических HTML-страниц. Применение технологий Java, Flash, SVG, AJAX, Silverlight (обзор)
                                Оглавление
                                  -
                                  Самостоятельная работа 7
                                  20 минут
                                  Знакомство с Silverlight
                                  Цель. Знакомство с программой Microsoft Expression Blend. Создание анимированной Silverlight-заставки и размещение её в HTML-документе
                                  Оглавление
                                    -
                                    Лекция 14
                                    36 минут
                                    Перспективы и расширения HTML
                                    Новые возможности в проектах спецификаций HTML 5 и CSS 3
                                    Оглавление
                                      -
                                      Тест 3
                                      36 минут
                                      -
                                      Самостоятельная работа 8
                                      11 минут
                                      -
                                      5 часов
                                      -
                                      Юрий Шах
                                      Юрий Шах

                                      Профессиональный веб-дизайн: Введение в современные веб-технологии
                                      Самостоятельная работа 4

                                      "3. Создание внешней таблицы.

                                      Теперь создайте таблицу с двумя строками. Во второй строке создайте две ячейки - в первую переместите таблицу цифр, а во вторую - таблицу знаков."

                                      Как в ячейку <td> поместить таблицу? Таблица же сама состоит из ячеек. Исходя из задания следует, что <td> может быть родителем для <td>, но это противоречит правилам HTML?
                                      Если не прав - поправьте.
                                      Также прошу разъяснить, как именно выполнить занное условие - поместить в табличную ячейку таблицу цифр, а в другую ячейку - таблицу знаков? 

                                      Елена Сапегова
                                      Елена Сапегова

                                      После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

                                      Nat Ves
                                      Nat Ves
                                      Израиль
                                      Татьяна Орлова
                                      Татьяна Орлова
                                      Россия, Воронежская область