Задания по web-конструированию Структура сайта
1) Проанализируйте сайты известных поисковых систем: www.yahoo.com, www.rambler.ru, www.yandex.ru. Выявите общие для всех сайтов элементы оформления и структуры. Объясните подобные совпадения.
2) Проанализируйте известные новостные сайты: www.nytimes.com, www.mn.ru, www.computerra.ru, www.novayagazeta.ru. Выявите общие для всех сайтов одной группы элементы оформления и структуры. Объясните подобные совпадения.
3) Проанализируйте сайты известных интернет-магазинов: www.ozon.ru, www.wstore.ru, www.003.ru, www.vsem.ru. Выявите общие для всех сайтов одной группы элементы оформления и структуры. Объясните подобные совпадения.
Оформление сайта
4) Продумайте идеи сайтов, где на первом месте стоял бы дизайн, а на втором - содержание. Приведите 2 - 3 довода в пользу каждой концепции.
5) Оформите (графическими средствами) титульную страницу потенциального сайта организации «Собака Баскервилей», если это
а) клуб собаководов;
б) частное охранное агентство;
в) клуб любителей классической английской литературы;
г) фирма, производящая овсяные хлопья.
6) Любыми доступными графическими средствами выразите стиль оформления сайта следующей тематики (на выбор):
- сайт похоронного бюро «Милости просим»
- сайт цветочного магазина «Аленький цветочек»
- сайта съезда любителей экстремальных видов спорта
- сайт пожарной дружины «Взвейтесь кострами»
- сайт ненавистников (любителей) (Филиппа Киркорова, манной каши, и т.п.) и т. д.
Создание сайта
7) Выполните тестовое задание
1. FrontPage - это:
а) специальный язык разметки гипертекста
б) программа - браузер
в) визуальный редактор Web-страниц
г) текстовый редактор
2. Режим работы «конструктор» служит для:
а) тестирования работы гиперссылок
б) создания Web-страницы
в) предпросмотра
г) исправления ошибок в коде HTML
3. Укажите правильные утверждения:
а) для бегущей строки невозможно указать направление движения – она может двигаться только слева направо
б) фоновый рисунок не должен содержать более 16 цветов
в) кнопка может содержать текст на русском языке
г) структура сайта задается с помощью таблиц
д) средствами FrontPage можно разбивать и объединять отдельные ячейки таблицы
е) рисунок не может выступать в качестве гиперссылки
ж) страница, созданная во FrontPage, не может редактироваться в блокноте
з) FrontPage позволяет использовать стандартные рисунки Microsoft Office (коллекцию Clip Gallery)
4. Следующее утверждение характеризует таблицы как один из объектов MS FrontPage:
а) границы таблицы можно увидеть только в режиме просмотра
б) в уже созданной таблице нельзя поменять количество ячеек
в) таблице можно задать нулевую границу; она не будет видна в режиме просмотра
г) таблице можно задать нулевую границу; она не будет видна в режиме конструктора
5. Веб-компонентом страницы является:
а) заголовок
в) маркированный список
г) бегущая строка
д) горизонтальная линия
6. Работая в визуальном редакторе, необходимо:
а) использовать только одноцветную заливку фона
б) не использовать более 2-х рисунков на странице
в) контролировать проставляемую редактором кодировку текста
г) стараться использовать только латинские буквы в названиях файлов
8) Представьте, что сегодня наш класс - это компания «School Web - студия» по созданию сайтов. В пределах фирмы проводится конкурс на «Лучший Web - сайт компании». Так как наш конкурс проводится в промежутке между двумя праздниками «Днём Защитника Отечества» и «Женским Днём», то сотрудники фирмы «School Web - студия» разделятся на две группы - отделы: отдел девушек и отдел юношей. Каждому отделу представится возможность проявить свои способности в создании Web-сайта компании. Вы в основном будете работать в парах. В каждой паре один сотрудник - программист (отвечает за правильность написания тэгов), второй - web-дизайнер (отвечает за подбор текста, графики, цветовой палитры и общую композицию Web-страницы). Каждой паре необходимо сделать одну страницу из сайта своего отдела, а потом начальникам отделов необходимо объединить все созданные страницы в сайт. При работе можно будет использовать предварительно подготовленный вами материал и найденный в Интернете.