Создание web-проекта
учебно-методический материал (10 класс)
Целью выполнения практического задания «Создание web-проекта» является: закрепление навыка проектирования программного обеспечения с использованием инструментальных средств web-технологий.
Скачать:
| Вложение | Размер |
|---|---|
 keys_sozdanie_web-proekta.docx | 41.32 КБ |
Предварительный просмотр:
Тема задания: «Создание web-проекта»
Целью выполнения практического задания «Создание web-проекта» является: закрепление навыка проектирования программного обеспечения с использованием инструментальных средств web-технологий.
План выполнения
- Знакомство с задачей.
- Выявление основной проблемы.
- Определение путей решения.
- Выбор оптимального решения.
- Реализация решения.
- Предоставление отчета.
Обзор
Необходимо разработать web-проект (многостраничный web-документ/web-сайт/ web-приложение) в соответствии с выбранной предметной областью. Предметная область (тема) для выполнения практического задания выбирается самостоятельно.
Постановка задачи
- Выбрать предметную область.
- На основе предоставленного контента (или собранного самостоятельно) разработать логическую структуру web-проекта (перечень и взаимосвязь разделов/подразделов).
- Разработать физическую структуру web-проекта (каталоги/файлы web-проекта).
- Разработать макет страницы, отображающий основные блоки (шапка, сайдбар, область контента, подвал и др.) и их размерность.
- Выбрать инструментальные средства для разработки web-проекта.
- Создать web-документы в соответствии с физической структурой и выполнить блочную верстку, используя технологию CSS.
Примечание. Необходимо наполнить содержанием как минимум два файла web- проекта: главную страницу и страницу, соответствующую одному из разделов логической структуры. Все остальные файлы должны быть созданы и связаны в соответствии с логической структурой, но при этом могут содержать стандартный текст-заполнитель.
Например, если в качестве web-проекта выбран сайт компании, оказывающей услуги, то можно наполнить контентом главную страницу и страницу услуг, или главную страницу и страницу «О компании» и т.п.
- Логическая структура web-проекта: таблица с описанием разделов и рисунок логической структуры.
Пример.
- Физическая структура web-проекта.
company | web-document | |
services | web-document | |
FAQ | web-document | |
contacts | web-document | |
Пример.
- Макет страницы, отображающей основные блоки и их размерность.
Пример.
- Скриншот двух страниц.
- Перечень и характеристика используемых инструментальных средств.
По теме: методические разработки, презентации и конспекты
Алгоритм создания учебного проекта по информатике для 8 класса
Цели: 1. Обучение навыкам систематизации и структуризации информации. 2. Развитие творческой и исследовательской инициативы. 3. Внедрение проектного метода в учебный процесс....
Создание рекламных проектов как средство формирования компетенций на уроках географии на примере урока в 7 классе «Воды Африки »
Создание рекламных проектов как средство формирования компетенций на уроках географии на примере урока в 7 классе «Воды Африки »ИЗ ОПЫТА РАБОТЫ...
Использование теории множественности интеллекта в создании учебных проектов.
В статье я хочу поделиться наблюдениями, как теория множественности интеллекта помогает в проектной деятельности, которая всё более востребована в современном образовательном п...
Навыки исследовательской деятельности для создания творческих проектов обучающегося. Формирование метапредметных компетенций
Актуальным в педагогическом процессе становится использование методов и приемов, которые формируют у школьников навыки самостоятельного добывания новых знаний, сбора необходимой информации, умен...
Методическая разработка мастер-класса по теме "Формирование универсальных учебных действий учащихся через создание электронного проекта в свете перехода на ФГОС"
Разработка включает в себя план мастер-калсса, приложения, презентацию для объяснения материала и шаблон презентации для работы, а также дополнительный материал, по которому разработывается мини проек...
«Технология создания дизайн - проекта. Основные этапы создания дизайн – проекта»
Данный раздел содержит материал...
УЧАСТИЕ В ПРОЕКТНОЙ ДЕЯТЕЛЬНОСТИ. Создание анимационных проектов (мультипликационные фильмы, видео открытки, социальные ролики), с коллективами учащихся в урочное и внеурочное время. (период создания фильмов с 2014 по 2018 гг.)
УЧАСТИЕ В ПРОЕКТНОЙ ДЕЯТЕЛЬНОСТИ. Создание анимационных проектов (мультипликационные фильмы, видео открытки, социальные ролики), с коллективами учащихся в урочное и внеурочное время. (пери...