HTML верстка сайта. Урок 1. Настройка рабочего места

1085 ratings | 68929 views


HTML верстка сайта. Урок 1. Настройка рабочего места

Бесплатный курс Создай свой первый сайт на HTML5 и CSS3 7 уроков по 30 мин: 👨‍💻 Обучение веб-разработке: За 2 месяца научу создавать веб-сайты и зарабатывать на этом, используя передовые технологии HTML/CSS/JS/PHP/MySQL. 💳 Стоимость: от 4900 рублей. – возможна рассрочка – если курс не понравится, вернём деньги в первую неделю. Количество мест ограничено. Нужна консультация? → ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Видео урок из бесплатного курса по HTML верстке. Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс. Страница курса: Представляю бесплатный мини курс по HTML верстке сайта. В данном курсе вы увидите как сверстать сайт HTML из PSD шаблона. Добавить адаптивность к сайту. И сделать внутренние страницы. Этот курс подойдет для тех кто уже освоил азы и основы верстки и хочет сделать сверстать свой первый сайт. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Курс для начинающих Профессия: Верстальщик. HTML5+ CSS3, основы PHP, JS и jQuery : 💈 Продвинутый курс Веб-разработчик. Frontend и Backend : 💈 Сайт школы: 💈 Наша Группа Вконтакте: 💈 Телеграм-чат для верстальщиков:

Comments to the video: HTML верстка сайта. Урок 1. Настройка рабочего места

