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. Как добиться выполнения некоторой функции сразу при загрузке документа?

3.3. Издательская система TeX

Лабораторная работа 3.3. Издательская система TeX.

Цель. Освоение использования редактора TeX для оформления математических текстов.

Общие сведения.

Несмотря на предоставляемые в MS Word мощные средства по созданию документов, в ряде случаев этот продукт оказывается неудобным. В частности, Word малопригоден при работе с достаточно большими документами. В связи с этим достаточно актуальным может быть использование системы TeX, которая надежно работает с большими текстами и, кроме того, предоставляет значительно более удобный (при некотором навыке) инструмент по набору математических формул. Кроме того, TeX позволяет делать оформление более профессионального издательского уровня.

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

1. Создание текстовых документов в LaTeX.

— Заголовок и тело документа.

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

— Компиляция и просмотр.

2. Включение формул.

3. Обработка и включение графики.

Задание.

1. Оформите в TeX на выбор фрагмент (1 стр.) лекции по математическому анализу.

2. Возьмите из Интернет подходящую картинку. С помощью графического редактора преобразуйте ее в формат eps (для pdflatex нужен формат png), задав подходящие размеры, и вставьте в текст.

3. Создайте dvi и pdf файлы (утилиты …MiKTeX 2.5\miktex\bin\latex.exe и …pdflatex.exe). Оцените результат.

4. Скомпилируйте пример презентации с использованием пакета beamer.

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

1. Чем отличаются математический и текстовый режимы?

2. Каковы особенности «выключенных» формул?

3. Назовите способы устранения ошибки “Overfull hbox”.

4. Как задать требуемый размер полей?

5. В чем отличие \linebreak от \newline?

6. Что содержит «шапка»?

7. Какие графические форматы поддерживает TeX?