Выбор структуры определяется особенностями задач, решаемых с помощью веб-сайта.
ПЛАН ЗАНЯТИЯ
Дисциплина: ОП.13 Основы Веб-технологий
Преподаватель: Машарова Р.В.
Курс: 2
Группа: 1 ПКС-20
Специальность: Программирование в компьютерных системах
Дата: 26.05.2022
Время проведения: 08.10-09.30, 1 пара
Тема: Автоматизированное создание вэб-сайта.
Цель занятия:
Дидактическая: научиться создавать веб-сайты автоматизированными средствами.
Развивающая: развивать логическое и критическое мышление, умение обобщать и синтезировать знания
Вид занятия лабораторная работа
Литература:
1. Гаврилов М.В., Информатика и информационные технологии. Учебник для прикладного бакалавриата /М.В.Гаврилов, В.А.Климов. -4-е изд., пер. и доп. – М.: Юрайт, 2014. – 383с.
2. Новожилов О.П. Информатика. Учебник для прикладного бакалавриата /О.П.Новожилов. -3-е изд., пер. и доп. – М.: Юрайт, 2014. – 619с.
3. Симонович С.В. «Основы Информатики. Базовый курс» СПб: Питер 2008 год – 640 с.
4. Храмцов П.Б., Брик С.А.,. Русак А.М., Сурин А.И., Основы web-технологий. Курс лекций. -2- е изд., пер. и доп. – Интернет-Университет Информационных Технологий, 2003. – 512 с.
Лабораторная робота № 16
Тема: Автоматизированное создание вэб-сайта.
Цель работы: научиться создавать веб-сайты автоматизированными средствами.
Оборудование : ПК, Инструкция.
Ход работы
1. Правила ТБ.
2. Методические указания.
Структура веб-сайтов.
Веб- страница- информационный ресурс, доступный в сети World Wide Web, который можно просмотреть в браузере. Обычно эта информация записана в формате HTML или XHTML и может содержать гипертекст с навигационными гиперссылками на другие веб-страницы.
Веб- сайт-совокупность веб-страниц, доступных в Интернете, которые объединены как по содержанию, так и навигационно. Физически сайт может размещаться как на одном, так и на нескольких серверах. Внешний вид каждого сайта является уникальным, однако во всех сайтов можно найти общие по функциональности части.
Структура веб-сайтов.
1. Главная страница
2. Меню сайта
3. Гиперссылка на другие страницы или сайты
На любом сайте первой открывается главная страница. В верхней части главной страницы обычно расположена так называемая шапка, которую дублируют на других страницах сайта. Это делают специально, ведь эта часть отображается в окне браузера первою и посетитель в первую очередь обращает внимание на нее.
Чтобы обеспечить быстрый переход к основным тематическим разделам сайта, создают меню сайта - список гиперссылок на его разделы. Горизонтальное меню обычно располагают в шапке, иногда дублируя его в нижней части страницы, а вертикальное - преимущественно в левой части страницы, в месте, откуда посетитель начинает ее просматривать. Меню является одним из важнейших компонентов сайта, пользователь постоянно обращает на него внимание, и поэтому требования к нему высокие. Меню должно быть удобным, ярким и понятным, иначе пользователь не будет знать, как перейти к нужному разделу, и покинет сайт. Пункты меню должны быть четко отделены друг от друга.Гиперссылки размещены в тексте или в виде графических объектов, позволяют переходить на разные страницы сайта или даже на другие сайты. На сайтах с очень большим объемом информации является страницы третьего уровня, а если необходимо - то и четвертого, пятого и т.
Выделяют три типа структур сайтов - линейную, древовидную и произвольную. Путешествуя сайтом с линейной структурой, с главной страницы вы перейдете на вторую страницу, с нее - на третью и так далее. На сайте с древовидной структурой с главной страницы можно попасть на одну из страниц второго уровня, оттуда - на одну из страниц третьего уровня и тому подобное. Сайт с произвольной структурой кажется совсем неорганизованным, но именно в этом и заключается принцип его создания. Путешествуя таким сайтом, вы можете переходить из одной его страницы на другие различными способами, и ваш путь назад не обязательно должно быть таким же.
Выбор структуры определяется особенностями задач, решаемых с помощью веб-сайта.
Приведем дополнительно четыре примера структур сайта. Каждая из этих структур имеет свои недостатки и преимущества в проектировании сайта.
Стандартная
Основная веб-страница содержит ссылки на другие документы веб-сайта, а документы содержат ссылки, соответственно, на основной веб-страницу. Это самый простой и распространенный способ организации веб-сайта.
Каскад
В этом случае ссылки в документах заданные таким образом, что существует только один путь обхода страниц сайта. По каскадному способу организации страниц посетители сайта могут перемещаться только в одном из направлений - вперед или назад.
Небоскреб
В этой модели посетители могут на некоторых страницах, только если они идут правильным путем. Это напоминает подъем до нужной комнаты в большом небоскребе.
Паутина
В этом случае все страницы сайта содержат ссылки на другие страницы, и пользователь может легко перейти с любой страницы практически на любую другую. Эта схема может превратиться в лабиринт, если выйдет из-под контроля, но она популярна в тех случаях, когда ссылками на документы пользуются не слишком часто.
Этапы создания сайта
Создание сайта условно можно разделить на следующие этапы:
1. Предварительный этап разработки сайта (на этом этапе решаются вопросы общего характера. Обсуждается общая концепция сайта, формулируются и фиксируются цели создания сайта)
2. Этап проектирования сайта (Определение структуры сайта: меню, ссылки, размещение модулей, построение списка компонентов, подключаемых и т.д.)
3. Этап разработки и тестирования сайта.
4. Размещение сайта.
5. Развитие ресурса.
Создание сайта начинается с создания информационной модели сайта. Любую веб-страницу можно оценить по двум параметрами: содержание и внешний вид. Однако сначала нужно решить, какую информацию нужно на ней разместить. Необходимо детально проанализировать, сколько и какой информации нужно подать на веб-странице. Создавая проект сайта, нужно хорошо продумать его общую структуру, содержание информации и ссылки.
Хостинг. Средства автоматизированной разработки веб-сайтов
Для того чтобы сайт стал доступен широкому кругу посетителей, ему необходимо назначить доменное имя и разместить в сети Интернет. Размещение сайта на сервере и дальнейшее его администрирование называют хостингом. Предоставлением такой услуги занимаются специальные организации. Хостинг бывает платным и бесплатным.
Возможность создавать веб-страницы и организовывать форумы и чаты в автоматизированном режиме (кроме собственно размещения сайта) часто предоставляется на серверах, обеспечивающих хостинг. Например, ucoz.ru, mylivepage.com.
Веб хостинг UcoZ
Ucoz - это бесплатный веб-хостинг со встроенной системой управления сайтом. Модули UcoZ могут использоваться как в единой связке для создания полнофункционального сайта, так и по отдельности, например, как блог-платформы, веб-форумы и др.
Фактически UcoZ - это веб-сервис, работающий по принципам Web 2.0 и позволяет, в первую очередь, создавать сайты различного уровня сложности и довольно сильно отличается от традиционных бесплатных хостингов.
Во время регистрации пользователю предоставляется возможность выбрать домен для своего проекта. В системе существуют также и домены, специально рассчитанные на украинскую аудиторию - name.ucoz.ua, name.at.ua. Во время регистрации каждый пользователь получает 400 Мб дискового объема. Дисковый объем постоянно увеличивается пропорционально росту количества посетителей сайта.
Основные возможности
1. Пользователю предлагается много дизайнов на выбор, которые можно использовать для построения сайта.
2. Возможность создать собственный дизайн (шаблон) или переделать любой из стандартного.
3. Доступ по FTP.
4. Бесплатная техническая поддержка.
5. WYSIWYG online редактор.
6. Визуальный конструктор блоков.
7. Версия сайта для КПК.
8. Резервное копирование.
9. Лайтбокс - рекламный щит.
10. Общая авторизация - uID. Модули системы
11. Пользователи - управление списком пользователей сайта.
12. Форум - создание и управление форумами.
13. Дневник (блог) - создание и управление блогом.
14. Фотоальбомы - создание фотоальбомов.
15. Гостевая книга - управление гостевой книгой.
16. Каталог статей - управление статьями на сайте.
17. Мини-чат - модуль для маленьких сообщений могут иметь смайлики.
18. Шаблоны - модуль содержит дизайны на любой вкус.
19. Новости сайта - модуль, позволяющий пользователю следить за обновлением сайта.
20. Интернет-статистика - просмотр статистики посещений сайта.
21. Каталог файлов - каталог файлов, которые были добавлены пользователями сайта.
22. Каталог ссылок - список веб-адресов, которые были добавлены пользователями сайта.
23. Объявления - создание доски объявлений.
24. FAQ - список часто задаваемых вопросов и ответов на них.
25. Опрос - опрос различного направления.
26. E-mail формы - организация обратной связи с администрацией сайта.
27. Онлайн игры - модуль, в котором представлены игры разных направлений - от стратегий к настольным играм.
28. Интернет-магазин - модуль системы, который является оптимальным решением в области электронной торговли.