Методика преподавания. Методические материалы к занятиям

Разработка Web-страниц
Материалы Ошивалов А.В. и Сазонов Д.О.

Скачать методические пособия
Язык разметки Web-страниц HTML: Метод. указания к са-мостоятельной работе по дисциплине «Проектирование Web-страниц» / Воронеж. гос. технол. акад.; Сост. А.В. Ошивалов, Д.О. Сазонов, А.С. Свиридов. Воронеж, 2003. 22с.
Разработка WEB-страниц. Язык JavaScript: Метод. указа-ния к самостоятельной работе по дисциплине «Проектирование Web-страниц» / Воронеж. гос. технол. акад.; Сост. А.В. Ошива-лов, Д.О.Сазонов, А.С. Свиридов. Воронеж, 2003. 32с.
Проектирование Web-страниц с использованием редактора FrontPage: Метод. указания к самостоятельной работе по дисциплине «Проектирование Web-страниц» / Воронеж. гос. технол. акад.; Сост. А.В. Ошивалов, Д.О. Сазонов, А.С. Свиридов. Воронеж, 2002. 22с.

Дополнительный материал
Работа с FrontPage. Автор А.А. Ефремова группа. Э-992 ВГТА
Работа с Dreamweaver. Автор А.А. Ефремова группа. Э-992 ВГТА
Конспекты лекций по языку HTML

Домашние задания
1. Перевести на русский язык и выучить следующие английские слова:

Underline Bold Italic Number Select Form List Octad Strike Blink Brake Line Horizontal Ruler Frame Tag Hyper Heading Title Body Anchor Link Reference Image Source Alternative Head Page Paragraph Layer Browser Vertical Align Table Base Address Quote Caption Cite Definition Font Face Size Color Input Map Option Sample Strong Row Column Variable Border Width Height Cell Spacing Padding Action Method Middle

2. Выписать слова и тэг, образованный от этого слова (сочетания двух слов)

3. Найти (в интернет), что означают следующие сокращения (сокращения относятся непосредственно к нашему предмету и интернет в целом)

IE, NC, LAN, WAN, WWW, HTML, SHTML, Internet


Лабараторные работы

Работа с рисунками. Лабораторная работа позволяет проверить уровень знаний при работе с различными типами рисунков, внедряемых в HTML страницу. Необходимо отметить, что данное задание должно выполняться исключительно в текстовом редакторе типа "Блокнот". Использование визуальных редакторов класса "Что видишь, то и получаешь" (WYSIWYG) не допустимо!

Работа с таблицами. На основе распечатанных таблиц необходимо нарисовать то, что получиться при отображении данных тегов в броузере. Использование компьютера в процессе выполнения работы не разрешается. Задание позволяет развить более углубленное представление о способе формирования таблиц HTML
Комплексная работа на оптимизацию сайта. Необходимо убрать "лишние теги" и улучшить дизайн сайта. Начальная страница index.htm

Теоретический Диктант №1 (Теги HTML)
1 вариант
2 вариант
Что такое: тег? Html страница?
Для чего используется тег: <I> Для чего используется тег: <U>
Как задать гарнитуру шрифта в странице HTML Как задать цвет гарнитуру шрифту в странице HTML
Какой тег отвечает за перенос текста на следующую строчку Какой тег отвечает за рисование горизонтальной линии
До какого уровня задаются заголовки в html Как представляются цвета в HTML
Создайте таблицу: 3x2 Создайте таблицу: 2x3
Перечислите параметры тега <font> Перечислите параметры тега <body>
Опишите синтаксис тега задающего ненумерованный список Опишите синтаксис тега задающего нумерованный список
Какой тег позволяет выровнять текст по правому краю Какой тег позволяет выровнять текст по левому краю
Опишите назначение параметра ROWSPAN тега <TABLE> Опишите назначение параметра COLSPAN тега <TABLE>

Теоретический Диктант №2 (Язык JavaScript)
1 вариант
2 вариант
Опишите назначение событий: onload, onfocus, onmousemove Опишите назначение событий: onunload, onsubmit, onclick
Какие параметры может иметь тег <input> Синтаксис <select>
Опишите синтаксис оператора цикла for Опишите синтаксис оператора цикла While
Какой метод позволяет закрыть текущее окно
Какой метод позволяет открыть новое окно
Назначение свойства location объекта window Назначение свойства History объекта window
Создайте раскрывающийся список из любых трех элементов Создайте поле ввода текста размером 10 строк на 12 столбцов и поместите туда какой-либо текст
ДЛЯ ОБОИХ ВАРИАНТОВ: Напишите программу вычисления квадратного уравнения, где параметры a,b,c вводятся через текстовые поля input1, input2 и input3 соответственно. Имя формы form1.