Авторы: Александр Кудряшев, Павел Светашков | Сибирский федеральный университет
Форма обучения:
дистанционная
Стоимость самостоятельного обучения:
бесплатно
Доступ:
свободный
Документ об окончании:
 
Уровень:
Для всех
Длительность:
11:06:00
Студентов:
4012
Выпускников:
421
Качество курса:
4.08 | 3.78
Базовый курс веб-технологий предназначен для освоения основ HTML, CSS и Javascript. Не описывая всех возможностей, заложенных в эти языки, курс охватывает необходимый и достаточный базис для построения эффективных HTML-документов в соответствии с действующими стандартами.
Курс состоит из набора лекций и лабораторных работ. Лекции содержат как теоретические сведения, так и описания конкретных приёмов, сопровождаемые примерами и упражнениями.
 

План занятий

Глава <<
Занятие
Заголовок <<
Дата изучения
 
2 часа 30 минут
-
Глава 1 <<
 
Введение в HTML и CSS
 
 
Лекция 1
31 минута
Обзор HTML и CSS
Назначение языка HTML. Стандарт HTML и спецификация XHTML. Структура документа HTML. Назначение языка CSS.
Оглавление
    -
     
    Лекция 2
    36 минут
    Текстовые элементы HTML
    Параграфы, заголовки, элементы логического и физического форматирования текста. Списки, гиперссылки.
    Оглавление
      -
       
      Знакомство с HTML и CSS
      Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их помощи.
      Оглавление
        -
        Глава 2 <<
         
        Атрибуты и механизмы в CSS
         
         
        Лекция 3
        37 минут
        -
         
        Лекция 4
        47 минут
        Механизмы CSS

        Оглавление
          -
           
          Тест 1
          36 минут
          -
          Глава 3 <<
           
          Позиционирование и меню навигации
           
           
          Лекция 5
          23 минуты
          Позиционирование средствами CSS
          Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и наложения элементов.
          Оглавление
            -
             
            Создание динамического меню навигации при помощи списков и правил CSS
            Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок) для формирования системы навигации на веб-странице.
            Оглавление
              -
              Глава 4 <<
               
              Изображения и таблицы
               
               
              Лекция 6
              25 минут
              Изображения

              Оглавление
                -
                 
                Лекция 7
                26 минут
                Таблицы

                Оглавление
                  -
                   
                  Лекция 8
                  19 минут
                  Табличная и бестабличная вёрстка
                  Макет страницы. Колонки, колонтитул, подвал. Формирование макета средствами HTML-таблиц и правил CSS
                  Оглавление
                    -
                     
                    Тест 2
                    36 минут
                    -
                     
                    Создание макета страницы средствами правил CSS
                    Цель. Практическое освоение основных приемов верстки HTML-страницы с несколькими разделами.
                    Оглавление
                      -
                      Глава 5 <<
                       
                      JavaScript и динамический HTML
                       
                       
                      Лекция 9
                      44 минуты
                      Сценарии Javascript

                      Оглавление
                        -
                         
                        Обработка событий при помощи сценариев Javascript
                        Цель. Изучение приемов динамического изменения страницы в ответ на действия пользователя.
                        Оглавление
                          -
                           
                          Динамический HTML
                          Цель. Изучение приёмов динамического формирования HTML-документа.
                          Оглавление
                            -
                            Глава 6 <<
                             
                            События, формы. Другие технологии
                             
                             
                            Лекция 11
                            27 минут
                            События. Объект event

                            Оглавление
                              -
                               
                              Лекция 12
                              39 минут
                              HTML-формы

                              Оглавление
                                -
                                 
                                Лекция 13
                                41 минута
                                Внедрение объектов в документ HTML
                                Возможности и недостатки динамических HTML-страниц. Применение технологий Java, Flash, SVG, AJAX, Silverlight (обзор)
                                Оглавление
                                  -
                                   
                                  Знакомство с Silverlight
                                  Цель. Знакомство с программой Microsoft Expression Blend. Создание анимированной Silverlight-заставки и размещение её в HTML-документе
                                  Оглавление
                                    -
                                     
                                    Лекция 14
                                    36 минут
                                    Перспективы и расширения HTML
                                    Новые возможности в проектах спецификаций HTML 5 и CSS 3
                                    Оглавление
                                      -
                                       
                                      Тест 3
                                      36 минут
                                      -
                                       
                                      1 час 40 минут
                                      -
                                      Юрий Шах
                                      Юрий Шах

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

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

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

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

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

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