Web-программирование

Данный спецкурс является продолжением спецкурса "Web-дизайн". Если ранее данный спецкурс был целиком посвящен только изучению языка JavaScript, то с 2013 года спецкурс будет состоять из двух частей: язык HTML5 и язык JavaScript.

HTML5 — язык для структурирования и представления содержимого для всемирной паутины, а также основная технология, используемая в Интернете. Это пятая версия HTML-стандарта, находящаяся пока в стадии разработки. Основной её целью является улучшение языка и поддержка работы с новейшими мультимедийными приложениями. Большинство новшеств касаются воспроизведения фотографий, видео и музыки. Так, благодаря HTML 5 отпадает нужда в использовании самого распространенного в настоящее время формата Adobe Flash и многих дополнительных программ. Кроме того, HTML 5 позволит улучшить отображение текста и значительно облегчит ввод данных при заполнении электронных формуляров

Основные нововведения HTML5:
- Аудио/видео. Видео и музыка будут воспроизводиться непосредственно в браузере. Пользователю понадобится лишь нажать на кнопку воспроизведения, после чего зазвучит музыка или на экране монитора начнется показ видеоролика.
- Галереи изображений. Размещать фотографии и изображения на веб-сайтах станет намного удобнее. HTML 5 позволяет применять множество эффектов наплыва – например, в галереях изображений. И для этого, опять-таки, не понадобится дополнительных программ.
- Интеграция текста и изображений. Возможности отображения текста и изображений на интернет-сайтах изменятся в корне. Например, для выделения текстовых блоков будут доступны инструменты, напоминающие маркер или световой карандаш. К тому же HTML 5 предоставляет широкие возможности для оформления веб-сайтов, которые не будут уступать глянцевым журналам.
- Ввод данных. Упростится и станет безопаснее заполнение электронных формуляров. Например, веб-браузер проконтролирует правильность введенных данных в режиме реального времени и тут же сообщит о неточностях, скажем, если пользователь вместо электронной почты укажет адрес места жительства. В HTML 4 проверка и оповещение о возможных ошибках осуществляются только после отправки формуляра, что порой создает пользователю проблемы.
- Графика и анимация. Благодаря новой функции – Canvas -графику с изменяемым контентом, анимацию и небольшие игры можно будет размещать непосредственно на веб-сайтах.

Благодаря HTML 5 отпадает надобность в использовании многочисленных дополнительных программ. Установка программного обеспечения потребуется только в исключительных случаях. В отличие от HTML 4 стандарт HTML 5 совместим не только с ПК и ноутбуками, но и со смартфонами, планшетами, а также с новейшими моделями телевизоров, которые способны получать доступ в Интернет. С HTML 5 пользование Интернетом на смартфонах и планшетах станет намного проще и удобнее: возрастет скорость загрузки, да и сами сайты будут выглядеть привлекательнее. Одна и та же страница на языке HTML 4, открытая в разных браузерах, может выглядеть по-разному. С HTML 5 эта проблема исчезнет.

В первой части курса будут рассмотрены наиболее интересные нововведения HTML5:
- Возможности рисования на веб-страницах произвольных объектов (элемент canvas);
- Улучшение форм (новые значения type для input и множество новых элементов и атрибутов);
- Поддержка видео и аудио (элементы video и audio);
- Геолокационные средства;
- Добавление семантических тэгов, позволяющих сделать веб-страницы более понятными для поисковых систем, браузеров и других программ, работающих с веб-страницами (элементы footer, header, nav, article);
- DOM хранилище (объектная модель документа)

Вторая часть курса посвящена созданию динамических Web-страниц с использованием языка JavaScript.

JavaScript - язык программирования, основанный на работе с объектной моделью Web-документа, которая строится в памяти браузером. Текст программы на языке JavaScript встраивается непосредственно в HTML-документ и интерпретируется самим браузером, то есть не требуется никаких дополнительных программных средств как для разработки самих скриптов, так и для их выполнения.

JAVAScript применяется для придания пользовательскому интерфейсу большей интерактивности по сравнению со статическим HTML, он позволяет реализовать: бегущую строку, изменяемые рисунки, проверку правильности заполнения формы, выдачу различных сообщений в зависимости от действий пользователя и т.д.

Продолжительность курса - 45 академических часов. Занятия проводятся раз в неделю по три часа. На данный курс принимаются ученики 8-11 классов.

Преподаватель - Шеина Татьяна Юрьевна

Графические изображения для задания №1

Итоговый рейтинг

Список группы на 14.01.2013

1. Вакорин Антон
2. Голдобин Алексей
3. Калугина Элина
4. Овеснов Денис
5. Спешилова Анна
6. Шкондина Ксения