6 Внеурочные занятия 8 класс. Создание сайта. Добавление ссылок на страницу HTML
презентация к уроку (8 класс)

Слайд 2

ссылки на веб-странице. Полноценный сайт, как правило, содержит несколько страниц, объединенных между собой гиперссылками . Прежде, чем создавать сайт, нужно выбрать тему! Предлагаю на выбор такие варианты сайтов: сайт о хобби, сайт-визитная карточка фотографа, сайт чемпионата мира по баскетболу, например. ЗАДАНИЕ. Определиться с темой и написать в сообщении, какую выбрали.

Слайд 3

Какой должна быть структура сайта Один из этапов создания сайта — разработка его структуры (взаимосвязь и расположение всех элементов проекта). У разных сайтов в зависимости от типа, дизайна и задач – своя структура. Основной же критерий которому стоит придерживаться при разработке любой структуры сайта, это удобство и понятность для пользователя . Структура определяет расположение и взаимосвязь всех элементов сайта. На таком сайте хорошо ориентироваться, его легко продвигать, в такую структуру удобно добавлять новые элементы . На рисунке ниже приведена наглядная демонстрация удобной и понятной структуры сайта интеренет -магазина.

Слайд 4

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

Слайд 5

Какие страницы должны быть на сайте На самом деле нет обязательного перечня отдельных страниц, более того, ваш сайт может состоять всего из 1 страницы. Однако если ваш проект чуть крупнее, посетители привыкли видеть набор базовых страниц, которые подойдут большинству проектов . Главная; Home – С данной странице пользователь должен попадать по ссылкам в любой раздел и на любую страницу сайта . Контакты – Одна из важнейших страниц любого проекта. От её наличия и оформления зависит ваша связь с посетителями . О компании; О нас – Распространенная ошибка писать на данной странице о себе, о достижениях компании и личных успехах. Используйте информацию на данной странице как пример того, что вы можете дать посетителю и чем можете доказать это (дипломы, достижения, кейсы и т.д .) Отзывы; Фитбек – Обязательно создайте страницу отзывов\предложений или за вас это сделают сайты- отзовики . Новости; События; Статьи — Раздел публикаций на сайте может использоваться как хороший источник привлечения пользователь из поиска . Услуги — Зачастую проекты, которые предоставляют дополнительные услуги, не создают отдельных страниц под каждую из конкретных услуг. Тем самым лишая свой сайт притока посетителей для этих услуг из поисковика, да и посетитель сайта может не увидеть написанное мелким текстом предложение. Создавайте страницу под каждую услугу, максимально описывайте преимущества ваших услуг, показывайте примеры работ на фото и видео. Совет: От структуры вашего проекта зависит дальнейшая работа сайта, количество переделок и удобство продвижения в будущем . Планируя схему проекта, берите во внимание существующие потребности целевой аудитории.

Слайд 6

Создание страниц сайта Переходим к делу. Необходимо создать как минимум три страницы. Существенными признаками качественного сайта являются также упорядоченная структура каждой отдельной страницы и единый стиль оформления всех страниц. На странице должн ы быть: заголовок или шапка ( HEADER ) ; Панель навигации сайта или меню ( NAV ); Основное содержание или контент (MAIN) В дальнейшем добавим боковое меню (SIDEBAR) Внизу страницы подвал (FOOTER) ЗАДАНИЕ. Создать главную страницу на выбранную тему, В шапке ра з местить узкое изображение на всю ширину экрана по теме. Далее добавить список всех страниц сайта (например, Главная, Контакты, Новости), который будет являться меню сайта, контент (текст по теме) и «подвал», в котором прописать год, город, и имя разработчика.

Слайд 7

Создание страниц сайта У меня получился такой пример страницы, посвященной моему хобби – к омпьютерной графике: После создаем несколько других страниц, сохраняем в той же папке, что и первая страница, присваиваем им лаконичные имена на английском языке, например, contacts.html , news.html и т.д

Слайд 8