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

Содержание

Слайд 2

Понятие сайта

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

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

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

Слайд 3

Виды сайтов:

По своим функциям и свойствам сайты бывают: визитками, электронными магазинами, информационными

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

Виды сайтов: По своим функциям и свойствам сайты бывают: визитками, электронными магазинами, информационными

Слайд 4

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

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

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

Слайд 5

Обзор способов создания сайтов

Метод №1. Сделай все сам. Этот метод заключается в

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

Обзор способов создания сайтов Метод №1. Сделай все сам. Этот метод заключается в

Слайд 6

Метод №2. Сделай с помощью движка. Наверняка все вы знаете о том, что

такое движок или cms – это специальная система, которая позволяет управлять сайтом, в том числе и менять его внешний вид. Так вот, создать сайт на ней вы можете абсолютно без рисования макета и верстки. Достаточно просто установить движок и он автоматом ставит вам пару простых шаблонов.
С помощью установки толкового шаблона вы можете за 5-10 минут придать своему сайту приличный внешний вид, но в таком случае вы должны понимать, что дизайн вашего проекта не будет уникальным. Чтобы исправить это положение, вам хотя бы нужно разработать логотип, изменить шрифты и цвета, используемые в шаблоне. В общем, редактировать его.

Метод №3. Воспользуйся площадкой для создания блога или сайтом-конструктором. Что такое сайт конструктор? Это место, где вы можете создать свой веб-ресурс максимально просто и быстро, буквально за несколько минут.
Если вам нужен простой блог, где вы могли бы писать свои заметки, то для этого могут подойти такие площадки, как: livejournal, wordpress, blogger. Это именно для блогов.
Сайты-конструкторы позволяют реализовать любой тип сайтов: визитки, лендинги, интернет-магазины. Тут есть набор встроенных возможностей, которые все для вас упрощают. Можете забыть о том, что такое редактирование кода – все настройки здесь выполняются визуально.

Метод №2. Сделай с помощью движка. Наверняка все вы знаете о том, что

Слайд 7

Метод №4. Сделай в программе-конструкторе (визуальном редакторе). Это не одно и то же,

что сайт-конструктор. Программа устанавливается на компьютер и просто всячески помогает вам в написании кода, либо позыволяет полностью сгенерировать код любых элементов сайта. А не так давно появилась программа Adobe Muse и в ней можно создавать профессиональные знания, не написав ни строчки кода.
Часто визуальные редакторы высмеиваются веб-разработчиками как несерьезные и некачественные продукты, но это не так, по крайней мере, есть много хороших визуальных редакторов. Например, Adobe DreamViewer.
К тому же это отличный способ очень быстро сверстать страницу. Если это делать руками, то займет намного больше времени. Например, использование программы-конструктора годится, когда нужно очень быстро создать веб-страницу и показать ее клиенту. Пусть это будет не конечная версия, в любом случае с использованием такой программы вы экономите время.

Метод №4. Сделай в программе-конструкторе (визуальном редакторе). Это не одно и то же,

Слайд 8

 Обзор инструментов для создания сайтов

Инструмент №1 – редактор кода
Прежде всего, это полезный

инструмент для тех, кто собирается самостоятельно создавать свой ресурс или вносить какие-то правки в него. Если это так, то вам понадобится написание кода на языках html и css как минимум, а возможно и на некоторых других. Для удобной работы с ними нужно какое-то программное обеспечение, в нашем случае редактор, в котором этот код подсвечивался, а также вылазили различные подсказки по написанию. В любом случае, вы можете их убрать, если являетесь уже опытным разработчиком.

Обзор инструментов для создания сайтов Инструмент №1 – редактор кода Прежде всего, это

Слайд 9

Инструмент №2 - среда разработки

Это что-то вроде того же редактора, но

включающее в себя гораздо больше возможностей. Само название говорит об этом. В такой среде есть все необходимое для того, чтобы разработать сайт. Обычно такую программу устанавливают для того, чтобы работать с различными языками программирования. В веб-программировании чаще всего используется PHP, именно для работы с ним ставят среду.
Пожалуй, одним из самых оптимальных вариантов здесь является NetBeans. Это бесплатная программа в различных своих сборках может обеспечить разработчика всем необходимым.

Инструмент №3 - PhotoShop или любой другой редактор, поддерживающий работу со слоями

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

Инструмент №2 - среда разработки Это что-то вроде того же редактора, но включающее

Имя файла: Обзор-программных-средств-для-создания-WEB-сайтов.pptx
Количество просмотров: 24
Количество скачиваний: 0