Презентация "СОЗДАНИЕ Web-сайта"
Оценка 4.9

Презентация "СОЗДАНИЕ Web-сайта"

Оценка 4.9
ppt
18.04.2020
Презентация "СОЗДАНИЕ  Web-сайта"
сайт создание.ppt

СОЗДАНИЕ Web-сайта

СОЗДАНИЕ Web-сайта

СОЗДАНИЕ Web-сайта

структура сайта навигация оформление сайта шаблон страницы сайта хостинг Ключевые слова

структура сайта навигация оформление сайта шаблон страницы сайта хостинг Ключевые слова

структура сайта
навигация
оформление сайта
шаблон страницы сайта
хостинг

Ключевые слова

Что такое сайт? Сайт (от англ

Что такое сайт? Сайт (от англ

Что такое сайт?

Сайт (от англ. site – место, местоположение, позиция) – совокупность страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок, расположенных в сети Интернет.

Виды сайтов

Виды сайтов

Виды сайтов

Создание WEB-сайта начинается с планирования его структуры, т

Создание WEB-сайта начинается с планирования его структуры, т

Создание WEB-сайта начинается с планирования его структуры, т.е. макета сайта в целом, общего макета страниц, макетов отдельных страниц.

Макет сайта задает структуру будущего сайта - количество и тематику отдельных страниц, иерархию страниц.


Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними.

Классификация структур Большие сайты, как правило, имеют довольно сложную архитектуру, но можно выделить три базовых схемы, используемые в виде основополагающего каркаса: линейная схема; таблица; иерархия

Классификация структур Большие сайты, как правило, имеют довольно сложную архитектуру, но можно выделить три базовых схемы, используемые в виде основополагающего каркаса: линейная схема; таблица; иерархия

Классификация структур

Большие сайты, как правило, имеют довольно сложную архитектуру, но можно выделить три базовых схемы, используемые в виде основополагающего каркаса:
линейная схема;
таблица;
иерархия.

Линейная схема Строгая линейная организация сайта программирует перемещение пользователя по цепочке страниц (вперёд и назад)

Линейная схема Строгая линейная организация сайта программирует перемещение пользователя по цепочке страниц (вперёд и назад)

Линейная схема

Строгая линейная организация сайта программирует перемещение пользователя по цепочке страниц (вперёд и назад).

Таблица Организация страниц сайта в виде таблицы хорошо подходит для перемещения по совокупностям родственных элементов в двух направлениях (по строкам и столбцам)

Таблица Организация страниц сайта в виде таблицы хорошо подходит для перемещения по совокупностям родственных элементов в двух направлениях (по строкам и столбцам)

Таблица

Организация страниц сайта в виде таблицы хорошо подходит для перемещения по совокупностям родственных элементов в двух направлениях (по строкам и столбцам).

Иерархия Это самая распространённая структура, на которой основано большинство сайтов

Иерархия Это самая распространённая структура, на которой основано большинство сайтов

Иерархия

Это самая распространённая структура, на которой основано большинство сайтов Интернета.

Возможны следующие варианты разбиения страниц на зоны:

Возможны следующие варианты разбиения страниц на зоны:

Возможны следующие варианты разбиения страниц на зоны:

Наиболее часто для разбиения страниц на зоны выбирается вариант 4:

Наиболее часто для разбиения страниц на зоны выбирается вариант 4:

Наиболее часто для разбиения страниц на зоны выбирается вариант 4:

Постоянные элементы сайта Каждая страница сайта должна иметь постоянные элементы, которые крепко держат своё место на экране при листании страниц:

Постоянные элементы сайта Каждая страница сайта должна иметь постоянные элементы, которые крепко держат своё место на экране при листании страниц:

Постоянные элементы сайта

Каждая страница сайта должна иметь постоянные элементы, которые крепко держат своё место на экране при листании страниц:
Логотип
Заголовок сайта
Главное меню
На внутренних страницах логотип должен быть ссылкой на главную страницу.

Заголовок страницы и окна Заголовок страницы должен располагаться ниже заголовка сайта или ниже горизонтального меню, если оно имеется под заголовком сайта

Заголовок страницы и окна Заголовок страницы должен располагаться ниже заголовка сайта или ниже горизонтального меню, если оно имеется под заголовком сайта

Заголовок страницы и окна

Заголовок страницы должен располагаться ниже заголовка сайта или ниже горизонтального меню, если оно имеется под заголовком сайта.
Заголовок окна должен буквально повторять заголовок страницы.

Главное меню Число пунктов, их названия и порядок в главном меню не должны меняться при листании страниц

Главное меню Число пунктов, их названия и порядок в главном меню не должны меняться при листании страниц

Главное меню

Число пунктов, их названия и порядок в главном меню не должны меняться при листании страниц.
В меню обязательно должен присутствовать пункт, указывающий на текущую страницу. Этот пункт, в отличие от остальных, не должен быть ссылкой.
Названия пунктов меню должны быть очень короткими.
Недопустимо растягивать один пункт на несколько строк.
Главное меню рекомендуется повторять на концах страниц.

Авторская подпись На каждой странице должна быть авторская подпись с адресом электронной почты, прописанным в явном виде

Авторская подпись На каждой странице должна быть авторская подпись с адресом электронной почты, прописанным в явном виде

Авторская подпись

На каждой странице должна быть авторская подпись с адресом электронной почты, прописанным в явном виде. Эта запись может располагаться в начале странице или в её конце.

Внешние ссылки На сайте должны быть внешние ссылки

Внешние ссылки На сайте должны быть внешние ссылки

Внешние ссылки

На сайте должны быть внешние ссылки.
Внешние ссылки нужно собирать на отдельной странице и дополнительно распределять по страницам, исходя из контекста. В каждом случае внешние ссылки должны быть прописаны в явном виде.
Внешние ссылки должны быть прокомментированы.

Главная страница Не помещайте на главную страницу рекламные лозунги, приветственные спичи и другой шум из разряда «общей болтологии»

Главная страница Не помещайте на главную страницу рекламные лозунги, приветственные спичи и другой шум из разряда «общей болтологии»

Главная страница

Не помещайте на главную страницу рекламные лозунги, приветственные спичи и другой шум из разряда «общей болтологии».
Вместо этого сформулируйте идею сайта, разместите анонсы материалов.

Текст на сайте Текст разбивайте на небольшие абзацы

Текст на сайте Текст разбивайте на небольшие абзацы

Текст на сайте

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

Презентация "СОЗДАНИЕ Web-сайта"

Презентация "СОЗДАНИЕ  Web-сайта"

Этапы создания сайта Анализ и проектирование сайта

Этапы создания сайта Анализ и проектирование сайта

Этапы создания сайта

Анализ и проектирование сайта
Информационное наполнение сайта
Креатив, или визуальная составляющая сайта
Написание кода
Тестирование
Публикация
Раскрутка
Поддержка

Этапы создания сайта Анализ и проектирование сайта

Этапы создания сайта Анализ и проектирование сайта

Этапы создания сайта

Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.
Информационное наполнение сайта (контент). Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.

Этапы создания сайта Креатив.

Этапы создания сайта Креатив.

Этапы создания сайта

Креатив. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано.Разработка всегда осуществляется на бумажном носителе, чтобы определить лучший вариант расположения типовых элементов. Т.к. страницы оформляются в едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц, программирование, написание функциональной части.

Этапы создания сайта Тестирование

Этапы создания сайта Тестирование

Этапы создания сайта

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

Этапы создания сайта Публикация

Этапы создания сайта Публикация

Этапы создания сайта

Публикация. Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом www.narod.ru, www.boom.ru, либо разместить сайт у провайдера
Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; может быть платным и бесплатным.
Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д.
Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).

Язык разметки гипертекста HTML (Hyper

Язык разметки гипертекста HTML (Hyper

Язык разметки
гипертекста HTML
(Hyper Text Markup Language)

Текстовый
редактор

Визуальный
HTML-редактор,
конструктор сайтов

Текст размечают
специальными
метками – тегами

Документ
сохраняют как
Web-страницу

Microsoft FrontPage
uCoz, Сайткрафт и др.

Способы создания сайта

Технология создания сайта

С помощью каких инструментов можно создавать сайты?

С помощью каких инструментов можно создавать сайты?

С помощью каких инструментов можно создавать сайты?

Что такое сайт?

Продумайте и изобразите в виде графа структуру одного
из следующих сайтов:
а) «Наша группа»;
б) «Моя семья»;
в) «Информатика».

