Разделы презентаций


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

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

Слайды и текст этой презентации

Слайд 1Методы создания и сопровождения сайта

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

Слайд 2Всемирная паутина
Всемирная паутина (World Wide Web) – распределённая система, представляющая

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

подключённых к Интернету.
Всемирную паутину образуют миллионы web-серверов. Большинство ресурсов всемирной паутины представляет собой гипертекст.

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

Всемирная паутинаВсемирная паутина (World Wide Web) – распределённая система, представляющая доступ к связанным между собой документам, расположенным

Слайд 3Структура web - сайта
Структура сайта – это система взаимного логического

расположения страниц на сайте.
Для сайта существует:
внутренняя структура;
внешняя структура;
ссылочная структура;
юзабилити (удобство

навигации).

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

Структура web - сайтаСтруктура сайта – это система взаимного логического расположения страниц на сайте.Для сайта существует:внутренняя структура;внешняя

Слайд 4Структура web - сайта
Внешняя структура сайта – это блок-схема сайта,

т.е. какие элементы (части) используются на всех страницах сайта и

каково их взаимное расположение.

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

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

Структура web - сайтаВнешняя структура сайта – это блок-схема сайта, т.е. какие элементы (части) используются на всех

Слайд 5Структура web - сайта
Ссылочная структура представляет собой проектирование разделов сайта

и переходов между разделами с помощью ссылок.
Правильная проектировка позволит

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

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

Текстовые и
визуальные редакторы
(Office SharePoint Designer,
Adobe Dreamweaver,


Homesite и др. )

Конструкторы сайтов, CMS
(Site Edite, Joomla,
WordPress,

Drupal и др.)

Сервисы для создания сайтов
( Google, Ucoz и др.)


Языки программирования
(html,  css, РНР и др. )

Способы создания сайтаТекстовые и визуальные редакторы (Office SharePoint Designer,Adobe Dreamweaver, Homesite и др. )Конструкторы сайтов, CMS (Site

Слайд 7Языки программирования
Написание кода сайта вручную .

Этот способ самый трудный

и требует глубоких знаний
HTML,CSS, JavaScript и других языков
программирования.

Плюсы: Цена хостинга

будет ниже чем для CMS
движков, независимость от сервисов создания сайта.

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

Слайд 8Текстовые и визуальные редакторы
Создание сайта при помощи специальных программ,
например,

Office SharePoint Designer или подобных ей HTML- редакторов, затем размещение

его в интернете на бесплатном или платном хостинге. Желательно хотя бы поверхностное знание HTML.

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

Минусы: Код сайта может содержать много лишнего,
сложность в изменении материалов, нет перспективы.

Текстовые и визуальные редакторы Создание сайта при помощи специальных программ,например, Office SharePoint Designer или подобных ей HTML-

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

Конструктор сайтов - это программа, с помощью которой

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

конструктора используются уже
заранее подготовленные шаблоны. При необходимости, Вы
можете добавить на web-сайт нужные инструменты – формы
обратной связи, опросы, галереи и т.д

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

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

Слайд 10CMS
CMS - это система управления содержимым сайта (англ. Content
management system,

CMS). Существуют платные и бесплатные CMS.

Представляет из себя набор

инструментов для добавления,
редактирования, удаления контента (содержимого) на сайте. CMS –
это инструмент веб-дизайнера, веб-мастера и простого
пользователя, который позволяет выполнять самые разнообразные
действия по управлению и изменению содержимого сайта.

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

Минусы: Стоимость хостинга.

CMSCMS - это система управления содержимым сайта (англ. Contentmanagement system, CMS). Существуют платные и бесплатные CMS. Представляет

Слайд 11Сервисы для создания сайтов
В наше время существует много ресурсов,

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

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

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

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

Минусы: Полная зависимость от сервиса.

Сервисы для создания сайтов  В наше время существует много ресурсов, которые предоставятвозможность любому желаюшему, создать сайт,

Слайд 12Сайты в интернете, состоят из HTML-страниц, точно также как обычная

книга состоит из бумажных страниц, только в отличии от страниц

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

Язык HTML

Сайты в интернете, состоят из HTML-страниц, точно также как обычная книга состоит из бумажных страниц, только в

Слайд 13Язык HTML
HTML (Hyper Text Markup Language) – язык разметки гипертекста,

включает в себя способы оформления гипертекстовых документов.
Язык разметки документа –

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

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

Записать адрес сайта СПК. Найти и записать сайты еще нескольких

учебных заведений г. Стерлитамак.
Как выглядит внутренняя структура сайта нашего

колледжа
Сделайте скрин сайта любой образовательной организации и укажите на нем внешнюю структуру: шапку сайта, область контента, область меню, подвал (футер)

ЗАДАНИЕЗаписать адрес сайта СПК. Найти и записать сайты еще нескольких учебных заведений г. Стерлитамак. Как выглядит внутренняя

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

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


Для правообладателей

Яндекс.Метрика