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

Начало: 25 мая 2026 года

Завершение: 19 июня 2026 года

1. Анкета для участников очных занятий курса: https://forms.yandex.ru/u/6a19d09b90fa7b8dff8353ae/
2. Анкета для отчета за заочную часть курса: https://forms.yandex.ru/u/6a406f7ed04688b849b81695/

Образцы с очных занятий

Оценки за курс можно найти в самом конце этой страницы

Адрес дистанционного курса: Основы Web-программирования и сайтостроения (HTML, CSS, JS, PHP)

Курс можно использовать для того чтобы задать вопросы преподавателю, самостоятельно изучить новые темы.

Автор курса не настаивает на том чтобы вы регистрировались в курсе под реальными именами, ваши персональные данные принадлежат лично вам, но просит использовать такие имена, по которым можно было бы догадаться, кому они принадлежат, при наличии списка вашей группы: АндрейК, ИринаР и т.д. Или номер группы: Олег2348д, Ольга10а ... Если вы зарегистрируетесь под реальными именем и фамилией тоже ничего страшного не произойдет, Stepic надежный ресурс.

За курс можно получить 250 баллов. Далее, при получении зачета или автоомата за экзамен, набранные баллы преобразуются в официальную оценочную шкалу. Например для пятибальной шкалы: 250/50=5, соответственно 200/50=4.

В процессе занятия баллы могут перераспределяться для компенсации выявленных технических и организационных особенностей конкретных занятий.

Распределение баллов

1. Язык гипертекстовой разметки HTML (15 баллов)

Дополнительные материалы: 

• Замечательный учебник по HTML: https://koi.tspu.ru/kpt_Mash/SiteKPT/modul5/allsteps/content2.html
• Продвинутый учебник по HTML: https://htmlbook.ru/html 

2. CSS: каскадные таблицы стилей (15 баллов)

Дополнительные материалы:

• Самоучитель CSS: https://htmlbook.ru/samcss 
• Справочник CSS:  https://htmlbook.ru/CSS 

• О макете страницы на основе CSS: https://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-trekhkolonochnyi-maket 
• Макет на основе CSS position:https://htmlbook.ru/css/position 

 

 

3. JavaScript: создание динамических Web-страниц (70 баллов)

Дополнительные материалы:

• https://learn.javascript.ru/  (только для дополнительного изучения, на занятиях будет использоваться другой подход)

4. PHP и MySQL (100 баллов)

