Учебные коды по HTML, CSS, JavaScript, PHP, MySQL
http://belarusweb.net
Основы создания сайтов

Учебные коды по веб-технологиям

На странице собраны учебные коды по HTML, CSS, JavaScript, PHP, MySQL и другим веб-технологиям. Все примеры кодов сопровождаются инструкциями и подробными комментариями.

Если в ходе освоения учебного материала у вас возникнут трудности, пишите мне в индивидуальный 'Чат с автором' (по возможности стараюсь отвечать всем).

Учебные коды HTML+CSS

Учебный сайт №1

Данный учебный сайт с адаптивным дизайном в первую очередь предназначен для получения практических навыков верстки веб-элементов при помощи возможностей только лишь HTML и CSS. Соответственно подразумевается, что читатель уже освоил учебники по данным дисциплинам, порешал стандартные задачки на закрепление теории и теперь хотел бы применить свои знания на практике.

Отметим, что дизайн сайта во многом копирует дизайн основного сайта. Тоже самое касается и многих его элементов. Это сделано для того, чтобы начинающие веб-программисты могли потренироваться в верстке на примере реально существующего проекта.

Последнее обновление: 25.10.19.
 Сайт в интернете:  смотреть
 Скачать код сайта (7.35 Мб):  здесь

Пример верстки сайта №2

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

Последнее обновление: 25.12.17.
 Сайт в интернете: смотреть
 Скачать код сайта (2 Мб):  здесь

Учебные коды JavaScript

Библиотека функций JavaScript

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

Учебные коды PHP

Учебный сайт №1 на PHP

Это тот же учебный сайт №1, но написанный с использованием PHP. И хотя php-кода как такового совсем немного, а сам сайт можно сверстать и без знаний языка, вы наверняка сможете оценить преимущества верстки страниц с использованием PHP и, скорее всего, пожелаете хотя бы бегло ознакомиться с его основами.

Последнее обновление: 27.10.19.
 Сайт в интернете:  смотреть
 Скачать код сайта (7.35 Мб):  здесь