Лабораторное занятие №13

Оформление страницы сайта

Раздел 1. Установка и настройка аппаратных и программных средств доступа в сеть

Интернет
Тема 1.7 Принципы функционирования, организация и структура веб-сайтов

Цель работы: научить студентов оформлению страницы сайта

1. Теоретические сведения:

Главная страница сайт – это лицо сайта, оно должно быть безукоризненным, так как
именно по нему можно оценить качество ресурса, объем проделанной работы, полезность,
тематичность и его целостность. Вне зависимости от ниши сайта, главная страница
должна иметь ссылки на все основные страницы сайта: разделы, статьи, важные
информационные страницы (способ оплаты и доставки, например). Другими словами,
чтобы человек, зайдя на главную страницу, понял по каким ссылкам нужно переходить,
чтобы найти нужную информацию.
Главная страница не должна быть перегружена текстом, основу должны составлять
ссылки. Дабы разбавить текстовую массу используйте тематические картинки и иконки.
Если сайт небольшой (например, «Сайт-Визитка»), где нет особо страниц, а значит и
ссылок, то на главной должен быть написан структурированный текст с тематическими
картинками для наглядности.
Если проект представляет собой Интернет-журнал или каталог, то на главной
должны быть выведены, последние и самые интересные посты из каждой категории,
оформленные вместе с миниатюрами ( их можно взять из постов).
Коммерческий сайт на главной странице должен содержать перечень всех
возможных услуг и поля для оформления заказа. Кроме того, на нём должно
присутствовать портфолио, причем примеры из него, также должны быть выведены на
главную. Если есть отзывы, то это просто замечательно, лучшие из них, также же
отправляем на «лицевую страницу» проекта.

2. Порядок выполнения практической работы

1. Повторение теоретического материала.
2. Получение задания у преподавателя.
3. Выполнение задания по плану.
4. Оформление отчета о работе (вывод)
5. Подготовить ответы на контрольные вопросы.
6. Защита практической работы.

3. Алгоритм выполнения задания

1. Осмыслить полученное задание;
2. Выполнить задание
3. Сделать вывод, подготовиться к защите практической части.

4. Задание
1. Изучить теоретический материал
2. Выполнить вариант задания
3. Записать данные выполнения в отчет
Задание на практическую работу:
1. Оформить страничку сайта
 Порядок выполнения:
1. Выбрать вариант задания
2. Выполнить задание
3. Создать отчет о выполнении лабораторной работы 
Варианты
1. Сайт ВТИТБиД
2. Сайт Домашняя страница
3. Сайт любителей кошек
4. Сайт клуба собаководов
5. Сайт садовода-любителя
6. Сайт охотников
7. Сайт рыболовов
8. Сайт любителей футбола
9. Сайт города Волгодонска
10. Сайт Моя деревня
11. Сайт Планета кино
12. Сайт Моя семья
13. Сайт Кулинария
14. Сайт Познавательные странички
15. Сайт О звездах
16. Сайт Здоровье
17. Сайт Мода
18. Сайт Медицина
19. Сайт Автомобили
20. Сайт Спорт

5. Вопросы:
1. Что такое Web-узел?
2. Из чего состоит структура Web-узла?
3. Что такое начальная страница узла?
4. Что такое навигация по узлу?
5. Что такое публикация Web-узла?

6. Сделать вывод по практической работе.

Во всём виноваты, поведенческие факторы. Постоянные читатели знают уже, что
это такое, так как мы писали об этом целую статью, но на этот раз давайте
остановимся на тех моментах, которые касаются оформления и дизайна сайта.
Если на сайте

1. Правильно подана информация;

2. Выделены главные элементы статьи;
3. Есть дополнительные тематические ссылки;
4. Цвета не «выедают» глаз;
5. Явно выражены основные достоинства сайта.
То:

1. Человек дольше пробудет на странице;

2. Просмотрит дополнительные страницы;
3. Зарегистрируется;
4. Оставит комментарий;
5. Добавит сайт в закладки или социальные сети;
6. Вернется на сайт ещё раз.
Следовательно:

1. Сайт будет лучше ранжироваться в поисковой выдаче;

2. Поисковые системы будут уважать проект;
3. Ресурс получит ещё больше целевой аудитории.
Теперь мы уверены, что за оформление сайта, вы возьметесь активнее, но а мы
вам в этом с удовольствием поможем.

Как оформить сайт правильно?

Чтобы хоть как-то структурировать наши советы, мы разобьём их на страницы и
главные элементы.

Цветовая гамма сайта

Создавая дизайн сайта, или дорабатывая его элементы, вы обязаны просто
помнить о простом правиле: «На сайте должно быть не более 5-ти цветовых
оттенков». Выбирать эти оттенки тоже нужно уметь, так как далеко не все цвета
сочетаются. Помочь с этим могут специализированные сайты. Мне, например,
очень по душе www.colourlovers.com – тут можно с легостью подобрать желаемую
цветовую гамму с точными номерами цветов, а главное — посмотреть как они
сочетаются. После чего, старайтесь во всех элементах использовать только эти
цвета и оттенки.