| Изменение размера шрифта | |||||
|
Тема 10 практических занятий: Оператор Switch. Списки |
Основы языка HTML и введение в CSS и JavaScript |
+ | - | ||
Примечание. Для редактирования HTML файлов используйте встроенный редактор программы File Manager, а не внутренний редактор программы Mozilla!
ВНИМАНИЕ! На этой странице находятся дополнительные справочные материалы по языку HTML и CSS.
Примечание. Для редактирования HTML файлов используйте встроенный редактор программы File Manager, а не внутренний редактор программы Mozilla!
1. Откройте страницу RazmRis.htm в браузере Mozilla или посмотрите, как устроен файл RazmRis.htm с помощью встроенного текстового редактора программы File Manager. Проверьте работу Программы настройки изображений. Введите размер изображения в текстовом окне Width и нажмите кнопку View. Размер изображения должен измениться в соответствии с введенным значением его ширины.
2. Добавьте в тексте файла RazmRis.htm
в функцию chpict
новую переменную h:
var h = obj.hg.value.
Добавьте реакцию на изменение высоты изображения:
if (h!=0) d.mypict.height=h.
Добавьте текстовое поле для ввода высоты изображения:
height: <input type="text" name="hg" size=8>.
Введите новые ширину и высоту изображения и нажмите на кнопку
View. Размеры изображения должны измениться
в соответствии с введенными значениями.
3. Добавьте в функцию chpict переменную d.mypict.border, определяющую рамку вокруг изображения: d.mypict.border=obj.br.value.
4. Добавьте текстовое поле для ввода ширины рамки вокруг изображения:
border: <input type="text" name="br" size=8> .
Введите ширину рамки вокруг изображения и нажмите на кнопку
View. Вокруг изображения должна
появиться рамка введенного вами размера.
5. Вставить кнопку reset: <input type="reset" value="Cancel">. Проверить работу кнопки reset. Для этого ввести какие-либо значения сторон и нажать на кнопку. Все введенные числа должны исчезнуть.
1. Откройте страницу Funct.htm в браузере Mozilla или посмотрите, как устроен файл Funct.htm с помощью встроенного текстового редактора программы File Manager. Проверьте работу Программы вычисления гиперболического синуса.
2. Посмотрите, как устроена функция вычисления гиперболического синуса sh(x) и добавьте функцию вычисления гиперболического косинуса сh(x).
3. Добавьте текстовое поле Hyperbolic cosine: по образцу поля Hyperbolic sine:. Укажите имя текстового поля CHsine.
4. Добавьте кнопку Hyperbolic СoSine: по образцу кнопки Hyperbolic Sine:. При нажатии на кнопку должно происходить обращение к функции ch(x). Проверьте работу кнопки вычисления гиперболического косинуса.
5. Добавьте функцию, текстовое поле и кнопку для вычисления гиперболического тангенса th(x)=sh(x)/ch(x). Проверить работу функции.
6. Вставить кнопку reset для очистки всех текстовых полей (см. пункт 5 подтемы 1).
1. Откройте страницу WeekDay.htm в браузере Mozilla и посмотрите, как устроен файл WeekDay.htm с помощью встроенного текстового редактора программы File Manager. Проверьте работу Программы определения дня недели по его номеру.
2. Вставить кнопку reset для очистки полей формы как описано в пункте 5 подтемы 1. Проверить ее работу.
3. Создать копию страницы WeekDay.htm под именем ChElem.htm. Изменить функцию Day(obj) на функцию ElemName(obj). Изменить названия дней недели на имена химических элементов. Довести число элементов до 20.
4. Изменить текст, имена кнопок и обращение к функции в основной части документа <body> таким образом, чтобы при введении номера химического элемента и нажатии на соответствующую кнопку, в текстовом поле Element появлялось бы название элемента.
5. Вставить кнопку reset для очистки всех текстовых полей (см. пункт 5 подтемы 1).
1. Создать копию страницы WeekDay.htm с именем Dict.htm. Изменить имя функции Day(obj) на EngRus(obj)
2. Сменить определение переменной m на obj.numbday.value. Использовать в качестве переменной m в операторе case английские слова, а в качестве значения переменной s - их перевод на русский язык.
3. Изменить текст, имена кнопок и имя функции и обращение к ней в основной части документа <body> таким образом, чтобы при введении английского слова и нажатии на кнопку Перевести, в текстовом поле Перевод появлялся бы перевод данного слова.
1. Оформить все созданные вами страницы с JavaScript программами с помощью стилевого файла main.css в папке CSS. Использовать в качестве образца оформления файл Dizain.htm.