SlideShare a Scribd company logo
1 of 14
Анатомия сайта
или Что ж это за это за штука такая,
   что она столько денег стоит?
Физически сайт – это набор папок и
            файлов…
Связаны эти файлы между собой
      примерно вот так:
Нет, в целом все просто

Все эти файлы относятся к одной из
 трех категорий – модель, вид или
         контроллер (MVC)
Файлы категории М (модель)
• Условно говоря, это много-много файлов, в
  которых описывается:
- как сайт «различает» данные (целые числа,
  даты, картинки…)
- в каком виде может их выводить («200 р.»,
  «200 рублей», «2 сотни рублей»)
- что может с ними делать (удалять,
  копировать…)
• Модель – это логика сайта. Все его «да», «нет»
  и «может быть»…
…как любая логика,
противостоит изменениям
     Если модель «старомодна» и с
подозрением относится к нововведениям
   типа социальных сетей и сторонних
программных скриптов, переубедить ее в
      их полезности будет сложно
Файлы категории V (вид)
• Это много-много готовых шаблонов сайта, в
  том числе:
- дизайн главной страницы
- формы (галочки, кнопочки…)
- баннерная сетка (места, где будет
  появляться реклама)
• Вид – это интерфейс сайта. Его можно
  менять/улучшать…
…насколько позволит модель

  Если в модели нет описания, например,
    файлов cdr и того, что с ними можно
   делать, использовать такие картинки в
        дизайне сайта не получится
Файлы категории С (контроллер)
• Это файлы, которые отвечают за взаимодействие
  сайта с пользователем, в том числе:
   - с посетителем сайта (хранение его личных данных,
     вопросов, объявлений, настройки внешнего вида сайта
     и т.д.)
   - с администратором сайта (добавление материалов,
     перестановка материалов, формирование новых
     разделов, изменение настроек, публикация баннеров и
     т.д.)
• Контроллер – это та часть сайта, где у программиста
  наибольшие шансы проявить свой талант…
Логика у сайтов примерно
     одинакова, примеры
красивых/удобных интерфейсов
             есть…
  И скопировать их – не проблема
…но если сайт обрабатывает
    данные медленно или с
ошибками, работать он будет тоже
    медленно и с ошибками
      Медленно = отсутствие сжатия (кэширования)
        файлов на сервере, табличная верстка…
   С ошибками = потеря данных, избыточные данные
                       (спам)…
ВЫВОД №1
Выбирая разработчика, смотреть
     нужно не на дизайн
  А на то, как их сайт реагирует на ваши
     запросы: и снаружи (интерфейс
    посетителя), и изнутри (админка)
ВЫВОД №2
Обсуждая техническое задание,
задавайте все вопросы о логике
            сайта
     А еще лучше, фиксируйте
  требования к ним в письменном
               виде
ВЫВОД №3
Просите тестовую версию
   Чтобы понять, как сайт работает с
 данными, нужно потыкать в него и со
  стороны посетителя, и со стороны
           администратора

More Related Content

Similar to Анатомия сайта

Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)
Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)
Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)Ontico
 
Web20 from zero
Web20 from zeroWeb20 from zero
Web20 from zeroqweasdrty
 
Практическое создание крупного масштабируемого web 20 c нуля, Дмитрий Бородин
Практическое создание крупного масштабируемого web 20 c нуля, Дмитрий БородинПрактическое создание крупного масштабируемого web 20 c нуля, Дмитрий Бородин
Практическое создание крупного масштабируемого web 20 c нуля, Дмитрий БородинFuenteovejuna
 
Верстка в команде
Верстка в командеВерстка в команде
Верстка в командеAndrew Vdovichenko
 
Проектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftПроектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftRedsoft
 
DOM-шаблонизаторы – не только "быстро"
DOM-шаблонизаторы – не только "быстро"DOM-шаблонизаторы – не только "быстро"
DOM-шаблонизаторы – не только "быстро"Roman Dvornov
 
Быстрое масштабирование систем
Быстрое масштабирование системБыстрое масштабирование систем
Быстрое масштабирование системMedia Gorod
 
Консалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системКонсалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системMedia Gorod
 
Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...
Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...
Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...Сообщество eLearning PRO
 
Проектирование интернет-проектов
Проектирование интернет-проектовПроектирование интернет-проектов
Проектирование интернет-проектовAlex Shishkin
 
Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центр
Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центрМониторинг веб-проектов: штаб оперативного реагирования и аналитический центр
Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центрsportgid
 
