Привет, Меня зовут Коллин Ван Лент, и я рада приветствовать вас на курсе «Введение в HTML5». Я очень рада преподавать этот курс, мне нравится, что у нас наконец-то появится курс, который разъяснит основы HTML5 как можно большему количеству людей. Мне нравится работать с людьми и с технологиями, и я считаю, что нам нужно вовлечь как можно больше людей. Тогда мы будем уверены, что создаем курсы, полезные для всех. В этом курсе мы будем разбирать основы. Я еще раз хочу обратить ваше внимание на то, что мы начнем с самых основ. Сначала мы разберем синтаксис и семантику. Какой код делает веб-страницу веб-страницей? Есть ли особое значение у этих слов, несут ли они особую информацию для тех, кто не может получить доступ к веб-странице тем же способом, что и я? Возможно, тот, кто использует для доступа специальные инструменты. После того, как мы поговорим о синтаксисе и семантике, мы подробно обсудим концепцию доступности, которую я только что затронула. Концепция заключается в ответе на вопрос, как сделать так, чтобы к информации получили доступ как можно больше людей? Кроме того, мы будем говорить о том, как начать работать в ИТ-сфере и как писать код. И я имею в виду действительно начать. Мы с вами вместе разберем, как создать файл. Я думаю, что когда кто-то начинает изучать информатику или любой другой предмет или программу в сфере технологий, их сбивает с толку, когда учителя говорят: «Давайте начнем, вот ваша домашняя работа. Идите и делайте». И все просто останавливаются, потому что они не знают, откуда начать. Я действительно хочу показать вам, как правильно сделать первые шаги. Давайте поговорим о том, что мы рассмотрим на этом курсе. На первой неделе основное внимание уделяется вопросам. Не написанию кода, а именно вопросам. Я хочу, чтобы вы поняли, что происходит, когда вы вводите что-то в адресную строку. Если вы наберете www.intro-webdesign.com, каким волшебным образом эта страница появится перед вами в браузере? Я также расскажу о необходимых инструментах для написания кода. Мы поговорим о редакторах и браузерах, а также других программных средствах, потому что я хочу, чтобы вы сразу поняли, что вам понадобится для успешного прохождения курса. И наконец, мы подробно поговорим об HTML5. Что стало с HTML1? Что стало с HTML2? Как происходит эта эволюция веб-дизайна и языков, которыми мы пользуемся? Опять же, на первой неделе мы почти не затронем написание кода. Просто получим представление о том, как работает сеть и почему важно иметь возможность взаимодействовать с людьми и с кодом, который используется для создания сайтов. На второй неделе мы немного затронем теорию, а затем, к несчастью для некоторых, будем много говорить о коде. Здесь мы обсудим объектную модель документа, на которой строятся все веб-страницы. Если благодаря мне вы хотя бы немного поймете эту концепцию, то в дальнейшем, когда вы будете использовать WordPress или какое-то другое ПО для создания сайта, это сделает процесс намного понятнее. Мы поговорим о контекстных тегах, заголовках и прочих вещах, которые определяют наполнение и внешний вид сайта. Мы поговорим о ссылках, изображениях, списках, таблицах, а также мультимедиа, если вы захотите добавить на сайт видео или аудио. На третьей неделе мы подведем итоги. Вы будете знать об HTML5 достаточно, чтобы применить знания на практике. Вы сможете создать что-то работающее, но работающее не все время. На третьей неделе мы подведем итоги, и я расскажу вам о некоторых вещах, которые часто упускают из виду, например о проверке кода. Как мы можем убедиться, что код, который вы написали, не только хорошо выглядит, но и синтаксически верен и будет работать везде? Опять же, когда мы будем проверять код, мы поговорим о синтаксисе, но также и о доступности. Мы проверим код, чтобы убедиться, что правила работают, но содержание также имеет большое значение. И, наконец, мы поговорим о регистрации доменных имен и веб-хостинге, потому что куда веселее работать, если сайт можно разместить в Интернете, чтобы ваши друзья и родные тоже его увидели. В завершение мы поработаем над финальным проектом. Вы сможете применить на практике полученные знания. Вы сможете создать синтаксически правильный многостраничный веб-сайт. На вашем сайте будет по крайней мере 2–3 страницы. Вы напишете код, проверите его правильность и доступность. Ваш финальный проект будет на самом деле не слишком симпатичным. Я хочу признаться в этом прямо сейчас. Мы не затронем оформление и многое другое. Я лишь хочу дать вам понимание того, что такое язык HTML5, а это в первую очередь содержимое. Давайте поговорим об организации курса, о том, для кого этот курс. Кого я хочу видеть в роли учащихся? Я горю желанием учить абсолютных новичков. Этот курс не для тех, кто в 12 лет уже собирал компьютер у себя в гараже. Вы, конечно, можете пройти с нами этот курс, но мы будем главным образом говорить о том, как благодаря прилежанию создать сайт. Дело в том, что мне не нравится слово «увлечение». Я с большим увлечением преподаю этот материал, но мне не кажется, что вы обязаны увлекаться технологиями или или информатикой, чтобы действительно вынести многое из этого курса. Куда большую роль играет прилежание. Я хотела бы, чтобы вы прошли курс до конца и узнали достаточно, чтобы участвовать в создании хороших технологий. Немного о том, кто я. Я доктор наук в ИТ-сфере, но эта квалификация имеет меньше всего значения для данного курса. Что важнее, за моими плечами 20 лет преподавания в самых разных учебных группах. Я всегда больше внимания уделяла обучению, даже несколько знаменита тем, что всегда бегаю по аудитории, помогаю людям править код, выяснять, как работает то, как работает это. Преподавание этого курса — это что-то новое для меня, потому что я сижу здесь, не двигаюсь. Но я действительно забочусь об успехе своих учеников и надеюсь, что смогу помочь вам вывести навыки на новый уровень. А вот то, что все хотят знать. Как будут распределяться нагрузка и выставляться оценки? Каждую неделю будут выходить видео. Часть, как это, в формате лекций. Их можно посмотреть где угодно. Но некоторые видео будут в формате демонстраций. То есть их лучше смотреть рядом с компьютером, чтобы можно было параллельно писать и проверять код. Каждую неделю будут выдаваться списки литературы. Большая часть — из бесплатных учебников в сети, но я также могу добавить несколько статьей из Интернета, если они созвучны с материалом, который мы будем изучать. Каждую неделю будут проводиться контрольные работы, как правило, в форме тестов. Предстоит также финальный проект, и я предупреждаю: симпатичным он не будет. Не сам процесс, потому что он будет весьма незамысловатым. Еще раз, обратите внимание: этот курс о языке HTML5, он не о создании красивых сайтов. Вы научитесь только самым основам. Гораздо проще построить сначала что-то несимпатичное. Как успешно пройти этот курс? В идеале вы бы писали код совместно с двумя или тремя коллегами, обсуждали его с ними, т.е. не работали бы в одиночку. Я надеюсь, что вы будете общаться друг с другом, например через доски сообщений. Нужно, чтобы вы работали с умом. Я терпеть не могу, когда мне говорят: «Я работал над этим целых три или четыре часа». Никогда не хочу слышать подобного от ученика. Вместо этого, если у вас проблемы при написании кода, лучше остановиться после 10, 15, максимум 20 минут и сделать шаг назад. Обратиться за помощью к кому-нибудь, отдохнуть, подумать о чем-то другом. Какой смысл в усердии, если в работе нет толка. Далее, вам нужно научиться искать информацию самостоятельно. Я никак не смогу научить вас всему, что нужно знать об HTML5, да и вам бы этого не хотелось, это было бы очень скучно. Вместо этого, вы должны уверенно владеть поисковыми системами и находить интересующую вас информацию. Моя работа состоит в том, чтобы снабдить вас ключевыми словами и основными концепциями, чтобы вы знали, что искать. И, наконец, нужна практика, практика, практика! Вы не сможете успешно закончить курс, если самостоятельно не написали код и не пытались учиться на своих ошибках и огрехах, которые неизбежны. Подведем итог. Еще раз, этот курс для новичков, и я рада приветствовать вас. Когда вы закончите этот курс, вы сможете писать и понимать код на языке HTML5. Вы не станете разработчиком, но начнете понимать код. Наконец, на протяжении всего курса я буду делать акцент на значении доступности в сфере технологий. Если по завершении курса хотя бы один студент скажет: «Знаете, я, может, и не буду писать код, но буду работать с кем-то другим над тем, чтобы его код стал более доступным», я буду в восторге. Добро пожаловать на курс. Я надеюсь, вы получите массу удовольствия во время изучения HTML5.