Опубликован: 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?
                                      Если не прав - поправьте.
                                      Также прошу разъяснить, как именно выполнить занное условие - поместить в табличную ячейку таблицу цифр, а в другую ячейку - таблицу знаков? 

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

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

                                      Денис Плешаков
                                      Денис Плешаков
                                      Россия, Киров, ВятГУ, 2005