3.2. Язык html. Средства css, JavaScript

Лабораторная работа 3.2. Разработка web-сайта.

Цель. Сформировать практические навыки разработки web–страниц средствами HTML, JavaScript, CSS.

Задание

Спроектировать и реализовать Web–сайт, объемом 2–3 экрана, путем непосредственного написания HTML–кода.

Требования к Web–сайту

Разбивка сайта на ряд связанных страниц.

Законченность дизайна, цельность и единство стиля для всех страниц.

Ссылки на внешние документы.

Использование изображений.

Использование JavaScript или CSS.

Варианты заданий

Содержание сайта может быть придумано самостоятельно, либо выбрано из предлагаемых примеров.

— Информационный сайт о бригаде.

— Отчет по лабораторной работе по теме “FAT”.

— Игра «крестики-нолики».

— Рецензия на фильм.

— Фотогалерея.

Порядок выполнения

— Определить информационное наполнение сайта.

— Спроектировать структуру сайта: разбиение на страницы и связи между ними.

— Разработать стилевое оформление.

— Определить набор используемых языковых средств.

— Реализовать код.

— Отладить представление информации, в том числе при разных разрешениях и под различными браузерами.

Содержание отчета

1. Аннотация к сайту

2. Техническое задание на разработку

3. Обоснование выбора средств реализации (языковых)

4. Структура сайта

5. Особенности дизайна отдельных страниц

6. Исследование корректности отображения различными браузерами и при различных разрешениях экрана

7. Оценка полученного результата

Рекомендации к выполнению

Работа выполняется по-бригадно.

Допускается заимствование из свободных источников готовых шаблонов и типовых решений при условии досконального освоения использованных средств.

Не рекомендуется использовать средства динамической генерации контента (PHP).

Вопросы для изучения.

1. Структура HTML–документа.

2. Структура тега. Виды тегов.

3. Форматирование текста.

4. Организация ссылок.

— Анкеры.

— Относительный и абсолютный адрес.

— Ссылки на часть документа.

5. Заголовок.

6. Списки. Таблицы.

7. Фреймы.

8. Вставка кода в HTML–файл.

9. Написание функций на JavaScript.

10. Доступ к объектам.

11. События и их обработка.

12. Работа с формами.

Контрольные вопросы.

1. Охарактеризуйте понятие гипертекста.

2. Какова структура тега?

3. Приведите примеры парных и непарных тегов.

4. В чем отличие абсолютного и относительного адреса в ссылках.

5. Когда используется анкер без “HREF”?

6. Как сослаться на определенное место документа.

7. Приведите примеры «полезного» содержимого заголовка.

8. Как задать цвет текста?

9. Как загрузить файл в заданный фрейм?

10. В каких единицах указывается размер фрейма?

11. Почему в названии языка JavaScript присутствует корень Script?

12. Каким тегом включается код на JavaScript?

13. В чем отличие name от caption?

14. Когда используется ссылка (анкер) с «пустым» “HREF”?

15. Как добиться выполнения некоторой функции сразу при загрузке документа?