Методы создания и сопровождения сайта. Урок 81

Август 12, 2022

Главная
Информатика
Методы создания и сопровождения сайта. Урок 81

Содержание

2. Сайт (от англ. site – место, местоположение, позиция) – совокупность страниц, объединенных одной общей темой, дизайном,
3. Виды сайтов
4. Создание WEB-сайта начинается с планирования его структуры, т.е. макета сайта в целом, общего макета страниц, макетов
5. Линейная схема Строгая линейная организация сайта программирует перемещение пользователя по цепочке страниц (вперёд и назад).
6. Таблица Организация страниц сайта в виде таблицы хорошо подходит для перемещения по совокупностям родственных элементов в
7. Иерархия Это самая распространённая структура, на которой основано большинство сайтов Интернета.
8. Постоянные элементы сайта Каждая страница сайта должна иметь постоянные элементы, которые крепко держат своё место на
9. Заголовок сайта Меню сайта
10. Заголовок страницы должен располагаться ниже заголовка сайта или ниже горизонтального меню, если оно имеется под заголовком
11. Главное меню Число пунктов, их названия и порядок в главном меню не должны меняться при листании
12. Главная страница Не помещайте на главную страницу рекламные лозунги, приветственные спичи и другой шум из разряда
13. Текст разбивайте на небольшие абзацы. Абзацы лучше отделять друг от друга пустыми строками. Не центрируйте строки
15. Этапы создания сайта Анализ и проектирование сайта Информационное наполнение сайта Креатив, или визуальная составляющая сайта Написание
16. Язык разметки гипертекста HTML (Hyper Text Markup Language) Текстовый редактор Визуальный HTML-редактор, конструктор сайтов Текст размечают
18. Скачать презентацию

Слайд 2

Сайт (от англ. site – место, местоположение, позиция) – совокупность страниц,

объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок, расположенных в сети Интернет.

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

Слайд 3

Виды сайтов

Слайд 4

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

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

Слайд 5

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

(вперёд и назад).

Слайд 6

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

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

Слайд 7

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

Слайд 8

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

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

Слайд 9

Заголовок сайта
Меню сайта

Слайд 10

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

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

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

Слайд 11

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

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

Слайд 12

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

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

Слайд 13

Текст разбивайте на небольшие абзацы.
Абзацы лучше отделять друг от

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

Текст на сайте (контент)

Слайд 14

Слайд 15

Этапы создания сайта
Анализ и проектирование сайта
Информационное наполнение сайта
Креатив, или визуальная составляющая

сайта
Написание кода
Тестирование
Публикация
Раскрутка
Поддержка

Слайд 16

Язык разметки
гипертекста HTML
(Hyper Text Markup Language)
Текстовый
редактор
Визуальный
HTML-редактор,
конструктор сайтов
Текст размечают
специальными
метками

– тегами

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

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

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

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

Методы создания и сопровождения сайта. Урок 81

Содержание

Сайт (от англ. site – место, местоположение, позиция) – совокупность страниц,

Виды сайтов

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

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

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

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

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

Заголовок сайтаМеню сайта

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

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

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

Текст разбивайте на небольшие абзацы. Абзацы лучше отделять друг от

Этапы создания сайтаАнализ и проектирование сайтаИнформационное наполнение сайтаКреатив, или визуальная составляющая

Язык разметкигипертекста HTML(Hyper Text Markup Language) Текстовый редакторВизуальныйHTML-редактор, конструктор сайтовТекст размечаютспециальнымиметками

Похожие презентации