SharePoint 2013 - единый дизайн портала от интранета до облака
SharePoint 2013 - единый дизайн портала от интранета до облакаSharePoint 2013 - единый дизайн портала от интранета до облака
SharePoint 2013 - единый дизайн портала от интранета до облакаADV/web-engineering
 
Bullshit on rails
Bullshit on railsBullshit on rails
Bullshit on railszykin-ilya
 
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Сообщество eLearning PRO
 
BEM на корпоративном веб-ресурсе — отказоустойчивость фронтенда
BEM на корпоративном веб-ресурсе — отказоустойчивость фронтендаBEM на корпоративном веб-ресурсе — отказоустойчивость фронтенда
BEM на корпоративном веб-ресурсе — отказоустойчивость фронтендаDALEE digital agency
 
BEM for corporate sites — failover frontend
BEM for corporate sites — failover frontendBEM for corporate sites — failover frontend
BEM for corporate sites — failover frontendAlex Yaroshevich
 
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компаний
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компанийАлександр Баумгертнер — Преимущества БЭМ для небольших проектов и компаний
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компанийYandex
 
как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4rit2011
 
Web дизайнер
Web дизайнерWeb дизайнер
Web дизайнерbvalentina
 
bem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформыbem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформыYandex
 

Similar to Анатомия сайта (20)

Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)
Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)
Практическое создание крупного масштабируемого web 2.0 c нуля (Дмитрий Бородин)
 
Web20 from zero
Web20 from zeroWeb20 from zero
Web20 from zero
 
Практическое создание крупного масштабируемого web 20 c нуля, Дмитрий Бородин
Практическое создание крупного масштабируемого web 20 c нуля, Дмитрий БородинПрактическое создание крупного масштабируемого web 20 c нуля, Дмитрий Бородин
Практическое создание крупного масштабируемого web 20 c нуля, Дмитрий Бородин
 
Верстка в команде
Верстка в командеВерстка в команде
Верстка в команде
 
Проектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftПроектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в Redsoft
 
DOM-шаблонизаторы – не только "быстро"
DOM-шаблонизаторы – не только "быстро"DOM-шаблонизаторы – не только "быстро"
DOM-шаблонизаторы – не только "быстро"
 
Быстрое масштабирование систем
Быстрое масштабирование системБыстрое масштабирование систем
Быстрое масштабирование систем
 
Консалтинг высоконагруженных web систем
Консалтинг высоконагруженных web системКонсалтинг высоконагруженных web систем
Консалтинг высоконагруженных web систем
 
Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...
Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...
Разработка малобюджетного учебного сайта на основе концепции Wiki. Чать 2 Пор...
 
Проектирование интернет-проектов
Проектирование интернет-проектовПроектирование интернет-проектов
Проектирование интернет-проектов
 
Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центр
Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центрМониторинг веб-проектов: штаб оперативного реагирования и аналитический центр
Мониторинг веб-проектов: штаб оперативного реагирования и аналитический центр
 
SharePoint 2013 - единый дизайн портала от интранета до облака
SharePoint 2013 - единый дизайн портала от интранета до облакаSharePoint 2013 - единый дизайн портала от интранета до облака
SharePoint 2013 - единый дизайн портала от интранета до облака
 
Bullshit on rails
Bullshit on railsBullshit on rails
Bullshit on rails
 
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
 
BEM на корпоративном веб-ресурсе — отказоустойчивость фронтенда
BEM на корпоративном веб-ресурсе — отказоустойчивость фронтендаBEM на корпоративном веб-ресурсе — отказоустойчивость фронтенда
BEM на корпоративном веб-ресурсе — отказоустойчивость фронтенда
 
BEM for corporate sites — failover frontend
BEM for corporate sites — failover frontendBEM for corporate sites — failover frontend
BEM for corporate sites — failover frontend
 
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компаний
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компанийАлександр Баумгертнер — Преимущества БЭМ для небольших проектов и компаний
Александр Баумгертнер — Преимущества БЭМ для небольших проектов и компаний
 
как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4как стать хорошим веб технологом. нарек мкртчян. зал 4
как стать хорошим веб технологом. нарек мкртчян. зал 4
 
Web дизайнер
Web дизайнерWeb дизайнер
Web дизайнер
 
bem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформыbem-components — от методологии до full stack платформы
bem-components — от методологии до full stack платформы
 

More from annelee2011

День Победы в Благовещенске
День Победы в БлаговещенскеДень Победы в Благовещенске
День Победы в Благовещенскеannelee2011
 
