Thu. Jan 16th, 2020

Host your Website

Read and learn

Верстка сайта из PSD в HTML

1 min read



Уроки создания сайтов http://denweb.ru
Курс заработка на сайтах – http://denweb.ru/zarabotok/kurs-po-zarabotku-na-sajtax.html
Группа ВК – https://vk.com/club21956016
Блочная верстка сайта
Как сделать сайт, уроки html, Уроки див верстки сайта

45 thoughts on “Верстка сайта из PSD в HTML

  1. Если это вёрстка ради самой вёрстки, то ID, возможно что и не нужны. Но если эта вёрстка будет в дальнейшем использоваться для программирования FrontEnd/BackEnd – то ID очень и очень нужны. Это позволяет программисту филигранно работать с элементами DOM.

  2. благодарю за видео!
    подскажите, пожалуйста, как настроить программу, чтобы слева были открыты окна с папками, как у вас…. у меня открывается поле документа на весь экран или это какой-то плагин? спасибо

  3. Блять "колхоз-стайл". Столько лишних движений аргументированных только словами "мне в ноутпад писать удобнее потому что я так привык". Про id я вообще молчу, тут таких йобаных учителей 90% ютьюба, которые засирают начинающим кодерам мозги донося дизинформацию и отбивают вообще желание постигать эту науку. Дизлайк.

  4. я не про, но помоему удобнее делать стили через class"" а не айди, потому что айди не льзя делать больше 1 раза, а класс хоть 100

  5. Мда, парни, если хотите научиться норм. верстать не смотрите эти уроки … 
    Я, вхожу в ТОП 15 среди верстальщиков на ресурсе http://www.weblancer.net/users/farmazone/
    Думаю, что я умею уже "немного" верстать. Данный человек в верстке использует:
    1) id, это грубейшая ошибка. Можно использовать, например, только для wrapper'a, но НЕ для каждого блока+параграфа;
    2) называет id, например, вот так "header-bottom", а правила хорошего тона гласят, что лучше вот так "header-bottom";
    3) в верстке нужно минимум картинок, максимально возможно использовать css;
    можно много чего говорит, но не смотрите эти уроки, умоляю)

  6. объявлен doctype html5 но не использовалось не одного семантического тега на html5, например блочные элементы как : <header> <nav> <article> <footer> : и так далее. Поменяйте редактор.

  7. Очень толковый и интересный урок! Автору спасибо! Единственное не по теме конечно замечание, body (тело) читается не бади (было бы buddy – которое переводится как приятель), а боди.

  8. Согласен, подписывать закрывающиеся теги – лишнее засорение. Те, кто по нужде полезет в код будут иметь текстовый редактор с подсветкой синтаксиса и конец нужного тега без труда найдет.

  9. Омг, сам так начинал, но доктайпы были другие. А теперь свободно делаю такое: siteincity.ru (свежий сайт в процессе доработки, но уже много чего пашет)

  10. чё то дёшево. не тупи делай сайт только хороший. И есть специальный сайт который покупает сайты ты там за больше продаж чем за 20руб;D

  11. Согласен. Очень клёво, спасибо!
    Занимаюсь версткой и созданием сайтов под ключ.
    Мой сайт: danil-html.ru

  12. Благодарю. Очень хорошие уроки! Надеюсь, что с вашей помощью, я хоть что-то пойму в верстании psp макетов)

  13. Try going into TextFX / TextFX Settings and check 'auto close XHTML tags'. This makes it work in plain HTML files too. You may need to install it if using a newer version of Notepad++

    Click Plugins > Plugin Manager > Show Plugin Manager
    On the "available" tab check the box by "TextFX Characters"
    Click Install
    Restart Notepad++
    Enable the auto-close XHTM features as described above.

  14. плагин установи
    в notepad++ "Плагины"=>"Plugin Manager"=>"Show Plugin Manager"
    и установи там какой нить explorer
    я выбрал Light Explorer, ставишь галочку, Install, notepad пере загрузится и по нажатию alt+a появится проводник

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.