Все задания нужно выполнять на бесплатном хостинге (https://beget.com/ru/hosting/free или аналогичном)

Дополнительные материалы: 

• https://code.mu/ru/php/book/prime/  (очень рекомендуется для самостооятельного изучения, простой, понятный учебник)

5. Система управления сайтом Joomla (50 баллов)

Все задания нужно выполнять на бесплатном хостинге (https://beget.com/ru/hosting/free или аналогичном) 

Дополнительные материалы:

• Видеокурс: https://joomlaportal.ru/news/fastnews/3736-sajt-na-joomla-5-besplatnyj-videokurs-po-administrirovaniyu
• https://joomla.center/tags/basics 
• https://wedal.ru/uroki-joomla.html
• https://joomla-abc.ru/uroki
• https://downloads.joomla.org/ru/faqs-ru

ПРИЛОЖЕНИЕ

PHP и MySQL

Подключение к базе данных

<?php $host = 'localhost'; // имя хоста $user = 'root'; // имя пользователя $pass = ''; // пароль $name = 'mydb'; // имя базы данных $link = mysqli_connect($host, $user, $pass, $name); ?>

Пример подключения к базе данных

Комментарий: запрос обращается к таблице users, SELECT * означает, что мы выбираем из базы все записи.

В итоге результат запроса оказывается в переменной $res.

<?php $query = 'SELECT * FROM users'; $res = mysqli_query($link, $query); ?>

Код с выводом ошибок подключения к базе данных

<?php $query = 'SELECT * FROM users'; $res = mysqli_query($link, $query) or die(mysqli_error($link)); ?>

Полный вариант кода, который выведет в браузер результат запроса

<?php $host = 'localhost'; // имя хоста $user = 'root'; // имя пользователя $pass = ''; // пароль $name = 'mydb'; // имя базы данных $link = mysqli_connect($host, $user, $pass, $name); $query = 'SELECT * FROM users'; $res = mysqli_query($link, $query) or die(mysqli_error($link)); var_dump($res); ?>

Вариант с установкой кодировки UTF-8

<meta charset="utf-8"> <?php $host = 'localhost'; // имя хоста $user = 'root'; // имя пользователя $pass = ''; // пароль $name = 'mydb'; // имя базы данных $link = mysqli_connect($host, $user, $pass, $name); mysqli_query($link, "SET NAMES 'utf8'"); $query = 'SELECT * FROM users'; $res = mysqli_query($link, $query) or die(mysqli_error($link)); var_dump($res); ?>

Решение задачи по выводу содержимого таблицы users

<meta charset="utf-8">

<?php

       $host = 'localhost'; // имя хоста $user = 'root'; // имя пользователя $pass = ''; // пароль $name = 'mydb'; // имя базы данных

  $link = mysqli_connect($host, $user, $pass, $name)

$query = 'SELECT * FROM users';

$res = mysqli_query($link, $query) or die(mysqli_error($link));

 

 for ($data = []; $row = mysqli_fetch_assoc($res); $data[] = $row)

{

    echo $row ["id"];

    echo $row ["name"];

    echo $row ["age"];

    echo $row ["salary"]."<br>";

}

?>

Запросы с условием к содержанию поля талблицы

<?php $query = "SELECT * FROM users WHERE id=2"; ?>

<?php $query = "SELECT * FROM users WHERE id>2"; ?>

<?php $query = "SELECT * FROM users WHERE id>=2"; ?>

<?php $query = "SELECT * FROM users WHERE id!=2"; ?>

<?php $query = "SELECT * FROM users WHERE age=23"; ?>

<?php $query = "SELECT * FROM users WHERE salary=500"; ?>

<?php $query = "SELECT * FROM users WHERE name='user1'"; ?>

<?php $query = "SELECT * FROM users"; ?>

Логические условия

<?php $query = "SELECT * FROM users WHERE salary=500 AND age=23"; ?>

<?php $query = "SELECT * FROM users WHERE salary=500 OR age=23"; ?>

<?php $query = "SELECT * FROM users WHERE salary>450 AND salary<900"; ?>

<?php $query = "SELECT * FROM users WHERE age>=23 AND age<=27"; ?>

<?php $query = "SELECT * FROM users WHERE (age<20 AND age>27) OR (salary>300 AND salary<500)"; ?>

В результате выборке будет не все поля записи, а только name и age

<?php $query = "SELECT name, age FROM users WHERE id >= 3"; ?>

Вставка в таблицу users новой запись со значениями полей name='user', age=30, salary=1000

<?php $query = "INSERT INTO users (name, age, salary) VALUES ('user',
30, 1000)";  ?>

Не указанные столбцы возьмут значение по умолчанию. Если такое значение не указано в PhpMyAdmin, то это приведет к ошибке и такой запрос откажется выполнятся.

Установим зарплату 400 и возраст 24 всем юзерам в возрасте 23:

<?php $query = "UPDATE users SET age=24, salary=300 WHERE age=23"; ?>

Удаление записи из таблицы

<?php $query = "DELETE FROM имя таблицы WHERE условие"; ?>

Сортировка

Выберем из нашей таблицы users всех юзеров и отсортируем их по возрасту от меньшего к большему:

<?php $query = "SELECT * FROM users ORDER BY age"; ?>

Поменяем порядок сортировки с помощью команды DESC:

<?php $query = "SELECT * FROM users ORDER BY age DESC"; ?>

Выберем всех юзеров с зарплатой 500 и отсортируем их по возрасту от меньшего к большему:

<?php $query = "SELECT * FROM users WHERE salary=500 ORDER BY age"; ?>

Можно сортировать не по одному полю, а по нескольким. Давайте для примера выберем всех юзеров и отсортируем их сначала по возрастанию возраста, а юзеров с одинаковыми возрастами отсортируем по возрастанию зарплаты:

<?php $query = "SELECT * FROM users ORDER BY age, salary"; ?>

Ограничение количества записей

Выберем первых двух юзеров:

<?php $query = "SELECT * FROM users LIMIT 2"; ?>

Выберем всех юзеров с зарплатой 500, а затем с помощью LIMIT возьмем только первых двух из выбранных:

<?php $query = "SELECT * FROM users WHERE salary=500 LIMIT 2"; ?>Остальные возможности SQL найдите сами в учебнике: https://code.mu/ru/php/book/prime/database/intro/Оценки за курс

Состояние на 1 июня 2026 года

В. Алексей - 100 баллов + 0
Г. Юлия - 100 баллов + 0
Д. Дмитрий - 100 баллов + 46(*)
К.Кирилл - 100 баллов + 20
Л. Ярослав - 100 баллов + 115 (*)
С.Дмитрий - 100 баллов + 50,5(*)
С. Тимофей - 100 баллов + 11

* будут зачтены после получения архива с файлами (в конце заочной части курса)

** На данный момент максимальным баллом за курс считается 200 баллов

*** 100 баллов = зачет курса с оценкой "удовлетворительно"

**** К 20 июня участники курса должны решить 80 ЛЮБЫХ задач из учебника Дмитрия Трепачева по теме PHP+SQL, 1 задача = 1 баллу.

Либо сделать проекты, которые демонстрируют применение данных тем.

1 проект = 40-80 баллов.

Для примера уровня сложности: Проект с авторизацией, разобранные в последние дни очной части курса = 40 баллов.

Самооценка усвоения тем курса по данным анкетирования (10 балльная шкала):

1. HTML: 9,14 баллов
2. CSS: 8,86 баллов
3. JavaScript: 8,14 баллов
4. PHP+mySQL: 7,43 баллов

Состояние на 15 июня 2026 года