Магнолия
МагнолияМагнолия
Магнолияannelee2011
 
Жизнь замечательных котов. Кошка Матильда
Жизнь замечательных котов. Кошка МатильдаЖизнь замечательных котов. Кошка Матильда
Жизнь замечательных котов. Кошка Матильдаannelee2011
 
жизнь замечательных котов. кошка вайнона
жизнь замечательных котов. кошка вайнонажизнь замечательных котов. кошка вайнона
жизнь замечательных котов. кошка вайнонаannelee2011
 
Масленица в Благовещенске
Масленица в БлаговещенскеМасленица в Благовещенске
Масленица в Благовещенскеannelee2011
 
Жизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка ЖаклинЖизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка Жаклинannelee2011
 
15 февраля в Благовещенске
15 февраля в Благовещенске15 февраля в Благовещенске
15 февраля в Благовещенскеannelee2011
 
15 февраля в Благовещенске
15 февраля в Благовещенске15 февраля в Благовещенске
15 февраля в Благовещенскеannelee2011
 
Жизнь замечательных котов. Кошка Маша
Жизнь замечательных котов. Кошка МашаЖизнь замечательных котов. Кошка Маша
Жизнь замечательных котов. Кошка Машаannelee2011
 
Жизнь замечательных котов. Кошка Весна
Жизнь замечательных котов. Кошка ВеснаЖизнь замечательных котов. Кошка Весна
Жизнь замечательных котов. Кошка Веснаannelee2011
 
Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4annelee2011
 
Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4annelee2011
 
Рекламодатель года-2011. Часть 3
Рекламодатель года-2011. Часть 3Рекламодатель года-2011. Часть 3
Рекламодатель года-2011. Часть 3annelee2011
 
рекламодатель года 2011. часть 1
рекламодатель года 2011. часть 1рекламодатель года 2011. часть 1
рекламодатель года 2011. часть 1annelee2011
 
рекламодатель года 2011. часть 2
рекламодатель года 2011. часть 2рекламодатель года 2011. часть 2
рекламодатель года 2011. часть 2annelee2011
 
Рекламодатель года-2006
Рекламодатель года-2006Рекламодатель года-2006
Рекламодатель года-2006annelee2011
 
Жизнь замечательных котов. Кот Кузя
Жизнь замечательных котов. Кот КузяЖизнь замечательных котов. Кот Кузя
Жизнь замечательных котов. Кот Кузяannelee2011
 
жизнь замечательных котов. кошка тигра
жизнь замечательных котов. кошка тигражизнь замечательных котов. кошка тигра
жизнь замечательных котов. кошка тиграannelee2011
 
Жизнь замечательных котов: Кот Юра
Жизнь замечательных котов: Кот ЮраЖизнь замечательных котов: Кот Юра
Жизнь замечательных котов: Кот Юраannelee2011
 
Жизнь замечательных котов. Саюри
Жизнь замечательных котов. СаюриЖизнь замечательных котов. Саюри
Жизнь замечательных котов. Саюриannelee2011
 

More from annelee2011 (20)

День Победы в Благовещенске
День Победы в БлаговещенскеДень Победы в Благовещенске
День Победы в Благовещенске
 
Магнолия
МагнолияМагнолия
Магнолия
 
Жизнь замечательных котов. Кошка Матильда
Жизнь замечательных котов. Кошка МатильдаЖизнь замечательных котов. Кошка Матильда
Жизнь замечательных котов. Кошка Матильда
 
жизнь замечательных котов. кошка вайнона
жизнь замечательных котов. кошка вайнонажизнь замечательных котов. кошка вайнона
жизнь замечательных котов. кошка вайнона
 
Масленица в Благовещенске
Масленица в БлаговещенскеМасленица в Благовещенске
Масленица в Благовещенске
 
Жизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка ЖаклинЖизнь замечательных котов. Кошка Жаклин
Жизнь замечательных котов. Кошка Жаклин
 
15 февраля в Благовещенске
15 февраля в Благовещенске15 февраля в Благовещенске
15 февраля в Благовещенске
 
15 февраля в Благовещенске
15 февраля в Благовещенске15 февраля в Благовещенске
15 февраля в Благовещенске
 
Жизнь замечательных котов. Кошка Маша
Жизнь замечательных котов. Кошка МашаЖизнь замечательных котов. Кошка Маша
Жизнь замечательных котов. Кошка Маша
 
