SlideShare a Scribd company logo
Лапшина Н.А.
это распределенная по всему миру
информационная система с гиперсвязями,
существующая на технической базе
всемирной сети Интернет.
eb-страница
eb-сайт
eb-сервер
— это основная информационная единица
WWW. Она представляет собой отдельный
документ, хранящийся на Web-сервере.
Страница имеет свое имя по которому к ней
можно обратиться.
Web- страница может содержать :
• текст
• рисунок
• фотография
• мультимедиа и т.д.
– это группа взаимосвязанных Web-
страниц, объединенных единой тематикой, единым
авторством, единым владельцем и т.п.
Стартовая
страница
Биография
Увлечения
Спорт
Музыка
Фотогалерея
Дни
рождения
Путешествия
— компьютер в сети Интернет, хранящий Web-
страницы и соответствующее программное
обеспечение для работы с ними.
В зависимости от технологии создания
можно выделить следующие типы
сайтов:
1. Статические сайты
2. Динамические сайты
3. Flash-сайты
4. Комбинированные сайты
- это статические файлы
(набор текста, таблиц, рисунков и т.д.), которые
создается с помощью языка разметки HTML (имеют
расширение .html или .htm).
Использование программ –
конструкторов сайтов
Специальные редакторы, ориентированные на
визуальную разработку сайтов, позволяют
проектировать web-страницы так же легко, как и
создавать документ в текстовом редакторе.
Например
содержит большой набор шаблонов и мастеров для
создания сайтов по различной тематике.
 форматирование и редактирование текста
 специальные динамические эффекты и анимация
 удобные инструменты для работы с таблицами
 встроенные средства для обработки изображений
 размещение на страницах различных мультимедиа-
объектов: рисунков, видеофильмов, анимации, звуковых
фрагментов
Веб- страницы генерируются или формируются
(создаются динамически) в процессе исполнения
запроса пользователя.
1 способ
Веб – страницы генерируются или формируются из
данных хранящихся на сервере в базе данных.
2 способ
Веб - страницы генерируются на стороне клиентского
приложения (в браузере)
это интерактивные приложения, разработанные в
среде Macromedia Flash. Основным инструментом
разработки flash-программ является векторная
графика (интерактивная векторная анимация для
Web). Flash придает сайтам динамичность и
интерактивность.
Flashцелесообразно использовать там, где мало
текста, но где требуются звуковые или анимационные
эффекты, т.е. там, где флеш обеспечивает создание
векторных анимационных файлов с небольшим
временем загрузки.
 большой вес веб-страниц и высокая стоимость
разработки сайтов
 сайты, созданные полностью на основе Flash, плохо
индексируют поисковые системы
Оптимальным решением является
сочетание всех перечисленных
технологий:
1. Дизайн (шаблон) сайта можно создать в
программе –конструкторе.
2. Лишний код, который программа
генерирует сама удалить (это сделать не
сложно, если Вы знаете язык HTML).
3. Для того чтобы сайт был интерактивным добавить в
него элементы созданные при помощи скриптовых
языков.
4. Технологию Flash можно применить в качестве
элементов дизайна (например, для создания
логотипов, флэш-меню, и других анимированных
графических элементов) в качестве анимированных
flash-баннеров и входных flash-заставок.
В результате будет создан
современный интерактивный
красивый web-портал
Подводя итог всему вышесказанному, необходимо
отметить, что выбор технологии для создания сайта
лежит исключительно за вами, но большинство сайтов
работают именно на вышеописанных технологиях.
Конечно же, время идёт – всё меняется.
Интернет не является исключение, скорее
наоборот.
Технологии создания сайтов изменяются
ещё быстрее!

More Related Content

Similar to лекция №1 www технологии создания сайтов

продвижение интернет ресурса в он- и офф-лайне
продвижение интернет ресурса в он- и офф-лайнепродвижение интернет ресурса в он- и офф-лайне
продвижение интернет ресурса в он- и офф-лайне
Нина Уварова
 
Лекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервисЛекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервисAnna Kraeva
 
О продукте
О продуктеО продукте
О продукте
1С-Битрикс
 
Экскурс в мир WEB разработки
Экскурс в мир WEB разработкиЭкскурс в мир WEB разработки
Экскурс в мир WEB разработки
IT-Доминанта
 
視覺挑戰注音
視覺挑戰注音視覺挑戰注音
視覺挑戰注音excel2003
 
конструктор сайтов2
конструктор сайтов2конструктор сайтов2
конструктор сайтов2
UNTag59
 
Мировые информационные ресурсы. Лекция 2
Мировые информационные ресурсы. Лекция 2Мировые информационные ресурсы. Лекция 2
Мировые информационные ресурсы. Лекция 2
Dmitriy Krukov
 
1С-Битрикс: Управление сайтом 11.5
1С-Битрикс: Управление сайтом 11.51С-Битрикс: Управление сайтом 11.5
1С-Битрикс: Управление сайтом 11.5itees
 
браузеры презентация
браузеры презентациябраузеры презентация
браузеры презентация4ertenka
 
Hivext - platform web-services, platform web-applications
Hivext -  platform web-services, platform web-applicationsHivext -  platform web-services, platform web-applications
Hivext - platform web-services, platform web-applications
guestaa90e4cb
 
Разработка сайта с 1С Битрикс
Разработка сайта с 1С БитриксРазработка сайта с 1С Битрикс
Разработка сайта с 1С Битрикс
Max Baas
 
Как создать свой сайт
Как создать свой сайтКак создать свой сайт
Как создать свой сайт
lavrenteva
 
браузеры презентация
браузеры презентациябраузеры презентация
браузеры презентация4ertenka
 
