Дек
31
2011

Вёрстка. Введение

Здравствуйте читатели. Хочу предложить Вам курс по вёрстке сайтов с нуля. Я предполагаю что Вы уже знакомы с html и css. Если нет, то учите, в сети материала на эту тему много.

План курса:

  • Вёрстка xhtml/css:
    • Что такое DOCTYPE?
    • Валидность, кроссбраузерность, семантика, оптимизация.
    • Фиксированная вёрстка
    • Резиновая вёрстка
    • Блочная или табличная вёрстка, что выбрать?
    • Хаки, заставляем отображать сайт одинаково во всех браузерах.
    • Практика. Верстаем красивый шаблон.
  • Вёрстка под Joomla:
    • С чего начать?
    • Файлы шаблона.
    • Системные теги для шаблона Joomla.
    • Работа с модулями и их позициями.
    • Настройки шаблона в админке.
    • Практика. Создаём шаблон для Joomla.
  • Вёрстка под WordPress:
    • С чего начать?
    • Файлы шаблона.
    • PHP вставки для WordPress.
    • Виджеты и меню шаблона.
    • Настройки шаблона в админке.
    • Практика. Создаём шаблон для WordPress.
  • Вёрстка под DLE:
    • С чего начать?
    • Файлы шаблона.
    • SMARTY код для DLE.
    • Практика. Создаём шаблон для DLE.
  • Вёрстка под Drupal:
    • С чего начать?
    • Файлы шаблона.
    • PHP вставки для Drupal.
    • Практика. Создаём шаблон для Drupal.
  • Вёрстка под PrestaShop:
    • С чего начать?
    • Файлы шаблона.
    • SMARTY код для PrestaShop.
    • Практика. Создаём шаблон для PrestaShop.
  • phpBB, LiveStreet — скоро...

Список будет пополняться по мере изучения мной нового движка.

Я предлагаю рассмотреть программы, с которыми Вам предстоит работать.

Браузеры:

  • Opera — очень хорошоий браузер норвежской телекоммуникационной компании Telenor. Построен на движке Presto.
  • FireFox — современный и популярный браузер в сети. Использует движок Gecko.
  • Google Chrome — очень хороший браузер от компении Google, он поддерживает все стандарты WWW и благодаря встроеному движку WebKit, Chrome очень шустрый и мощный.
  • IETester — Internet Explorer, уникальный браузер. Каждая его версия отображает сайт по своему и все они достаточно популярны. IETester — в данную программу входят почти все версии IE, что облегчит работу над кроссбраузерностью.

Графический редактор:

  • Paint.NET — бесплатная альтернатива мощному Photoshop.

Текстовый редактор:

  • Notepad++ — простой редактор кода с подсветкой, самое то для редактирования кода.

Вот примерно такой план уроков будет в следующем году. Всех с наступающим 2012 годом, удачи!

Похожие сообщения

Об авторе: Артём Аникеев

Люблю программирование, это больше чем хобби. Считаю это искусством. Ведь нужно проявить креативность при решении поставленной задачи. Программист в процессе создания программ или скриптов, должен получать удовольствие от написания кода. В этом случае конечный продукт будет успешным и профессиональным.

Есть 10 коммент. + Добавить

  • Давай Артемка пиши в блоге !!!

    Очень интересно... Только пиши больше о просто верстке !!!

  • да, и о дизайне тоже! ;-)

  • Так курса ещё как такогового нету? только вступление? или я просто ссылки не заметил?

  • А всё увидил, что это план, ну ждём

    • Совсем скоро будет, ждите. Сайт не заброшен.

  • Здравствуйте. Столкнулся с проблемой, с которой сталкивались,наверно, многие верстальщики. Я изучил HTML & CSS, но как же использовать эти знания для верстки хотя-бы простеньких сайтов? Для начала, хоть по готовому PSD макету (дизайн, думаю, не каждому по силам освоить, а вот верстке научится можно). Буду очень, рад, если ваши уроки мне помогут. Спасибо.

    • Здравствуйте. Летом буду писать основательно, и как интегрировать с движками эту вёрстку, просто сейчас выпускной класс, экзамены, поступление... На блог не хватает времени... :sad:

      • Да, я тоже выпускник 11 класса и понимаю, что времени остается очень мало. Но очень хочу научится верстать сайты с нуля и в дальнейшем (если все получится) на заказ. в интернете вроде и полно информации, но сколько я пересмотрел, сколько перечитал из этих громадных курсов по настоящему полезными и нужными оказываются только некоторые уроки а порой только моменты в уроках...В общем, изучил я GTML & CSS и понял, что лучше начать верстать сайт самому и искать вопросы на возникающие вопросы в сети и на форумах...На многочасовые курсы, признаться, уже и желания совсем не осталось.

Оставить комментарий