Жизнь замечательных котов. Кошка Весна
Жизнь замечательных котов. Кошка ВеснаЖизнь замечательных котов. Кошка Весна
Жизнь замечательных котов. Кошка Весна
 
Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4
 
Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4Рекламодатель года-2011. Часть 4
Рекламодатель года-2011. Часть 4
 
Рекламодатель года-2011. Часть 3
Рекламодатель года-2011. Часть 3Рекламодатель года-2011. Часть 3
Рекламодатель года-2011. Часть 3
 
рекламодатель года 2011. часть 1
рекламодатель года 2011. часть 1рекламодатель года 2011. часть 1
рекламодатель года 2011. часть 1
 
рекламодатель года 2011. часть 2
рекламодатель года 2011. часть 2рекламодатель года 2011. часть 2
рекламодатель года 2011. часть 2
 
Рекламодатель года-2006
Рекламодатель года-2006Рекламодатель года-2006
Рекламодатель года-2006
 
Жизнь замечательных котов. Кот Кузя
Жизнь замечательных котов. Кот КузяЖизнь замечательных котов. Кот Кузя
Жизнь замечательных котов. Кот Кузя
 
жизнь замечательных котов. кошка тигра
жизнь замечательных котов. кошка тигражизнь замечательных котов. кошка тигра
жизнь замечательных котов. кошка тигра
 
Жизнь замечательных котов: Кот Юра
Жизнь замечательных котов: Кот ЮраЖизнь замечательных котов: Кот Юра
Жизнь замечательных котов: Кот Юра
 
Жизнь замечательных котов. Саюри
Жизнь замечательных котов. СаюриЖизнь замечательных котов. Саюри
Жизнь замечательных котов. Саюри
 

Анатомия сайта

  • 1. Анатомия сайта или Что ж это за это за штука такая, что она столько денег стоит?
  • 2. Физически сайт – это набор папок и файлов…
  • 3. Связаны эти файлы между собой примерно вот так:
  • 4. Нет, в целом все просто Все эти файлы относятся к одной из трех категорий – модель, вид или контроллер (MVC)
  • 5. Файлы категории М (модель) • Условно говоря, это много-много файлов, в которых описывается: - как сайт «различает» данные (целые числа, даты, картинки…) - в каком виде может их выводить («200 р.», «200 рублей», «2 сотни рублей») - что может с ними делать (удалять, копировать…) • Модель – это логика сайта. Все его «да», «нет» и «может быть»…
  • 6. …как любая логика, противостоит изменениям Если модель «старомодна» и с подозрением относится к нововведениям типа социальных сетей и сторонних программных скриптов, переубедить ее в их полезности будет сложно
  • 7. Файлы категории V (вид) • Это много-много готовых шаблонов сайта, в том числе: - дизайн главной страницы - формы (галочки, кнопочки…) - баннерная сетка (места, где будет появляться реклама) • Вид – это интерфейс сайта. Его можно менять/улучшать…
  • 8. …насколько позволит модель Если в модели нет описания, например, файлов cdr и того, что с ними можно делать, использовать такие картинки в дизайне сайта не получится
  • 9. Файлы категории С (контроллер) • Это файлы, которые отвечают за взаимодействие сайта с пользователем, в том числе: - с посетителем сайта (хранение его личных данных, вопросов, объявлений, настройки внешнего вида сайта и т.д.) - с администратором сайта (добавление материалов, перестановка материалов, формирование новых разделов, изменение настроек, публикация баннеров и т.д.) • Контроллер – это та часть сайта, где у программиста наибольшие шансы проявить свой талант…
  • 10. Логика у сайтов примерно одинакова, примеры красивых/удобных интерфейсов есть… И скопировать их – не проблема
  • 11. …но если сайт обрабатывает данные медленно или с ошибками, работать он будет тоже медленно и с ошибками Медленно = отсутствие сжатия (кэширования) файлов на сервере, табличная верстка… С ошибками = потеря данных, избыточные данные (спам)…
  • 12. ВЫВОД №1 Выбирая разработчика, смотреть нужно не на дизайн А на то, как их сайт реагирует на ваши запросы: и снаружи (интерфейс посетителя), и изнутри (админка)
  • 13. ВЫВОД №2 Обсуждая техническое задание, задавайте все вопросы о логике сайта А еще лучше, фиксируйте требования к ним в письменном виде
  • 14. ВЫВОД №3 Просите тестовую версию Чтобы понять, как сайт работает с данными, нужно потыкать в него и со стороны посетителя, и со стороны администратора