Глава 6. Лабораторные работы

Лабораторная работа №1 (4 часа). Инструменты и средства создания простых сайтов

1. Выяснить, какими браузерами преимущественно пользуются для просмотра сайтов в домене by. Есть ли отличия в предпочтениях пользователей при просмотре сайтов России, Польши? Для получения статистики зайдите на сайт http://www.liveinternet.ru/. Затем: рейтинг сайтов/ страна Беларусь / статистика группы/ браузеры.

2. Найти в Интернете, скачать и установить на компьютере последние версии браузеров:

a. Mozilla (http://www.mozilla.com/ru/firefox/),

b. Opera (http://ru.opera.com/download/),

c. Google Chrome (http://www.google.com/chrome?hl=ru),

d. MS IE (http://www.microsoft.com/rus/windows/internet-explorer/).

3. Для браузера Mozilla установить специальное дополнение Live HTTP Header, позволяющее просматривать протоколы обмена между браузером и сервером (https://addons.mozilla.org/en-US/firefox/addon/live-http-headers/).

Настроить приложение таким образом, чтобы информация о HTTP заголовках отображалась в новой вкладке.

Инструменты ‑> просмотр HTTP заголовков ‑> на вкладке настройка ‑> включить флажок Открывать LiveHTTPHeaders в новой вкладке.

Затем набрать в адресной строке браузера http://bsu.by/. Проследить, какие запросы передавал браузер серверу, и проанализировать ответы сервера. Затем очистить поле вывода запросов и аналогично проследить, диалог между сервером и браузером при загрузке адреса http://google.com/. При анализе запросов браузера и ответов сервера ответьте на вопросы:

· Каким протоколом пользуется браузер?

· Определите метод запроса (GET, POST, HEAD, PUT, DELETE, TRACE, CONNECT, OPTIONS, PATCH, LINK или UNLINK).

· Какой версией протокола пользуется браузер?

· какой версией протокола пользуется сервер?

· К какой страничке (папке) обращался браузер?

· Какой тип файлов поддерживает браузер (Accept)?

· Имеет ли браузер настройку на русский язык (Accept-Language)?

· С какого адреса перешел браузер при обращении к серверу (Referer)?

· Какой тип браузера (User-Agent)?

· В какой кодировке запрашиваются данные браузером (Accept-Charset)?

· Расшифруйте значения статуса в ответах сервера, была ли проведена переадресация?

· Определите тип сервера (Server).

· В каком формате будут переданы данные сервером (Content-Type)?

· В какой кодировке будут переданы данные (Content-Type)?

· Каков размер передаваемого текста (Content-Length)?

· Когда были внесены последние изменения в передаваемые данные (Last-Modified)?

· Используется ли браузером кэширование и будет ли проводиться кеширование сервером (Cache-Control)?

4. Установить программное средство для разработки Веб-приложений Adobe Dreamweaver.

5. Создать аккаунт и электронную почту на gmail.com.

6. Установить Skype (http://www.skype.com/intl/ru/get-skype/on-your-computer/windows/).

7. Найдите в Интернете и просмотрите блоги:

Ректора БГУ Абламейко С.В. и блог Д.А. Медведева из России (http://blog.kremlin.ru/).

8. Пользуясь встроенными конструкторами создать блоги на любом из ресурсов, например, LiveJournal.com, LiveInternet.com или tut.by.

Чтобы создать новый блог на tut.by нужно зарегистрироваться на сайте http://tut.by/, затем зайти в свой аккаунт на этом сайте. После авторизации зайти на http://blog.tut.by/ и в левом верхнем углу выбать "Зарегистрировать новый блог". После принятия соглашения откроется окно где будет написан адрес блога и поле для ввода названия блога. Далее следует выбать "Создать блог". Появится новое окно с пунктами "Администрировать блог" и "Перейти на блог".

Чтобы создать новый блог на LiveInternet.ru нужно зарегистрироваться на сайте. Справа вверху "Завести дневник". Далее зарегистрироваться и войти в дневник.

Чтобы создать новый блог LiveJournal.ru "Создать журнал", что приведет к регистрации на сайте. Затем следовать указаниям мастера.

9. Войдите в свой блог как администратор и добавьте статьи с подробной инструкцией о том, как установить Skype, и результатами выполнения пункта 3 этой лабораторной работы. Затем выйдите из администрирования сайта и просмотрите свой блог в интернете. Как гость оставьте комментарий к новости в блоге.

10. Создать микроблог на Twitter.

11. Разработайте проект своего сайта на заданную тематику. Проведите два этапа: концептуальное проектирование и логическое проектирование.

12. Создайте веб-сайты на одном из бесплатных хостингов основе конструктора или шаблона, предлагаемого сервисом какого-либо известного ресурса. Например, google.com (http://sites.google.com/site/poleznyesovety/) или NAROD.RU (http://www.narod.yandex.ru). При регистрации на ресурсе пользователь получает право пользоваться сервисом бесплатного хостинга, предоставляемый. Зайдя в "Мастерскую", можно очень быстро создать сайт при помощи уже готовых шаблонов даже не имея никаких специальных знаний. Для создания сайта по шаблону можно воспользоваться любым другим известным ресурсом. Создайте на своем сайте страничку посвященную использованию поисковиков в Беларуси. Данные о популярности поисковиков взять со статистики сайта http://www.liveinternet.ru/.

13. Зарегистрируйте свой сайт не менее чем трех поисковиках, например, yandex, google, rambler. Зарегистрируйте свой сайт вручную на трех самых популярных поисковиках в Беларуси (используйте информацию, полученную в пункте 10).

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

14. Оценку коммерческой стоимости любого сайта можно получить на www.mysitecost.ru

Предлагаемые темы для проектирования сайтов(могут быть выбраны и другие темы):

1.1 Интернет-магазин (по продаже цветов, по продаже компьютерной техники, по продаже аудио/видео CD дисков и др.).

1.2 Сайт компании по производству печек для бань.

1.3 Сайт рекламирующий определенный товар, например спининги.

1.4 Сайт болельщиков какой-либо спортивной команды.

1.5 Сайт школьного учителя-предметника.

1.6 Сайт студенческой группы.

1.7 Сайт писателя.

1.8 Сайт поклонников какой-либо знаменитости.

1.9 Сайт турагенства.

1.10 Сайт букмекерской конторы.

1.11 Сайт любителей логических игр.

1.12 Сайт конференции

Напомним основные сведения. Модель проектирования сайта состоит из этапов: концептуальное проектирование, логическое проектирование, физическое проектирование.

Концептуальное проектирование служит для определения аудитории, целей и задач сайта. На этом этапе следует определить и описать критерии достижения цели, разделы сайта. В итоге получаем список сервисов и разделов, которые будут располагаться на сайте.

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

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

Рассмотрим некоторые из бесплатных хостингов:

NAROD.RU (http://www.narod.yandex.ru) . При регистрации на нем, пользователь получает домен вида http://www.***.narod.ru, где *** это логин.

Зайдя в «Мастерскую», можно быстро создать сайт при помощи готовых шаблонов с неплохим дизайном. Кроме того, при регистрации создаются уже готовые к работе гостевая книга, форум и чат. С помощью готовых форм можно также установить на свой сайт переводчик, колонку новостей от Яндекса, поиск по сайту средствами Яндекса, поставить на сайт счетчик посещений, установить опрос и много другой полезной начинки. Зарегистрировав домен на NAROD.RU, пользователь автоматически получает два почтовых ящика: ***@yandex.ru и ***@narod.ru.

При создании сайта на NAROD.RU в Яндексе можно не регистрироваться. На NAROD.RU действует облегченная версия яндексовского поискового робота, называющаяся «Яндекс.Сайт». Она сама индексирует «народные» странички и добавляет их в базу проиндексировавшихся Яндексом страниц.

NM.RUСервер «Новая почта» (http://www.nm.ru). На нем вообще НЕТ БАННЕРОВ. И скорость загрузки страниц в РАЗЫ быстрее, чем на NAROD.RU. При регистрации на нем пользователь получает на выбор домен следующего вида: www.***.nm.ru, www.***.newmail.ru, www.***.rightmail.ru, или www.***.hotmail.ru. Почтовый ящик ***@выбранный-домен.ru, а уже вдобавок к нему – место под сайт.

BOOM.RU – это бесплатный хостинг от портала MAIL.RU. Зарегистрировавшись, пользователь получаете доменное имя вида ***.boom.ru. Насыщенная административная страничка, есть готовые шаблоны. Хостинг автоматически вставляет в страницы большое количество рекламных баннеров.

UCOZ.RU- это Saas платформа, включающая в себя хостинг и систему управления сайтом. Saas (Software as a service - программное обеспечение как услуга) – это модель продажи программного обеспечения, при которой поставщик разрабатывает веб-приложение и самостоятельно управляет им, предоставляя заказчикам доступ к программному обеспечению через Интернет. Основное преимущество модели Saas для потребителя состоит в отсутствии затрат, связанных с установкой, обновлением и поддержкой работоспособности оборудования и программного обеспечения, работающего на нём. В рамках модели Saas заказчики платят не за владение программным обеспечением, а за его аренду, то есть его использование через веб-интерфейс. На базе веб-платформы объединяется масса программных продуктов необходимых для веб-разработчиков с доступом к ним через интернет. Работая с веб-платформой ненужно покупать и устанавливать дополнительное ПО, беспокоится о нагрузках, обновлениях и администрировании. Это целый онлайн офис веб-приложений. UCozработает по принципам Web 2.0 и позволяет просто и быстро создавать сложнейшие проекты. Основными плюсами uCoz являются: хостинг с неограниченным дисковым пространством, большое количество готовых дизайнерских решений, домен в любой зоне (например: mysite.ru), стабильная работа серверов, почтовые адреса вида [email protected], автоматическое создание карта сайта, простое добавление видео (youtube.com и т.д.), резервное копирование данных.

Также бесплатные хостинги предоставляют Google.com, 000webhost.com, hotbox.ru,chat.ru, by.ru, okis.ru и др.

Вопросы по теме:

1. Стили сайтов.

2. Основные этапы разработки сайта.

3. Модели и этапы проектирования.

4. Виды сайтов.

5. особенности в представлении информации.

6. Важен ли бесплатный хостинг для развития Интернета?

7. Какие услуги предоставляет бесплатный хостинг?

8. Каковы основные плюсы и минусы бесплатного хостинга?

9. Какой контингент пользователей обычно пользуется бесплатным хостингом?

10. Перечислите несколько порталов предоставляющих бесплатный хостинг. Какой хостинг на Ваш взгляд является наиболее выгодным со стороны пользователя?

Наши рекомендации