Компетенция JuniorSkills – веб дизайн

Анонсы событий
Информация об отделе центра
Отдел по работе с общественностью

jskills.jpg

JuniorSkills – веб дизайн
ТЕХНИЧЕСКОЕ ЗАДАНИЕ Возраст: 14+<<<Скачать


ТЕХНИЧЕСКОЕ ОПИСАНИЕ
Направление «ВЕБ-ДИЗАЙН»<<<Скачать


JuniorSkills Web-дизайн  – Критерии оценки<<<Скачать

JuniorSkills Оборудование<<<Скачать


ТЕХНИЧЕСКОЕ ЗАДАНИЕ

1.      Термины, используемые в техническом задании

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

 

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

JavaScript — объектно-ориентированный скриптовый язык программирования.  JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

 

2.      Общие положения

2.1 Название

Сайт конкурса «Будущий дипломат»

2.2 Разработчики и заказчики

Разработчики: Команда JuniorSkills. Направление: веб-дизайн.

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

2.3 Перечень документов, на основании которых создается сайт

Техническое задание.

2.4 Состав и содержание работ по созданию системы

1.      Формулировка требований, проектирование, анализ предметной области, составление технического задания

2.      Разработка дизайна

3.      HTML верстка

4.      Программирование элементов web страниц

5.      Наполнение сайта

6.      Тестирование

 

3.      Назначение и цели создания

3.1 Цели

Создание веб-сайта для предоставления информации о конкурсе «Будущий Дипломат».

3.2 Задачи

·         Подготовка шаблона сайта

·         Создание страниц, меню

·         Добавление материала на страницы

·         Приведение внешнего вида (стиля оформления) сайта к заданному шаблону.

·         Проверка на ошибки и доработка

 

4.      Требования к сайту и ПО

4.1 Требования к ПО компьютера

Наличие текстового редактора Notepad++, программы Dreamweaver, графического редактора Photoshop и веб-браузера Google Chrome.

4.2 Требования к оформлению

·         Web-дизайн должен обеспечивать быстрый, удобный и интуитивно-понятный доступ к информации.

·         Простая схема навигации.

·         Корректное отображение в окне браузера и адаптация под разный размер экрана.

·         Использование предложенных цветовых решений (сайт является не развлекательным, а учебным).

4.3 Требования к участникам соревнований

Общие навыки работы с Web – сайтами, знание HTML, CSS, добавление информации на сайт, редактирование информации.

 

5.      Структура сайта

1.      Начальная страница

·         Краткая информация о конкурсе

·         Главное меню (также имеется на всех основных страницах)

·         Переход к просмотру ресурсов

·         Информация о сайте, заказчике (организаторы) и создателях (команда)

2.      Описание и образцы страниц

·         Цели и задачи конкурса

·         История конкурса

·         Примеры работ участников конкурса

3.       Участникам

·         Материалы, необходимые для участников конкурса «Будущий Дипломат»

4.      Контакты

 

6.      Языковые версии

·         Русскоязычный сайт

 

7.      Задачи, выполняемые командой

·         Создание и редактирование HTML страниц сайта.

·         Добавление к структуре сайта файла стиля CSS и его редактирование.

·         Добавление материала на сайт в виде текста, картинок, видео и т.д..

 

8.      Дизайн сайта

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

 

9.      Навигация сайта

На каждой странице должны быть ссылки на следующие страницы:

·         Начальная страница

·         Цели и задачи

·         История

·         Примеры

·         Документы

·         Контакты

Должна быть реализована карта сайта.

 

10. Описание страниц сайта

10.1 Статические страницы:

  • Начальная страница

Информация о конкурсе. Авторизация отсутствует.

  • Цели и задачи, история

Навигация по тексту осуществляется по рубрикам (текст будет подготовлен позднее).

Рубрики будут расположены в начале страницы и при нажатии будут перемещать вид к нужному месту в тексте.

  • Примеры

§ Информация об участнике конкурса

§ Фотография

§ Ссылка на презентацию

§ Дополнительные материалы (если есть)

  • Документы

§ Положение конкурса (региональный и всероссийский этапы)

§ Программа конкурса (региональный этап)

§ Бланк заявки на участие

§ Правила участия в конкурсе

  • Контакты

§ Адрес организаторов

§ Режим работы

§ Телефон

§ Факс

10.2 Динамические страницы:

  • Отсутствуют

    

11. Функционал сайта

На сайте конкурса «Будущий Дипломат» можно ознакомиться с описанием конкурса  и материалами участников. Доступ ко всем материалам открыт к просмотру без регистрации.

 

12. Контент (наполнение) сайта

видео- текстовые материалы, изображения, презентации PowerPoint (и другие). Поддерживаются наиболее известные форматы: mp3, wav, wma, doc, docx, txt, avi, wmv, jpeg, png, giv.
Видео воспроизводится прямо на странице, а презентации предварительно скачиваются.
Группы Клуба

Яндекс.Метрика