Сайт «English World»

при работе использованы программы векторной графики Corel Draw, Afobe Illustrator, + Photoshop, система управления сайтом Joomla/ Сделана полная корректировка литературная и техническая обработка текста, иллюстраций, оптимизация сайта, микроразметка, определение структуры сайта, навигации и пр.

Задача: Разработать персональный сайт преподавателя английского языка средней общеобразовательной :) школы…(Простите, от юристов не отошел) Решение: Перво-наперво необходимо определить те функциональные компоненты и разделы, виды материалов, что будут на сайте представлены. Для упрощения процесса начинаем, как всегда с конца – представляем, что же мы, как посетители сайта хотели бы на нем увидеть. Итак, самый большой и развитый раздел, видимо, будет описание уроков (причем оне в свою очередь будут содержать теоретическую и практическую часть), плюс к нему нужны будут методические и тематические статьи, а также иные материалы, потребность в которых определим чуть позже… Разумеется, хотелось бы сделать наш сайт не только познавательным, но и нескучным… Благо тематика подразумевает возможность размещения видео, аудиоматериалов , иллюстраций и пр., помогающего пользователям ресурса в процессе научения. Кроме того, по требованиям к персональным сайтам такого рода обязательно размещение информации о владельце сайта, его деятельности и пр. информация «От первого лица» Очевидно, нужна будет обратная связь..

Примерно определяем «скелет» (содержание и иерархию разделов сайта), на который мы и будем наращивать сочное содержание J  Решено: сделаем большой блок познавательных материалов, содержащих информацию о странах, в которых используют английский язык в качестве основного средства общения J. Это и определяет название сайта. Мир, в который мы приглашаем наших читателей… Заодно отвечая на вопрос зачем Вам вообще нужен английский язык ?!

Две  основных линии развития содержания нашего сайта подразумевает два основных меню: главное меню, где мы расположим интерфейс, позволяющий получить доступ к основным материалам и дополнительное меню, дающее представление об авторе сайта.

Ага, уже что-то более понятно… Теперь уже можно представить, что нужно из функционала. А нужно нам возможность проигрывать аудио и видеофайлы, сделать компоненты комментариев, рубрику «Вопрос-ответ» с формой отправки запроса через электронную почту, авторизацию посетителей, возможно раздельные права доступа для коллег, родителей и учеников к различным разделам., Галерею изображений, возможность интеграции в соцсети, хотелось бы интерактивную карту с возможностью работы с картой Google и, в частности модулем виртуальных 3D экскурсий по англоязычным странам, дабы посетить достопримечательности и “походить» по странам и городам, язык которого изучаем.

Также методично просматриваем уже существующие сайты сходной тематики на предмет вдумчивого применения полезного и отторжения ненужного J

Бюджет ограничен, потому берем за основу готовый шаблон с хорошей типографикой и допиливаем его под себя, меняя оформление, гамму, функционал. Устанавливаем на локалке и меняем все что нать…

Сайт English World1Красиво хочется сделать, потому много внимания фоновой картинке, что будет на всех страницах нашего сайта. Поскольку я не Тема Лебедев, приходится пользоваться клипартами… Но «логотип Москвы» тоже постараюсь не дать себе допустить :) подбираем «доноров», делаем иллюстрацию. Она же, как заглавная, во многом определит остальной графический контент сайта (в основном тем, что определит начальный эмоциональный посыл посетителю)… Опять же нужно чтобы подложка нормально отображалась на разных типах мониторов…

Теперь поработаем с шаблонами статей. Поскольку готовых материалов нам по-традиции не дали, им же хуже J или лучше… - определяем пока с помощью текста-рыбы что и как у нас будет в статьях оформлено с помощью типографики и графем… Ну и собираем постепенно страницу за страницей J

Согласовали, что смогли и конкретизируем контент, после чего… не прошло и полгода J выкладываем на хостинг по адресу http://engl-world.ru , настраиваем и отпускаем в полет. Успехов !


Просмотров: