Виртуальная экскурсия по Web

Цель практикума: познакомиться с разными типами сайтов в Интернете.

Сайт компании Nokia

Это пример “правильного” по дизайну корпоративного сайта (разработка студии Артемия Лебедева).

Давайте посмотрим, насколько его устройство соответствует тем описаниям, которые приводятся в Читальном зале.

Поставим цель: посмотреть новинки компании и получить полную информацию о понравившейся модели.

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

Заметим, что название окна в точности совпадает с названием страницы, позиция меню, соответствующая текущей странице (Главная) выделена и ссылкой не является, как и логотип.

Щелкаем по позиции Телефоны. Появляется меню страницы, относящееся к этому пункту:

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

Выбираем позицию Модели.

Теперь на экране три меню, образующие иерархическую цепочку:

В меню сайта все позиции — ссылки, позиция-предок текущей страницы (Телефоны) выделена.

В меню страницы (Телефоны) выделена позиция, относящаяся к текущей странице (Модели) и она ссылкой не является.

Третье меню образуют набор вкладок (подобно интерфейсу обычных компьютерных программ). Название открытой вкладки (Новые модели) фактически и является названием текущей страницы — оно вынесено на заголовок окна.

Допустим, нас заинтересовала модель Nokia 6151. Щёлкаем на соответствующем изображении или текстовой ссылке и переходим на страницу этого телефона. На этой странице обнаруживаем собственное меню:

Выбираем позицию Основные характеристики и узнаём, например, что модель снабжена 1,3 мегапиксельной камерой с 4-х кратным цифровым зумом:

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

Изучив выбранную модель телефона, мы можем продолжить прогулку по сайту, выбрав, например, в меню сайта позицию Бизнес-решения:

Продолжите путешествие по сайту и ответьте на следующие вопросы.

1. Как работает технология Bluetooth?
2. Что такое WAP?
3. Какими возможностями обладают мобильные браузеры, поддерживающие WAP, XHTML и HTML?
4. Как работает мобильный телефон с компьютерной сетью по технологии Wi-Fi?
5. Как при помощи мобильного телефона работать с электронной почтой?

Ответы на вопросы сохраните в файле site1.txt

Сайт города Санкт-Петербурга

Это пример ещё одного хорошего (по дизайну и удобству использования) сайта, разработки студии Артемия Лебедева.

Совершите небольшую экскурсию, и попутно найдите ответы на следующие вопросы.

1. Каковы цены на билеты в городском метро?
2. Кем был основан Санкт-Петербургский университет?
3. Адрес Дворца спорта “Спартак”?
4. В каком году Александринский театр возглавил московский режиссер Валерий Фокин?
5. Адрес дома, в котором жил А. С. Грибоедов в 1815—1817 годах?
6. Длина реки Невы?
7. Название самого высокого в России собора?
8. Погода на завтра в Санкт-Петербурге?