Презентация на тему "6 Внеурочные занятия 8 класс. Создание сайта. Добавление ссылок на страницу html"

Содержание

• 
  Слайд 1

  Создание сайта.Добавление ССЫЛОК на страницу html

  … Выполнила: Шалагина Екатерина Алексеевна Внеурочные занятия для 8 класса ГБОУ гимназия №293 Санкт-Петербург, 2020
• 
  Слайд 2

  ссылки на веб-странице.

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

• 
  Слайд 3

  Какой должна быть структура сайта

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

• 
  Слайд 4
  

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

• 
  Слайд 5

  Какие страницы должны быть на сайте

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

• 
  Слайд 6

  Создание страниц сайта

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

• 
  Слайд 7
  

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

• 
  Слайд 8

  ДОБАВЛЕНИЕ ССЫЛОК НА САЙТ. СИНТАКСИС

  Тег … является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег  устанавливает ссылку или якорь (ссылка ведущая на маркированный блок на той же странице, ее актуально использовать, когда имеется объемный контент , который не умещается на высоте экрана и его нужно скролить). СИНТАКСИС: ... Закрывающий тег обязателен. Атрибуты тега нужно посмотреть на ресурсеhtmlbook.ruи при желании добавить какой-либо для своих ссылок, например, target="_blank. Кстати, вопрос: что делает этот атрибут target="_blank"? ПРИМЕР:

  Тег А

  ГЛАВНАЯ

  КОНТАКТЫ

  ЗАДАНИЕ: Добавить ссылки к пунктам меню для тех страниц, которые созданы. Результат прислать в виде скрин-шотов страниц и HTML-кода