SlideShare a Scribd company logo
1 of 15
Верстка крупных порталов Садовников Николай Старший HTML-верстальщик Компания Softline
Что такое верстка web-страниц 	Верстка — это совокупность всех клиентских технологий, необходимых для создания web-страницы.
Особенности верстки крупных порталов Масштабы Сложность Сроки CMS
Требования к верстке крупных порталов Простота и лаконичность кода Кроссбраузерность, валидность Гибкость, масштабируемость Оптимизация кода и сокращение количества подключаемых файлов с целью ускорения работы сайта
Как мы верстаем
Этап проектирования Чтение ФТ к проекту Изучение дизайна  Продумывание структуры шаблонов страниц, выделение отдельных компонентов и элементов дизайна Составление прототипа (если отсутствует дизайн)
Нарезка изображений ,[object Object]
Создание спрайтов
Оптимизация графики,[object Object]
Разбиение стилей по модулям и отдельным компонентам reset.css styles.css corners.css icons.css components.css template_styles.css template_styles_ie.css Автоматизация процесса сборки и сжатия файлов  CSS при помощи Ant Организация и структура файлов CSS
Пример верстки скругленных уголков
Пример верстки скругленных уголков
Пример верстки скругленных уголков
Пример верстки скругленных уголков
Пример верстки скругленных уголков

More Related Content

What's hot

Верстка в команде
Верстка в командеВерстка в команде
Верстка в командеAndrew Vdovichenko
 
Cms(content management system)
Cms(content management system)Cms(content management system)
Cms(content management system)DiMeDRoL91
 
Выбор платформы для интернет магазина
Выбор платформы для интернет магазинаВыбор платформы для интернет магазина
Выбор платформы для интернет магазинаPetr Mityushkin
 
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...WordCamp Kyiv
 
Руководство по созданию сайтов
Руководство по созданию сайтовРуководство по созданию сайтов
Руководство по созданию сайтовAnton Polevich
 
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...1С-Битрикс
 

What's hot (7)

Автоматическая cборка TFS 2008
Автоматическая cборка TFS 2008Автоматическая cборка TFS 2008
Автоматическая cборка TFS 2008
 
Верстка в команде
Верстка в командеВерстка в команде
Верстка в команде
 
Cms(content management system)
Cms(content management system)Cms(content management system)
Cms(content management system)
 
Выбор платформы для интернет магазина
Выбор платформы для интернет магазинаВыбор платформы для интернет магазина
Выбор платформы для интернет магазина
 
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
 
Руководство по созданию сайтов
Руководство по созданию сайтовРуководство по созданию сайтов
Руководство по созданию сайтов
 
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
Особенности разработки мобильных приложений на платформе «1С-Битрикс: Мобильн...
 

Viewers also liked

Ivanova_M_ Kompetencii_testirovshhika
Ivanova_M_ Kompetencii_testirovshhikaIvanova_M_ Kompetencii_testirovshhika
Ivanova_M_ Kompetencii_testirovshhikauransoft
 
Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.
Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.
Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.Club QA Kostroma
 
Где водится мобильная автоматизация и как научить ее приносить тапочки
Где водится мобильная автоматизация и как научить ее приносить тапочкиГде водится мобильная автоматизация и как научить ее приносить тапочки
Где водится мобильная автоматизация и как научить ее приносить тапочкиOxagile
 
Пришел, увидел и нанял
Пришел, увидел и нанялПришел, увидел и нанял
Пришел, увидел и нанялSQALab
 
Процесс тестирования в распределенной команде
Процесс тестирования в распределенной командеПроцесс тестирования в распределенной команде
Процесс тестирования в распределенной командеSvetlana Fedyanina
 
Собеседование и резюме
Собеседование и резюмеСобеседование и резюме
Собеседование и резюмеOlga Krasnyanskaya
 
Тестирование в Scrum и kanban
Тестирование в Scrum и kanbanТестирование в Scrum и kanban
Тестирование в Scrum и kanbanIgor -
 
Softline - общая презентация о компании
Softline - общая презентация о компанииSoftline - общая презентация о компании
Softline - общая презентация о компанииSoftline
 
