Лабораторный практикум для студентов педагогического направления подготовки

Тренинг по языку HTML

Для совершенствования знаний в языке HTML и в основах CSS необходимо пройти интерактивный курс "Основы HTML" на сайте "HTML Academy". Очень полезно отработать на этом сайте все базовые бесплатные разделы этого курса.

Рекомендуется наиболее удачные и интересные варианты вашего html-кода сохранять для себя для использования в последующих заданиях. В качестве удобного инструмента для работы над кодом и для собственных экспериментов можно порекомендовать хорошо известные онлайн-ресурсы Liveweave либо JSFiddle.

В дальнейшем на практических занятиях преподаватель будет просить вас написать и выполнить тот или иной пример на HTML5, CSS, JavaScript. Найдите для себя оптимальный текстовый редактор на локальном компьютере или онлайн, с помощью которого вам будет удобно писать и отлаживать соответствующие коды.

Первый проект: основы HTML+CSS+JavaScript

Рекомендуется первоначально создать несложный сайт из двух-трёх страниц с изображениями и текстом по любой выбранной вами (и одобренной преподавателем) теме. Создавать сайт удобнее на вашем локальном компьютере. Этот сайт в ходе практических занятий вы будете совершенствовать, вводя в него новые элементы дизайна, CSS-форматирование, JavaScript-коды и формы для ввода данных. В конечном итоге ваш сайт необходимо будет перенести на тестовый web-сервер (http://172.20.180.111) и продемонстрировать его полноценную работу. Для изображений рекомендуется сделать отдельную папку img, для css-файлов - папку css. На сайте каждому из вас будет выделен персональный каталог для размещения вашего проекта. Логины, пароли и описание порядка действий при работе на сайте следует получить у преподавателя.

Добавляем на сайт PHP-страницы

Для того, чтобы выполнить задание, скачайте эту презентацию с описанием задания и добавьте на ваш сайт требуемые html и php-страницы. Лекция по языку PHP здесь.