Презентация на тему: Методы создания и сопровождения сайта

Реклама. Продолжение ниже
Методы создания и сопровождения сайта
Всемирная паутина
Структура web - сайта
Структура web - сайта
Структура web - сайта
Способы создания сайта
Языки программирования
Текстовые и визуальные редакторы
Конструкторы сайтов
CMS
Сервисы для создания сайтов
Язык HTML
Язык HTML
ЗАДАНИЕ
Методы создания и сопровождения сайта
1/15
Средняя оценка: 4.6/5 (всего оценок: 31)
Код скопирован в буфер обмена
Скачать (1713 Кб)
Реклама. Продолжение ниже
1

Первый слайд презентации: Методы создания и сопровождения сайта

Изображение слайда
Изображение для работы со слайдом
1/2
2

Слайд 2: Всемирная паутина

Всемирная паутина ( World Wide Web) – распределённая система, представляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключённых к Интернету. Всемирную паутину образуют миллионы web- серверов. Большинство ресурсов всемирной паутины представляет собой гипертекст. Гипертекстовые документы, размещаемые во всемирной паутине, называются web- страницами. Несколько web- страниц, объединённых общей темой, дизайном, а также связанных между собой ссылками и обычно находящихся на одном и том же web- сервере, называется web- сайтом. Для загрузки и просмотра web- страниц используются специальные программы – браузеры.

Изображение слайда
Изображение для работы со слайдом
1/2
3

Слайд 3: Структура web - сайта

Структура сайта – это система взаимного логического расположения страниц на сайте. Для сайта существует: в нутренняя структура; в нешняя структура; с сылочная структура; ю забилити (удобство навигации). Внутренняя структура сайта аналогична оглавлению книги. Только вместо глав – рубрики, вместо параграфов – подрубрики, по ним можно легко найти интересующий нас материал. Создаётся меню сайта в зависимости от целей сайта

Изображение слайда
Изображение для работы со слайдом
1/2
4

Слайд 4: Структура web - сайта

Внешняя структура сайта – это блок-схема сайта, т.е. какие элементы (части) используются на всех страницах сайта и каково их взаимное расположение. Внешняя структура состоит: - ш апка сайта ( heder ) – картинка или рисунок с заголовком сайта и подзаголовком, логотипом; - область контента – содержит тексты, аудио, видео и фотоинформацию ; - область меню, содержит 1-2 колонки для меню, рекламы и вспомогательной информацией; - подвал (футер) – нижняя часть для служебной информации (счётчик посещаемости, авторство сайта и т.д.)

Изображение слайда
Изображение для работы со слайдом
1/2
5

Слайд 5: Структура web - сайта

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

Изображение слайда
Изображение для работы со слайдом
1/2
6

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

Текстовые и визуальные редакторы ( Office SharePoint Designer, Adobe Dreamweaver, Homesite и др. ) Конструкторы сайтов, CMS ( Site Edite, Joomla, WordPress, Drupal и др.) Сервисы для создания сайтов ( Google, Ucoz и др.) Языки программирования ( h tml,  css, РНР и др. )

Изображение слайда
Изображение для работы со слайдом
1/2
7

Слайд 7: Языки программирования

Написание кода сайта вручную. Этот способ самый трудный и требует глубоких знаний HTML,CSS, JavaScript и других языков программирования. Плюсы: Цена хостинга будет ниже чем для CMS движков, независимость от сервисов создания сайта. Минусы: Необходимость большого количества знаний и времени.

Изображение слайда
Изображение для работы со слайдом
1/2
Реклама. Продолжение ниже
8

Слайд 8: Текстовые и визуальные редакторы

Создание сайта при помощи специальных программ, например, Office SharePoint Designer или подобных ей HTML- редакторов, затем размещение его в интернете на бесплатном или платном хостинге. Желательно хотя бы поверхностное знание HTML. Плюсы: Цена хостинга будет ниже чем для CMS движков, Независимость от сервисов создания сайта. Минимальные знания программирования. Минусы: Код сайта может содержать много лишнего, сложность в изменении материалов, нет перспективы.

Изображение слайда
1/1
9

Слайд 9: Конструкторы сайтов

Конструктор сайтов - это программа, с помощью которой сделать сайт сможет простой неподготовленный пользователь Интернета. для разработки сайтов с помощью конструктора используются уже заранее подготовленные шаблоны. При необходимости, Вы можете добавить на web -сайт нужные инструменты – формы обратной связи, опросы, галереи и т.д Плюсы: С его помощью можно легко и быстро сделать сайт, не утруждая себя особыми знаниями в области строительства сайтов. Подобный конструктор будет полезен и тем, кто уже умеет создавать сайты самостоятельно. С его помощью можно сэкономить немало времени. Минусы : Ограниченность предложенными шаблонами. Пользователь сделавший свой сайт с помощью конструктора и не разбирающийся в HTML коде и CSS стилях не сможет самостоятельно исправлять какие-либо вдруг возникшие у него проблемы.

Изображение слайда
1/1
10

Слайд 10: CMS

CMS - это система управления содержимым сайта (англ. Content management system, CMS). Существуют платные и бесплатные CMS. Представляет из себя набор инструментов для добавления, редактирования, удаления контента (содержимого) на сайте. CMS – это инструмент веб-дизайнера, веб-мастера и простого пользователя, который позволяет выполнять самые разнообразные действия по управлению и изменению содержимого сайта. Плюсы: необязательно знать языки программирования, полная независимость, легко наполнять и изменять сайт, много дополнительных приложений. Минусы: Стоимость хостинга.

Изображение слайда
Изображение для работы со слайдом
1/2
11

Слайд 11: Сервисы для создания сайтов

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

Изображение слайда
Изображение для работы со слайдом
Изображение для работы со слайдом
1/3
12

Слайд 12: Язык HTML

Сайты в интернете, состоят из HTML-страниц, точно также как обычная книга состоит из бумажных страниц, только в отличии от страниц книги, HTML-страницы соединены между собой не переплётом, а ссылками. Для того чтобы сделать сайт, нужно сначала создать HTML-страницу. Сделав несколько HTML-страниц и соединив их с помощью ссылок, мы получим сайт. HTML-страницы создаются с помощью языка HTML, а код этого языка записывается в текстовых редакторах, например в обычном Блокноте от Windows. Открыв Блокнот и введя туда код написанный на языке HTML, а затем сохранив получившийся документ в файл с расширением. html мы получим HTML-файл, который можно просмотреть с помощью браузера. Язык HTML

Изображение слайда
1/1
13

Слайд 13: Язык HTML

HTML ( Hyper Text Markup Language ) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов. Язык разметки документа – это набор специальных инструкций, называемых тегами, которые предназначены для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры. Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов (все атрибуты располагаются в начальном теге ). Документ, написанный на языке HTML, представляет собой текст, в который вставлены теги.

Изображение слайда
1/1
14

Слайд 14: ЗАДАНИЕ

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

Изображение слайда
1/1
Реклама. Продолжение ниже
15

Последний слайд презентации: Методы создания и сопровождения сайта

Изображение слайда
1/1