Как создать свой сайт самому, с нуля, бесплатно. Обучение HTML и CSS. Пошаговая инструкция. Урок 1

Автор Zhanna Belchenko
Как создать свой сайт самому, с нуля, бесплатно. Обучение HTML и CSS. Пошаговая инструкция. Урок 1

Привет.

Меня зовут. Артём я вам дизайнеры 2000 года в этих уроках буду делиться с вами опытом раз вы смотрите — это видео значит вы хотите создать свой сайт для создания сайтов используется много технологий для наиболее важные для начинающего разработчика технологии HTML и CSS HTML CSS — это язык и с помощью которых создаются страницы сайтов чтобы создать страницу с сайта вам нужно создать файл с расширением HTML. Давайте создадим — это вы видите мой рабочий стол нажимаю правой кнопкой мыши создать текстовый сейчас нам нужно изменить расширение файла на HTML расширение файла — это вот эти.

Три символа после точки.

Если вы не видите расширение файлов в своей системе вам нужно включить в зависимости от системы в которой вы работаете Mac Linux или Windows прогуглить — это сделать просто наберите в поиске включить отображение расширений файлов и там достаточно информации по этой теме я выделю весь текст который здесь есть удалю его и например напишу в сайт. HTML нажимаю Enter так как я хочу изменить расширение файла с txt на HTML Windows спрашивает меня действительно ли — это сделать до выполнить изменения. Как видите иконка файла сразу же поменялась изменив расширение. Я сказал моей системе, что эти файлы нужно открывать с помощью браузера который установлен по умолчанию в моей системе в моей системе по умолчанию установлен браузер Google Chrome системе — это может быть какой-то другой браузер Mozilla Opera Safari я сделаю двойной. Клик вот файл открывался в браузере если я сюда наведу я увижу название этого файла с сайта HTML пока мы ничего не видим пустое озеро правой кнопкой открыть с помощью блокнот напишу какой-нибудь текст, что же написать. Надеюсь никто против не будет файл сохранить для тех кто не понимает, что я делаю. Я открыл вот этот файл с помощью блокнота. Набрал текст и сохранил этот файл теперь иду обратно в браузер в браузере у меня по прежнему открыть тот же самый файл который мы только, что создали на рабочем столе сайт HTC обновляю страницу теперь здесь отображается то, что я только, что набрал в блокноте таким образом я хотел продемонстрировать, что сайты — это не что-то не поняла мистическая о любой. У кого есть на компьютере блокнот уже может создавать сайты перед записью видео урока я скачал шаблон сайта просто первый попавшийся которые мне в интернете зашёл и скачал вот он находится в папке HTML. Давайте запустим. Ну как видите. Ничего такого особенного простой одностраничный сайт есть даже карта. Ну если вот этот сайт состоит всего из одного файла вот этот сайт состоит из множества файлов как так всегда и бывает, что сайты не состоят из одного файла здесь мы видим файл с расширением HTML также мы видим файл с расширением Sys. Напоминаю, что HTML CSS — это язык и с помощью которых пишутся сайты здесь файлы из группы по папкам сгруппированные не для того, что — это удобно когда разрабатывает сайты также здесь есть файлы с расширениями PHP и с расширениями файлов dxf файлы JavaScript PHP JavaScript — это уже языки программирования на языке программирования пока. Давайте не будем отвлекаться, а сосредоточиться на языка на языке разметки HTML и на языке стилей все. Открой файлы этого сайта в блокноте. Здесь вы уже видите, что кот гораздо запутаннее в сравнении с предыдущим случаем вот поэтому чтобы упростить разработчику чтения и редактирования кода были созданы специальные программы которые называются редакторы кода в свои видео уроки я буду записывать в которой называется Adobe brackets запущу File Index HTML в программе Adobe brackets. Теперь вы видите, что здесь во-первых появилась подсветка читать гораздо проще чем блокноте. Вот как — это выглядит блокноте. А вот как — это выглядит в одобрили когда я выбираю открывающий тег. А мне подсвечивается чек отёках поговорим чуть-чуть попозже, но возможности редакторов кода далеко не ограничиваю подсветка синтаксиса об этих возможностях мы поговорим ближайших видео уроках на этом. Я бы хотел подвести итог этому видео уроку. Цель этого видеоурока было показать вам, что веб страниц — это текст который можно редактировать с помощью обычного блокнота, но его гораздо удобнее редактировать с помощью специальных редакторов, что этот текст написан на языках исчез из следующих видео уроках мы будем углубляться в технологию HTML в технологии все ссы возможности редакторов кода в частности брекеты в описании к видео и обязательно оставлю полезная информация ссылки по теме не поленитесь заглянуть в описании и увидимся в других моих уроках.

0 комментариев
0

Читайте также