Kiba 2 months ago
Как у тебя этак сам набираеться текст??
Bender Rodrigez 2 months ago
Brackets превью с yandex'ом не контачит
Школа веб-разработки WebCademy 1 month ago
Он запускает сам собственный браузер.
andrei nechaev 2 months ago
А что мастерить, если макет не в psd, а в jpg?
Андрей Иванов 2 months ago
psd - формат фотошопа. Где Вы можете отворить начальный файл, и хватать от туда всю нужную информацию. Отдельно любой объект. Шрифты, типографию и все остальное. С JPG Вы ничего не получите.
andrei nechaev 2 months ago
Вы упомянули онлайн-сервис Creative Coud Extract. Можно ли использовать его в качестве кандидатуры Фотошопу?
andrei nechaev 2 months ago
Я вообщем не понимаю - для чего поначалу отрисовывать штамп в фотошопе, а позже решать геройские усилия чтоб вынуть все стили из psd и сверстать по ним html-страничку. Не проще ли сходу верстать?
Андрей Иванов 2 months ago
Вы когда-нибудь пробовали основывать дизайн с 0 ?
Andrew Rich 3 months ago
все круто,лишь проблема ,будто основывать макеты ? любопытно поглядеть верстку с САМОГО 0.
Andrew Rich 3 months ago
благодарю за ответ !) буду ожидать !
Школа веб-разработки WebCademy 3 months ago
Я вас услышал. Интересно творение макета в фотошопе. Ок) Сделаем такое видео.
Школа веб-разработки WebCademy 3 months ago
Все что касается верстки тут будто один с самого ноля. :-) То кушать верстальщик получает макет и начинает работу с него. Создание макета - это уже труд интернет-дизайнера.
ROMANUCH4 the BEST 3 months ago
Ребят, подписался на курс, однако ничего не пришло(мусор инспектировал и почту указал верно). Что мастерить?
Александр Первый 3 months ago
Это не уроки, а примеры того, будто делаете конкретно Вы либо кто то там в Вашей студии.уроки, это когда разъясняют, что, для чего, и отчего.Вы хоть представляете, будто новенькому принимать такую информацию? Если уж решили напаривать свои псевдо-курсы, то хотя бы делали это хорошо, что бы сходу не было понятно, что дилетанты.
RaiNy_Way 2 months ago
Как по мне этак перед тем, будто глядеть верстание веб-сайтов, то нужно хотя бы знать базу HTML и CSS, а здесь хоть и образец, однако всё ровно можно осознать прицеп вёрстки веб-сайтов.
MaStEr_HAcK 3 months ago
И заодно помоги понимать с Пойсковый кодом у меня кушать чрез javascript однако не работает. Еще здесь у меня неувязка с reset код оно у меня поумолчения будто ее активировать !? СПАСИБО ЗА ОТВЕТ
MaStEr_HAcK 3 months ago
Привет можешь дать готовый код меню оно чтобв было в центре Спасибо
Alex Lvovsky 3 months ago
Такая неувязка , пишу все будто вы, однако когда запускаю в браузере там попросту незапятнанный лист. Файл сохранил в формате html
Eziz Kurbannazarow 3 months ago
благодарю за задание
Токтасын Сулейменов 4 months ago
Привет! Хром не открыл привет мир
IND DATAs 4 months ago
Что мастерить если Ps не даёт копировать текст в со словами Данные шрифты... отсутствуют не считая установки этих самых шрифтов?
Школа веб-разработки WebCademy 4 months ago
Если надавить Ок то он даст скопировать. Только перед этим поменять шрифты на стандартные.
віктор никонюк 5 months ago
Подскажите изволь какая гипотиза Photoshop'а у создателя видео?
Школа веб-разработки WebCademy 5 months ago
Photoshop CreativeCloud 2017
Александр Бугаков 5 months ago
Спасибо за уроки. Юрий, подскажите изволь, какой провожатый вы используете в этих уроках?
Евгений Андрейчук 6 months ago
могу посоветывать гуд хостинг
KS Tishko 6 months ago
Кому нужно макет? - здесь и psd, и png, и все другие папки и файлы которые создавал создатель. (лайк если посодействовал)
andrei nechaev 2 months ago
А фавиконка где? ))
andrei nechaev 2 months ago
Спасибо, лишь для чего вы в архив еще восьмую версию брекетс положили? ))
denhik 2 months ago
Мне необходимо на google диск поэтому что yandex не раскрывается
Foxet Fire 3 months ago
А давайте в будущем вы будете в google диск все скидывать?) А этак, Вы попросту супер, вот всерьез, нравится все!!!
denhik 3 months ago
А можешь сбросить мне на почту макет и все
Абубакар Магомедибиров 6 months ago
когда пришло послание нажмите на кнопку поглядеть 1-ый задание когда перейдете по ссылке там можно скачать psd
Contatno Man 7 months ago
где макет скачать?
Владимир Анюховский 7 months ago
Спасибо, нужный задание!
Boom Top 7 months ago
Очень пригодно! Спасибо! Просто вдохновляют ваши курсы! Продолжайте в том же духе!
Богдан Бугаєнко 7 months ago
Здравствуйте. Я подписался на курс, однако мне на почту пришло лишь 2 урока. Уже 10 дней жду, ничего не приходит. Можете прислать другие?
Игорь Каргин 7 months ago
Скиньте кто нибудь файлы на почту karginigor96@gmail.com
Школа веб-разработки WebCademy 7 months ago
Ссылка на страничку с уроком и файлами придет на почту потом подписки здесь либо здесь
Виктор Дашевский 7 months ago
Спасибо!
Дмитрий Бережной 7 months ago
маленький порог вхождения для редактора хм)
Дмитрий Бережной 7 months ago
а какой высочайший имеет порог?) ну-ка чисто любопытно)
Школа веб-разработки WebCademy 7 months ago
Для новичков это принципиально)
Artur Mayor 7 months ago
Где скачать материалы для веб-сайта?
Школа веб-разработки WebCademy 7 months ago
Подписаться на курс на веб-сайте либо в ВК
Виктор Васильев 7 months ago
столкнулся с таковой неувязкой, css не меняет ничего, шрифт остается какой был вначале, подскажите будто разрешить
Blik 4 months ago
или ты попросту не подключил css к html просмотри что бы они были в одной папке
Wander Trip 6 months ago
у меня такое было, я точку не поставил перед именованием класса
Школа веб-разработки WebCademy 7 months ago
Без снимков экрана HTML и CSS кода тяжело что то произнести. Где-то промах.
anatolii shinkarev 8 months ago
НАШЕЛ ТО ЧТО ХОТЕЛ.ДЛЯ САМОУЧКИ ТО ЧТО НУЖНО.НЕ ВСЕ ПОКАЗЫВЮТ ГДЕ СКАЧАТЬ И КАК ОТ САМОГО НАЧАЛА УСТАНОВИТЬ.НО НАШЕЛ..СПАСИБО ОГРОМНЕЙШЕЕ.!!!!!РЕСПЕКТ ТЕБЕ.И УДАЧИ ВО ВСЕМ ЧТО БУДИШЬ ДЕЛАТЬ!!!! СПАСИБО !!!!!!!!1 БУДУ УЧИТЬСЯ ДАЛЬШЕ !!!!!!! СТОЛЬКО ПЕРЕЛОПАТИЛ.И ВСЕ ОБЩАЮТ =МЯСО= НО БЕЗ ОГНЯ.....А ТЕБЕ СПАСИБО!!!!!!!!!
Школа веб-разработки WebCademy 7 months ago
Спасибо, для вас стараюсь!)
Игорь Молодых 8 months ago
пишу <html> lang = ru > в браузере тоже отоброжаеца это натпись удаляешь все норм
Wtf!? :D 8 months ago
Язык пропиши снутри тега:)
Александр З 8 months ago
Здравствуйте! Подписался. В письме на какую ссылку бы не надавил выкидывает меня на
Artem Seshchenko 8 months ago
Я подтвердил подписку, однако psd файл не пришёл! Буду признателен, если скинете на почту a.seshchenko.iwd@gmail.com
Геннадий Малюгин 9 months ago
Мне WebStorm больше итого нравится. Там даже ничего хранить и обновлять не необходимо: пишу код, сходу отображается на страничке в браузере.
Вероника Пенясова 9 months ago
я захожу по ссылке на подписку, где подписаться не вижу нигде
Александр савельев 9 months ago
Пишу все будто по уроку
Александр савельев 9 months ago
Вчера подписался сейчас пришел 1-ый задание с файлом скачал все норм. У меня иной проблема отчего когда я пишу код на смену цвета фона странички поле не изменяется наводишь курсор указывает какой краска однако поле не изменяется
Школа веб-разработки WebCademy 9 months ago
Возможно не там пишите. Попробуйте поглядеть чрез инспектор.
KASH 9 months ago
Макет с уроком в мусор может залететь, отыскиваете
Vlados BuKeR 10 months ago
Внимание!! Ссылка будет в Спаме
Михаил Баранов 10 months ago
подскажите изволь будто получить материла данного видео курса, не могу подписаться на него, моя почта senior.mishel@gmail.com
Михаил Баранов 10 months ago
поглядел, нету сообщения
Школа веб-разработки WebCademy 10 months ago
Посмотрите может попало в мусор.
Михаил Баранов 10 months ago
я уже подписался на курс, однако файлы этак и не пришли , что мастерить?
Sergey Bibin 10 months ago
Не могу ни где отворить файл psd. Все, на сейчас целый ПСД.
Starlight X 7 months ago
Photoshop же.
Katya Leonova 10 months ago
Я подтвердила подписку, однако psd файл не пришёл! Буду признательна, если скинете на почту katyastepanenko6@gmail.com
Нурбек Реметулла 10 months ago
Отличный курс. Не понимаю, отчего этак не достаточно подписчиков?
Тамара Жарова 11 months ago
Спасибо
Dima Martynov 11 months ago
перехожу что бы скачать материалы для урока ну-ка початок и крышка оно не грузит yandex диск
Dima Martynov 11 months ago
Можно ссылку на готовый штамп? А то я чёт отыскать не могу, произнес поглядел 1-ый задание, а у меня времени нету переписывать код, кушать ссылка?
CSS beginner 1 year ago
будто же бесит повсевременно строчить эту разметку,вот бы само заполнялось :)
Школа веб-разработки WebCademy 11 months ago
Можно и свои сниппеты (заготовки кода) сделать и использовать
Школа веб-разработки WebCademy 11 months ago
Поставьте emmet и пишите ! + TAB и будет вам счастье)
Иван Амалани 1 year ago
Нет макета, все нравится у тебя, а макета дудки, почту подтвердил, весьма жалко(((((((((
StorrX _Play 9 months ago
Я естественно понимаю что прошло 2 месяца однако на почту ничего и не надлежит придти, попросту заполни поле потом почты и там будет скачать
вася Нагибатор 1 year ago
Спасибо!
2017 HITS 1 year ago
Нету кнопки генерировать в CS6
Школа веб-разработки WebCademy 1 year ago
Используйте Photoshop CC
2017 HITS 1 year ago
Отправьте изволь psd файл на email jor.dercian@mail.ru я подписывался однако не пришло файл
Школа веб-разработки WebCademy 1 year ago
1. Проверьте папку мусор. 2. Попробуйте подписаться используя почтовый ящик другого сервиса.
Школа веб-разработки WebCademy 1 year ago
Отправил ссылку на страничку с уроком.
2017 HITS 1 year ago
Подписывался чрез email не пришло psd
Богдан Бугаєнко 7 months ago
А мне за 2 недели лишь 2 урока пришло. Жду 3 задание уже 10 дней
Школа веб-разработки WebCademy 1 year ago
Приходит во втором письме. Переходите на страничку урока и на ней скачиваете. Файлы к уроку Урок 01 — Старт — Скачать
Варфoлoмей Вольфович 1 year ago
Здравствуйте, скажите , вы отрисовывали собственный псд штамп в фотошопе ведь ? Есть какие-то по вашему воззрению обычные уроки о том , будто отрисовывать макеты в фотошопе ?
Андрей Иванов 2 months ago
wayup
Верующий Верун 1 year ago
web design guru
Варфoлoмей Вольфович 1 year ago
Вроде бы предмет не особо непростая этот фотошоп для интернет программера однако муторная будто я сообразил. Искал уроки этой вещи на ютубе и этак гуглил , ничего толкового не нашёл. Буду непомерно признателен если будут уроки. Спасибо !
Школа веб-разработки WebCademy 1 year ago
Подробно уроки не смотрел, потому покамест что-то непосредственно порекомендовать не могу. Подумаю над тем, чтоб записать свои уроки.
FREERUNNER 1 year ago
Годный контент!
Grek DZ 1 year ago
Че то не скачивается файлы
Школа веб-разработки WebCademy 1 year ago
1. Подписываетесь на курс 2. Подтверждаете подписку, кликнув по ссылке в первом письме 3. Проверяете папку мусор, послание могло угодить туда 4. После в письмах будут ссылки на уроки, входите на спец странички и оттуда качаете файлы Если не скачиваются - пишите мне, тут либо в ВК, файлы какого конкретно урока не выходит скачать.
The Swing 1 year ago
Я надавил получить доступ, а также подтвердил свою почту. Получу ли я курсы?
Школа веб-разработки WebCademy 1 year ago
Получите. Если не увидите во Входящих - проверьте папку мусор.
Alexander Shuvakin 1 year ago
плагин extract for breckets
Apple iPad 6 months ago
Alexander Shuvakin что за плагин?
Yorqin Fayzullayev 1 year ago
Спасибо брат за курс
Александр Гоман 1 year ago
Sublime на мой взляд лучше работает и резвее
WorldHello GoPlay 3 months ago
Sublime с browser-sync попросту шик будет. Быстрее все таки.
Sergey Romanyuk 6 months ago
конечно и ключиков к саблайму валом)
James Gaming [GVA] 7 months ago
Не платный, ну-ка быстрее итого за полную программку необходимо выплачивать, а этак безвозмездно можно скачать из официального веб-сайта и расслабленно использовать.
Антон Ефанов 7 months ago
Sublime он платный
Kanat K 1 year ago
Классно благодарю вам.
Kontora sb 1 year ago
А файл reset.css не подключаете?????
Школа веб-разработки WebCademy 1 year ago
После reset нужно возрождать стили для всех частей. Нормалайз не сбрасывает, а попросту приводит их к одному виду. Нормалайз более популярен, и употребляется на многих проектах в сети.
Kontora sb 1 year ago
Да, я уже увидел во втором уроке, а какие аспекты выбора?
Школа веб-разработки WebCademy 1 year ago
Нет. В данном проекте используем normalize.css
Valery Yocker 1 year ago
а где брать PSD макет то?)
web sunsey 1 year ago
где PSD-макет? Я подписался на уроки, однако никакого PSD-макета дудки! Скиньте ссылки в описании к видео, по которым можно скачать нужные материалы! Иначе смысла дудки в уроках.
Школа веб-разработки WebCademy 1 year ago
Подписаться на курс В первом письме будет ссылка на страничку с уроком, на ней будет ссылка Cболтать файлы урока 01 - Начало. В их будет PSD штамп.
Слава 1992 Илюшин 1 year ago
благодарю за курс)