Browzer
BrowzerBrowzer
BrowzerIKTO
 
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Сообщество eLearning PRO
 

Similar to лекция №1 www технологии создания сайтов (20)

продвижение интернет ресурса в он- и офф-лайне
продвижение интернет ресурса в он- и офф-лайнепродвижение интернет ресурса в он- и офф-лайне
продвижение интернет ресурса в он- и офф-лайне
 
Лекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервисЛекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервис
 
создание веб ресурса
создание веб ресурсасоздание веб ресурса
создание веб ресурса
 
О продукте
О продуктеО продукте
О продукте
 
Экскурс в мир WEB разработки
Экскурс в мир WEB разработкиЭкскурс в мир WEB разработки
Экскурс в мир WEB разработки
 
Бесплатное ПО
Бесплатное ПОБесплатное ПО
Бесплатное ПО
 
視覺挑戰注音
視覺挑戰注音視覺挑戰注音
視覺挑戰注音
 
конструктор сайтов2
конструктор сайтов2конструктор сайтов2
конструктор сайтов2
 
Мировые информационные ресурсы. Лекция 2
Мировые информационные ресурсы. Лекция 2Мировые информационные ресурсы. Лекция 2
Мировые информационные ресурсы. Лекция 2
 
1С-Битрикс: Управление сайтом 11.5
1С-Битрикс: Управление сайтом 11.51С-Битрикс: Управление сайтом 11.5
1С-Битрикс: Управление сайтом 11.5
 
Dev
DevDev
Dev
 
Inspicrafts OÜ
Inspicrafts OÜInspicrafts OÜ
Inspicrafts OÜ
 
Курсовая работа. Презентация
Курсовая работа. ПрезентацияКурсовая работа. Презентация
Курсовая работа. Презентация
 
браузеры презентация
браузеры презентациябраузеры презентация
браузеры презентация
 
Hivext - platform web-services, platform web-applications
Hivext -  platform web-services, platform web-applicationsHivext -  platform web-services, platform web-applications
Hivext - platform web-services, platform web-applications
 
Разработка сайта с 1С Битрикс
Разработка сайта с 1С БитриксРазработка сайта с 1С Битрикс
Разработка сайта с 1С Битрикс
 
Как создать свой сайт
Как создать свой сайтКак создать свой сайт
Как создать свой сайт
 
браузеры презентация
браузеры презентациябраузеры презентация
браузеры презентация
 
Browzer
BrowzerBrowzer
Browzer
 
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
Разработка малобюджетного учебного сайта на основе концепции Wiki часть 1. По...
 

лекция №1 www технологии создания сайтов

  • 2. это распределенная по всему миру информационная система с гиперсвязями, существующая на технической базе всемирной сети Интернет.
  • 4. — это основная информационная единица WWW. Она представляет собой отдельный документ, хранящийся на Web-сервере. Страница имеет свое имя по которому к ней можно обратиться. Web- страница может содержать : • текст • рисунок • фотография • мультимедиа и т.д.
  • 5. – это группа взаимосвязанных Web- страниц, объединенных единой тематикой, единым авторством, единым владельцем и т.п. Стартовая страница Биография Увлечения Спорт Музыка Фотогалерея Дни рождения Путешествия
  • 6. — компьютер в сети Интернет, хранящий Web- страницы и соответствующее программное обеспечение для работы с ними.
  • 7. В зависимости от технологии создания можно выделить следующие типы сайтов: 1. Статические сайты 2. Динамические сайты 3. Flash-сайты 4. Комбинированные сайты
  • 8. - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение .html или .htm).
  • 9. Использование программ – конструкторов сайтов Специальные редакторы, ориентированные на визуальную разработку сайтов, позволяют проектировать web-страницы так же легко, как и создавать документ в текстовом редакторе.
  • 10. Например содержит большой набор шаблонов и мастеров для создания сайтов по различной тематике.  форматирование и редактирование текста  специальные динамические эффекты и анимация  удобные инструменты для работы с таблицами  встроенные средства для обработки изображений  размещение на страницах различных мультимедиа- объектов: рисунков, видеофильмов, анимации, звуковых фрагментов
  • 11. Веб- страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. 1 способ Веб – страницы генерируются или формируются из данных хранящихся на сервере в базе данных. 2 способ Веб - страницы генерируются на стороне клиентского приложения (в браузере)
  • 12. это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
  • 13. Flashцелесообразно использовать там, где мало текста, но где требуются звуковые или анимационные эффекты, т.е. там, где флеш обеспечивает создание векторных анимационных файлов с небольшим временем загрузки.  большой вес веб-страниц и высокая стоимость разработки сайтов  сайты, созданные полностью на основе Flash, плохо индексируют поисковые системы
  • 14. Оптимальным решением является сочетание всех перечисленных технологий: 1. Дизайн (шаблон) сайта можно создать в программе –конструкторе. 2. Лишний код, который программа генерирует сама удалить (это сделать не сложно, если Вы знаете язык HTML).
  • 15. 3. Для того чтобы сайт был интерактивным добавить в него элементы созданные при помощи скриптовых языков. 4. Технологию Flash можно применить в качестве элементов дизайна (например, для создания логотипов, флэш-меню, и других анимированных графических элементов) в качестве анимированных flash-баннеров и входных flash-заставок. В результате будет создан современный интерактивный красивый web-портал
  • 16. Подводя итог всему вышесказанному, необходимо отметить, что выбор технологии для создания сайта лежит исключительно за вами, но большинство сайтов работают именно на вышеописанных технологиях. Конечно же, время идёт – всё меняется. Интернет не является исключение, скорее наоборот. Технологии создания сайтов изменяются ещё быстрее!