MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

История вашего первого веб-сайта

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

Работая со статьями, перечисленными ниже, вы пройдете путь от нуля до создания своей первой веб-страницы онлайн. Ну что, давайте начнем!

Установка базового программного обеспечения

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

Каким должен быть ваш веб-сайт?

Перед тем, как вы начнете писать код для вашего веб-сайта, нужно составить план. Какую информацию вы демонстрируете? Какие шрифты и цвета вы используете? Каким должен быть ваш веб-сайт? Мы выделяем простой метод, которому вы можете следовать, чтобы спланировать содержание и дизайн вашего сайта.

Работа с файлами

Веб-сайт состоит из множества файлов: текстового содержимого, кода, таблиц стилей, медиа-контента, и так далее. Когда вы создаете веб-сайт, вы должны собрать эти файлы в разумную структуру и убедиться, что они могут взаимодействовать друг с другом. Работа с файлами объясняет, как создать разумную файловую структуру для вашего веб-сайта и какие вопросы вы должны знать.

Основы HTML

Язык гипертекстовой разметки (Hypertext Markup Language, HTML) - это код, который Вы используете для структурирования веб-содержимого и придания ему смысла и цели. Например, является ли мое содержимое набором абзацев, либо списком маркированных пунктов? Нужно ли вставить изображения в мою страницу? Есть ли у меня таблица данных? Не перегружая вас, статья Основы HTML предоставляет достаточно информации для вашего знакомства с HTML.

Основы CSS

Каскадные таблицы стилей (Cascading Stylesheets, CSS) - это код, который вы используете для стилизации своего веб-сайта. Например, хотите ли вы, чтобы текст был черным или красным? Где должно быть нарисовано содержимое на экране? Какие фоновые изображения и цвета должны быть использованы, чтобы украсить ваш веб-сайт? Основы CSS проведет вас через то, что вам нужно знать, чтобы начать.

Основы JavaScript

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

Публикация вашего веб-сайта

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

Как работает Интернет

Когда вы заходите на свой любимый веб-сайт, в фоновом режиме происходит много сложных вещей, о которых вы можете не знать. Статья Как работает Интернет описывает, что происходит, когда вы просматриваете веб-страницы на своем компьютере.

Метки документа и участники

 Внесли вклад в эту страницу: BychekRU, dmitrytar, Evgeny_Kurkin, arbatskiy, BlizzardCode, Neir, Jeremie
 Обновлялась последний раз: BychekRU,