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