Планирование трудозатрат на тестирование
Планирование трудозатрат на тестированиеПланирование трудозатрат на тестирование
Планирование трудозатрат на тестированиеSQALab
 
Управление проектами в Softline
Управление проектами в SoftlineУправление проектами в Softline
Управление проектами в SoftlineSoftline
 

Viewers also liked (10)

Ivanova_M_ Kompetencii_testirovshhika
Ivanova_M_ Kompetencii_testirovshhikaIvanova_M_ Kompetencii_testirovshhika
Ivanova_M_ Kompetencii_testirovshhika
 
Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.
Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.
Club QA Kostoma. First Meeting. Доклад. Что должен знать тестировщик.
 
Где водится мобильная автоматизация и как научить ее приносить тапочки
Где водится мобильная автоматизация и как научить ее приносить тапочкиГде водится мобильная автоматизация и как научить ее приносить тапочки
Где водится мобильная автоматизация и как научить ее приносить тапочки
 
Пришел, увидел и нанял
Пришел, увидел и нанялПришел, увидел и нанял
Пришел, увидел и нанял
 
Процесс тестирования в распределенной команде
Процесс тестирования в распределенной командеПроцесс тестирования в распределенной команде
Процесс тестирования в распределенной команде
 
Собеседование и резюме
Собеседование и резюмеСобеседование и резюме
Собеседование и резюме
 
Тестирование в Scrum и kanban
Тестирование в Scrum и kanbanТестирование в Scrum и kanban
Тестирование в Scrum и kanban
 
Softline - общая презентация о компании
Softline - общая презентация о компанииSoftline - общая презентация о компании
Softline - общая презентация о компании
 
Планирование трудозатрат на тестирование
Планирование трудозатрат на тестированиеПланирование трудозатрат на тестирование
Планирование трудозатрат на тестирование
 
Управление проектами в Softline
Управление проектами в SoftlineУправление проектами в Softline
Управление проектами в Softline
 

Similar to Верстка крупных порталов

Governance of content
Governance of contentGovernance of content
Governance of contentrglab
 
ПартФорум DIRECTUM 2013 - разработка прикладных решений
ПартФорум DIRECTUM 2013 - разработка прикладных решенийПартФорум DIRECTUM 2013 - разработка прикладных решений
ПартФорум DIRECTUM 2013 - разработка прикладных решенийВиктор Золотов
 
Прототипы vs Техническое задание — Владимир Зайонц
Прототипы vs Техническое задание — Владимир Зайонц Прототипы vs Техническое задание — Владимир Зайонц
Прототипы vs Техническое задание — Владимир Зайонц Wake_up_province
 
Web matrix
Web matrixWeb matrix
Web matrix.toster
 
Vladimir Unev
Vladimir UnevVladimir Unev
Vladimir UnevArchiOFF
 
Кэш виджетов Yii в Redis. Отдача напрямую через Nginx. Трофименко
Кэш виджетов Yii в Redis. Отдача напрямую через Nginx. ТрофименкоКэш виджетов Yii в Redis. Отдача напрямую через Nginx. Трофименко
Кэш виджетов Yii в Redis. Отдача напрямую через Nginx. Трофименко2ГИС Технологии
 
1 2 2_1_c-bitrix_kuleshov
1 2 2_1_c-bitrix_kuleshov1 2 2_1_c-bitrix_kuleshov
1 2 2_1_c-bitrix_kuleshovelenae00
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsSQALab
 
Как составить ТЗ на разработку сайта
Как составить ТЗ на разработку сайтаКак составить ТЗ на разработку сайта
Как составить ТЗ на разработку сайтаSiteclinic
 
Presentation UMI.CMS for developers
Presentation UMI.CMS for developersPresentation UMI.CMS for developers
Presentation UMI.CMS for developersguest3139c8
 
Технологические аспекты выбора CMS
Технологические аспекты выбора CMSТехнологические аспекты выбора CMS
Технологические аспекты выбора CMS"Rating Runet"
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NETMedia Gorod
 
Tuning HighLoad J2EE web application
Tuning HighLoad J2EE web applicationTuning HighLoad J2EE web application
Tuning HighLoad J2EE web applicationShamim bhuiyan
 
