Практическая работа по графическому дизайну интерфейсов сайтов
учебно-методический материал
Практическая работа для специальности 09.02.07 "Информационные системы и прграммирование" направления "Веб и мультимедиа разработчики"
Скачать:
| Вложение | Размер |
|---|---|
 zadanie.docx | 502.95 КБ |
Предварительный просмотр:
Практическая работа
Задание 1
1. Создать шаблон сайта для видеоуроков или сайта нашего колледжа.
2. Создать html страницу с CSS стилями по данному шаблону.
Как, примерно, должен выглядеть интерфейс* сайта (Вся таблица, это экран вашего компьютера)
VIDEO | Контакты Почта | 8 9** *** ** ** ******@yandex.ru | ||||
Главное | О нас | Услуги | Наши заслуги | Наши студии | ||
Здесь должны быть фото для рекламы видео монтажа | ||||||
Юридический адрес компании, контакты и дата создания сайта | ||||||
Интерфейс* - то, что пользователи видят в браузере, и благодаря чему могут переходить на другие странички (кнопки и ссылки), открывать нужный им материал и записывать какую-либо информацию в поле для заполнения (ввод логина и пароля, комментарии и тд). Всё это, если простыми словами выражаться, и есть интерфейс сайта.
__________________________________________________________________
Задание 2.
Теперь, когда у нас готовый шаблон главной страницы имеется, теперь переходим к следующему этапу: начнём редактировать остальные страницы сайта.
Начнём с категории О нас.
Во-первых, теперь на главной странице должна появился две рабочие кнопки: первая ссылается на саму главную страницу, а вторая ссылается на новую страницу. Во-вторых, на новой странице должно ничего не меняться, кроме содержания самой страницы и кнопок. Кнопка Главная должна ссылаться на главную страницу, а кнопка О нас должна ссылаться на саму эту страницу.
Вид у страницы должен быть по шаблону:
__________________________________________________________________
Задание 3
Теперь всё то же самое, повторяем с кнопкой и страницей Услуги. Алгоритм тот же, все ранние кнопки должны хорошо работать сама же кнопка Услуги ссылается сама на свою страницу, естественно. Страница должна будет выглядеть следующим образом:
VIDEO | Контакты Почта | 8 9** *** ** ** ******@yandex.ru | ||||
Главное | О нас | Услуги | Наши заслуги | Наши студии | ||
Юридический адрес компании, контакты и дата создания сайта | ||||||
Задание 4
Теперь всё тоже самое повторяем с кнопкой и страницей Наши заслуги. Алгоритм тот же, все ранние кнопки должны хорошо работать сама же кнопка Наши заслуги ссылается сама на свою страницу, естественно. Страница должна будет выглядеть следующим образом:
VIDEO | Контакты Почта | 8 9** *** ** ** ******@yandex.ru | |||||
Главное | О нас | Услуги | Наши заслуги | Наши студии | |||
Портфолио | Заслуги | ||||||
Юридический адрес компании, контакты и дата создания сайта | |||||||
Задание 5
Теперь всё тоже самое повторяем с кнопкой и страницей Наши студии. Алгоритм тот же, все ранние кнопки должны хорошо работать сама же кнопка Наши студии ссылается сама на свою страницу, естественно. Страница должна будет выглядеть следующим образом:
VIDEO | Контакты Почта | 8 9** *** ** ** ******@yandex.ru | ||||
Главное | О нас | Услуги | Наши заслуги | Наши студии | ||
Studio | ||||||
Юридический адрес компании, контакты и дата создания сайта | ||||||
Задание 6
Написать форму для входа и регистрирования на сайт
| ||||||||
По теме: методические разработки, презентации и конспекты
РАБОЧАЯ ПРОГРАММА КРУЖКА «WorldSkills. Графический дизайн. Работа в графических редакторах»
РАБОЧАЯ ПРОГРАММа кружка «WorldSkills. Графический дизайн. Работа в графических редакторах»Программа кружка является частью примерной основной образовательной программы в соответствии с ФГОС СПО....
РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ПРАКТИКИ ПМ.02. Создание графических дизайн-макетов 54.01.20. Графический дизайнер
Рабочая программа учебной практики является частью основной профессиональной образовательной программы в соответствии с ФГОС по специальности СПО 54.01.20. Графический дизайнер...
РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ПРАКТИКИ ПМ.01. Разработка технического задания на продукт графического дизайна 54.01.20. Графический дизайнер
Рабочая программа учебной практики является частью основной профессиональной образовательной программы в соответствии с ФГОС по специальности СПО 54.01.20. Графический дизайнерв части освоения основно...
РАБОЧАЯ ПРОГРАММА ПРОИЗВОДСТВЕННОЙ ПРАКТИКИ ПМ.02. Создание графических дизайн-макетов 54.01.20. Графический дизайнер
Рабочая программа производственной практики является частью основной профессиональной образовательной программы в соответствии с ФГОС по специальности СПО 54.01.20. Графический дизайнер в части освоен...
СОВРЕМЕННЫЙ ДАТСКИЙ ГРАФИЧЕСКИЙ ДИЗАЙН: ДИЗАЙН ЛОГОТИПОВ ДАТСКИХ КОММУН (МУНИЦИПАЛИТЕТОВ)
Датский дизайн широко известен во всем мире. Присущие датскому дизайну в целом такие характерные черты, как простота, лаконичность, элегантность и функциональность, мы видим и в графическом дизайне Да...
Презентация по ОП.03 История дизайна для профессии 54.01.20 Графический дизайнер по теме "Истоки графического дизайна"
Данная презентация рассказывает о том как формировалось направление графического дизайна с первобытности до Нового времени...
Методические указания к выполнению лабораторных работ по дисциплине "Графический дизайн и мультимедиа"
Лабораторный практикум составлен в соответствии с календарно-тематическим планом дисциплины "Графический дизайн и мультимедиа" для специальности 09.02.07 Информационные системы и программиро...