Установка brackets. Настройка brackets. Создание веб страницы. HTML5 для начинающих. Урок#1

Автор German Usachev
Установка brackets. Настройка brackets. Создание веб страницы. HTML5 для начинающих. Урок#1

Prius в друзья.

Меня зовут. Сергей и сегодня мы с вами начинаем изучении курса HTML и. Собственно как мы с.

Вами договорились в прошлом уроке о веб разработке для изучения HTML и CSS мы с вами будем использовать редактор brackets ссылку на него.

Я оставил в прошлом видео также оставлю и в этом видео и собственно прежде чем мы с вами начнем изучение HTML мы с вами поставим редактор brackets давайте сейчас его скачаем нажимаем на вот — это вот кнопочку download brackets берём инсталляцию сохраняем себе на жесткий диск туда куда вам больше нравится меня для этого есть специальные. Папочка на диске я которые называются запускаем файл который мы скачали и выбираем путь куда будем устанавливать братьев я оставлю путь по умолчанию здесь у нас есть два checkbox A1 checkbox тот который. Нижний отвечает за то чтобы мы могли которые ассоциируются с brackets открывать помощью контекстного меню. То есть если мы нажмем на файл у которого расширение HTML допустим правой кнопкой мышки то там будет. Вариант открыть с строчек бокс отвечает за то чтобы иметь возможность работать с brackets через командную строку в принципе мы этого делать никогда не будем, но она не помешает будет то есть ничего страшного. Если вы оставите этот checkbox не случится оставляем всё как есть и нажимаем далее нажимаем install для того чтобы произвести установку установка завершена теперь запускаем наш редактор brackets из ярлыка на рабочем столе ну либо же из меню пуск. Так как у меня brackets уже до этого был установлен он запомнил то, что я с ним делал и открылся на том месте где последний раз собственная с ним работал и даже плагин который у меня здесь был мат он запомнил. У вас же здесь будет просто страничка с описанием того, что вообще такое братец. Ну некоторые информация о ней и также. Возможно у вас будет другая тема. Светлая тема. Я сейчас открыл на своих старых проектов чтобы показать вам как выглядят разные темы насколько я помню то по умолчанию при первой установке брекет выбирает белую тему точнее средства такое мне лично она не нравится. Можно вам тоже больше нравится темное. Поэтому если вы захотите сменить тему вам нужно нажать with Sense и вот здесь current Session вы выбираете такую тему вам больше нравится ну по машине всего две темы белая дефолтная и. Чёрный обряд Dark я выбираю её, а также по умолчанию размер шрифта. Ну давайте запустим 14 пикселей и увидим, что у нас здесь я немножко увеличилась. Ну кстати пускай так и будет мне так больше нравится, но здесь font-family — это шрифты которые используются в brackets шрифты я вам трогать. Не рекомендую. У меня сейчас открыто то, что когда-то я открывал плюс я ещё для того чтобы показать вам разные темы открыл свой старый проект. У вас же сейчас скорее всего там открыто с описанием. Что такое байкит какие-то мне возможности. Но что-то в этом духе в принципе — это не играет никакой роли нам нужно создать. Первый проект который собственно и будет нашим первым сайтом нашей первой веб-страницы давайте сейчас с вами посмотрим как — это сделать до этого нам нужно нажать файл и открыть директорию. Обратите внимание, что здесь как для открытия директории так и для создания файлов есть горячие клавиши я сейчас не буду их использовать я буду показывать вообще в таком виде чтобы вам было хорошо видно и понятно, что здесь происходит, но если вы захотите вы конечно же можете эти горячие клавиши использовать и так нажимаем открыть директорию и собственно сейчас на либо. Открыть папку с тем проектам где у нас лежат наши файлы в формате HTML который является нашим сайтом либо же если у нас такой подкинет. Взять её создатель потом уже вы можете — это сделать где угодно на вашем компьютере я — это сделала. Просто на рабочем столе. У меня здесь папки под наш проект ещё нету потому, что я её не создавал поэтому я её создал для этого нажимаем по вот этому. Вот боль в правой кнопкой мышки создать папку. Я назову нашу папку persons html5 на её и выберу для редактора обратиться сейчас он немножко подумай. Вот точно всё слева вот этой менюшки у нас видно, что открыта папка лестниц HTML. Ну в этой папке. Пока ещё ничего нет для того чтобы нам что-то писать, что родилась и собственно изучить HTML сделать нашу первую веб-страницу нам нужно создать файл файл в формате HTML давайте — это сделаем нажимаем файл онлайн но. Мы создали файл, но он сейчас называется не так как мы хотели и известная. Какой формат поэтому мы нажимаем поэтому файл правой кнопкой. Мышки и нажимаем сохранить как мы находимся в той же директории Linux HTML и файл. Мы только, что создали, но он висит где-то в воздухе моего не сохранили сохранять мы его будем под именем. Яндекс и формате в расширение eml формат HDMI нужен для того чтобы файл ассоциировался с браузерами корректно открывался название. Яндекс обычно дают веб-страница. Она же файл — это и есть по сути веб-страница которая будет разобрана интерпретировано браузером и потом отображена в нём так вот веб-страница которая самая первая основная то есть главное меню можно так сказать самое главное — это страница с которой всё начинается всегда называется индекс. А у нас такая веб-страницу сейчас будет одна поэтому мы называем её индекс индекс HTML нажимаем сохранить наша страничка сохранилось в нашей папке который. Мы создали если я открою на шапочку. Власенко ещё вот она наша страничка правда в моей и немножечко слетела ассоциация файлов ну вас здесь будет какая-то иконка. Москве всего иконка браузера с помощью которого у вас будет открываться данная страничка. Ну у меня в принципе страничка открывается по умолчанию через Firefox, но я хочу её с помощью хром например вам тоже нужно будет открывать вашу страничку в разном в разных браузерах потому, что разные браузеры по-разному работают с разметкой HTML и об этом мы будем говорить о позже, но чтобы посмотреть. Правильно ли у вас всё отображается в том или ином браузере вам нужно.

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

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