Модульное приложение на Xamarin. От идеи до реализации.
Модульное приложение на Xamarin. От идеи до реализации.Модульное приложение на Xamarin. От идеи до реализации.
Модульное приложение на Xamarin. От идеи до реализации.Денис Кретов
 
Обзор и архитектура MS Visual Studio Team System 2008
Обзор и архитектура MS Visual Studio Team System 2008Обзор и архитектура MS Visual Studio Team System 2008
Обзор и архитектура MS Visual Studio Team System 2008Александр Шамрай
 

Similar to Верстка крупных порталов (20)

Governance of content
Governance of contentGovernance of content
Governance of content
 
ПартФорум DIRECTUM 2013 - разработка прикладных решений
ПартФорум DIRECTUM 2013 - разработка прикладных решенийПартФорум DIRECTUM 2013 - разработка прикладных решений
ПартФорум DIRECTUM 2013 - разработка прикладных решений
 
Обзор и архитектура MS Team System
Обзор и архитектура MS Team SystemОбзор и архитектура MS Team System
Обзор и архитектура MS Team System
 
Прототипы vs Техническое задание — Владимир Зайонц
Прототипы vs Техническое задание — Владимир Зайонц Прототипы vs Техническое задание — Владимир Зайонц
Прототипы vs Техническое задание — Владимир Зайонц
 
Web matrix
Web matrixWeb matrix
Web matrix
 
Vladimir Unev
Vladimir UnevVladimir Unev
Vladimir Unev
 
Lenvendo riw2010 proektirovanie
Lenvendo riw2010 proektirovanieLenvendo riw2010 proektirovanie
Lenvendo riw2010 proektirovanie
 
Описание и архитектура TFS 2008
Описание и архитектура TFS 2008Описание и архитектура TFS 2008
Описание и архитектура TFS 2008
 
Кэш виджетов Yii в Redis. Отдача напрямую через Nginx. Трофименко
Кэш виджетов Yii в Redis. Отдача напрямую через Nginx. ТрофименкоКэш виджетов Yii в Redis. Отдача напрямую через Nginx. Трофименко
Кэш виджетов Yii в Redis. Отдача напрямую через Nginx. Трофименко
 
1 2 2_1_c-bitrix_kuleshov
1 2 2_1_c-bitrix_kuleshov1 2 2_1_c-bitrix_kuleshov
1 2 2_1_c-bitrix_kuleshov
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM Systems
 
Как составить ТЗ на разработку сайта
Как составить ТЗ на разработку сайтаКак составить ТЗ на разработку сайта
Как составить ТЗ на разработку сайта
 
Коммерческое предложение по разработке ИНТЕРНЕТ-МАГАЗИНА
Коммерческое предложение по разработке ИНТЕРНЕТ-МАГАЗИНАКоммерческое предложение по разработке ИНТЕРНЕТ-МАГАЗИНА
Коммерческое предложение по разработке ИНТЕРНЕТ-МАГАЗИНА
 
Presentation UMI.CMS for developers
Presentation UMI.CMS for developersPresentation UMI.CMS for developers
Presentation UMI.CMS for developers
 
Технологические аспекты выбора CMS
Технологические аспекты выбора CMSТехнологические аспекты выбора CMS
Технологические аспекты выбора CMS
 
MS TFS 2010 - Обзор и архитектура
MS TFS 2010 - Обзор и архитектураMS TFS 2010 - Обзор и архитектура
MS TFS 2010 - Обзор и архитектура
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET
 
Tuning HighLoad J2EE web application
Tuning HighLoad J2EE web applicationTuning HighLoad J2EE web application
Tuning HighLoad J2EE web application
 
Модульное приложение на Xamarin. От идеи до реализации.
Модульное приложение на Xamarin. От идеи до реализации.Модульное приложение на Xamarin. От идеи до реализации.
Модульное приложение на Xamarin. От идеи до реализации.
 
Обзор и архитектура MS Visual Studio Team System 2008
Обзор и архитектура MS Visual Studio Team System 2008Обзор и архитектура MS Visual Studio Team System 2008
Обзор и архитектура MS Visual Studio Team System 2008
 

Верстка крупных порталов