Перечислите основные элементы, размещаемые на
страницах сайта.

Какие рекомендации следует учитывать при наполнении
страниц сайта информационными материалами?

С какой целью проводится тестирование сайта?

Что является основным недостатком бесплатного
хостинга?

Назовите известный вам сервер Интернета,
обеспечивающий пользователям бесплатный хостинг
сайтов.

Что такое структура сайта?

Вопросы и задания

Способы создания сайта Язык разметки гипертекста

Способы создания сайта Язык разметки гипертекста

Способы создания сайта

Язык разметки
гипертекста HTML

Текстовый редактор MS Word,
MS Publisher, MS PowerPoint

HTML-редактор,
конструктор сайтов

Первоначально следует продумать содержание и структуру сайта

Перед размещением сайта в сети Интернет следует провести его тестирование.

При наполнении страниц сайта информационными материалами следует придерживаться определённых рекомендаций

Опорный конспект

Видеоуроки по информатике 8 класс http://www

Видеоуроки по информатике 8 класс http://www

http://img.megaobzor.com/real/news/hostingsites.jpg - хостинг
http://kokvik.net/p1aa1.html - сайт Видеоуроки по информатике 8 класс
http://www.70mb.ru/ - сайт бесплатный хостинг «70mb»
http://guru-host.ru/free_hosting.php - сайт «Guru-host.ru»
http://www.ascont.ru/constructor-and-hosting - платный хостинг «ASCONT»
http://www.1gb.ru/ - сайт платный хостинг «1Gb»

Источники информации

Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
18.04.2020