- •Романчик в.С.
- •Минск, бгу, 2011
- •Введение в Интернет Коротко об истории Интернет
- •Как работает Интернет?
- •Система адресации в Интернет
- •Способы подключения к сети Интернет
- •Сервисы Интернет
- •Электронная почта
- •Адресация электронной почты
- •Передача файлов по ftp
- •Всемирная паутина www
- •Задания по теме “Введение в Интернет”
- •Общие задания для лабораторной работы #1
- •Глава 1. Протоколы Интернет Понятие и краткое описание протоколов
- •Соотношение между tcp/ip и osi/iso
- •Межсетевой протокол ip
- •Транспортный протокол tcp
- •Флаги (управляющие биты) Это поле содержит 6 битовых флагов:
- •Механизм действия протокола
- •Передача данных
- •Протокол дэйтаграмм udp
- •Протоколы сетевого уровня
- •Протоколы электронной почты
- •Протокол pop3
- •Протокол imap4
- •Протокол smtp
- •Спецификация mime
- •Проблемы с кодировкой
- •Протокол ftp
- •Http – Протокол передачи гипертекстов
- •Что такое транзакция http
- •Клиентские методы http
- •Что возвращается обратно: коды ответа сервера
- •Заголовки http
- •Задания по теме «Протоколы Интернет»
- •Глава 2 Краткий обзор основных технологий Веб
- •Язык разметки гипертекста html
- •Язык xml
- •Язык программирования скриптов на стороне клиента JavaScript
- •Язык Java на клиентской странице
- •Технология «клиент-сервер». Cgi
- •Программирование для серверов
- •Технология ssi
- •Язык программирования Perl
- •Глава 3. Основные этапы разработки сайтов
- •Модель водопада
- •Спиральная модель
- •Модель Уолта Диснея
- •Управление проектами
- •Глава 4. Веб – дизайн и обработка гипертекстовых документов
- •Главная страница
- •Рекомендации по дизайну главной страницы
- •Какими должны быть внутренние страницы web-сайта
- •Логическое проектирование дизайна сайта
- •Основные этапы и уровни информационного обмена
- •Сжатие изображений с помощью фракталов
- •Язык разметки гипертекста html
- •Теги, атрибуты, значения
- •Структура документа
- •Разрыв строки
- •Предварительное форматирование
- •Выравнивание текста
- •Комментарии
- •Физическая и логическая разметка документа
- •«Физические» теги:
- •«Логические» теги:
- •Специальные символы
- •Графика
- •Формы html
- •Теги div и span
- •Метатеги
- •Новое в html 5
- •Валидация документов
- •Вопросы и задания
- •Задания для выполнения
- •Каскадные таблицы стилей css
- •Способы включения каскадных таблиц стилей
- •Множественные классы
- •Селекторы идентификаторов (id-селекторы)
- •Комментарии
- •Свойства шрифтов. Свойство шрифтов font позволяет задать одну или несколько характеристик шрифта.
- •Свойства текста.
- •Цвет и фон.
- •Представление документа в виде специальных областей – блоков
- •Отступы, поля, позиционирование
- •Границы элементов
- •Визуальное форматирование
- •Визуальные эффекты
- •Свойства списков
- •Свойства таблиц
- •Псевдоклассы
- •Псевдостили текста
- •Псевдоэлементы
- •Различные свойства
- •1. Свойства шрифтов.
- •2. Свойства текста.
- •3. Свойства цвета и фона.
- •4. Свойства рамки.
- •6. Свойства изображений.
- •Css. Примеры
- •Новое в css3
- •Валидация css
- •Глава 5. Язык JavaScript Введение
- •Включение скриптов JavaScript в html-код
- •Создание простых сценариев
- •Комментарии. Скрытие сценариев от браузеров
- •Отладка скриптов. Ввод и вывод данных
- •Инструменты для разработчика
- •Описание языка Типы данных
- •Преобразование типа
- •Специальные числа
- •Булев тип
- •Переменные типа Undefined и Null
- •Массивы
- •Оператор with
- •Оператор switch
- •Метод eval()
- •Функции
- •Передача параметров по значению и по ссылке
- •Глобальные и локальные переменные
- •Модель событий
- •Ключевое слово this
- •Исключения: throw/catch/finally
- •Объектная модель
- •Пользовательские объекты
- •Прототипы
- •Встроенные объекты String, Array, Date, Math Объект String
- •Объект Date (Дата)
- •Методы объекта Date
- •Объект Function (Функция)
- •Свойства Function
- •Методы Function
- •Объекты браузера
- •Объект window
- •Методы объекта window
- •Свойства окна, передаваемые методу open
- •Свойства и методы объекта navigator
- •Свойства объекта screen
- •Свойства и методы объекта history
- •Свойства и методы объекта document
- •Коллекции и подчиненные объекты объекта document Обращение к элементам страницы
- •Свойства и методы объекта location
- •Свойства и методы объекта style
- •Объект layer
- •Свойства объекта layer
- •Методы объекта layer
- •Навигация по дереву документа
- •Свойства объектов-узлов
- •Несколько других свойств узлов - объектов dom
- •Создание новых узлов
- •Добавление узлов в документ
- •Копирование: метод cloneNode()
- •Удаление и замена узлов в документе
- •Работа с атрибутами элементов
- •Метод removeAttribute()
- •Модель ajax:
- •Запрос к серверу. Класс xmlHttpRequest
- •Методы класса xmlHttpRequest
- •Свойства класса xmlHttpRequest
- •Создание экземпляра объекта xmlHttpRequest
- •Использование dom
- •Проблема с кешированием в Microsoft Internet Explorer
- •Информируйте пользователя
- •Подготовьте запасной план
- •Работа с cookie
- •Формат и синтаксис cookie
- •Синтаксис http заголовка для поля Cookie
- •Дополнительные сведения
- •Способы задания значений cookie
- •Примеры на JavaScript
- •Тестовые вопросы по языку JavaScript
- •Упражнения и задачи по JavaScript
- •Список итоговых заданий (курсовая работа)
- •Литература
- •Приложение 1. Программное обеспечение Adobe Dreamweaver cs4
- •Типы данных
- •Ассоциированные массивы
- •Операторы
- •Подпрограммы
- •Введение
- •Возможности php.
- •Инструменты для разработки
- •Как php работает
- •Глава 1. Язык php Типы данных
- •Массивы и инициализация массивов
- •Объектно-ориентированное программирование в php Основные понятия ооп
- •Классы и Объекты
- •Конструкторы и деструкторы
- •Наследование классов и интерфейсов
- •Магические методы
- •Обработка ошибок
- •Ошибки php и журнал error_reporting
- •Чтение и запись бинарных файлов
- •Работа с каталогами в рнр
- •MySql – сервер: бд1; бд2; бд3; бд4;
- •Язык запросов sql
- •Операция соединения.
- •Команды sql для создания баз данных и таблиц
- •Выборка данных из таблиц бд
- •Работа с MySql (сохранение данных в базе данных).
- •Работа с MySql занесение и получение данных из базы данных
- •Некоторые улучшения в организации работы с данными
- •Передача данных от клиента к серверу и обратно. Протокол http
- •Клиентские методы http
- •Обработка html-форм
- •Передача переменных в скрипт.
- •Передача значений переменных по методу get
- •Передача данных из клиентской формы на сервер по методу get
- •Передача данных из клиентской формы на сервер по методу post
- •Php и различные формы
- •Обработка форм
- •Более сложные переменные формы
- •Базы данных и язык sql
- •Реляционные субд Модель данных в реляционных субд
- •Нормализация модели данных
- •Язык sql
- •Команды sql
- •Команды определения структуры данных (Data Definition Language – ddl)
- •Команды манипулирования данными (Data Manipulation Language – dml)
- •Команды управления транзакциями (Transaction Control Language - tcl)
- •Команды управления доступом (Data Control Language – dcl)
- •Работа с командами sql Извлечение данных, команда select
- •Ключевое слово distinct
- •Секция from, логическое связывание таблиц
- •Секция where
- •Секция order by
- •Групповые функции
- •Секция group by
- •Секция having
- •Изменение данных
- •Команда insert
- •Команда delete
- •Команда update
- •Определение структуры данных Команда create table
- •Команда alter table
- •Команда drop table
Тестовые вопросы по языку JavaScript
1. Внутрь какого HTML элемента вставляется код JavJaScript?
<scripting>
<javascript>
<script>
<js>
2. Укажите корректный JavaScript синтакс для вывода строки "Hello World"?
"Hello World"
document.write("Hello World")
("Hello World")
response.write("Hello World")
3. Какая из секций подходит для вставки кода JavaScript?
Как секция <head> так и секция <body> подходят
секция <body>
секция <head>
4. Укажите правильный синтакс для вызова внешнего кода скрипта "xxx.js"?
<script href="xxx.js">
<script name="xxx.js">
<script src="xxx.js">
5. Внешний JavaScript должен содержать тег <script>
False
True
6. Как вывести строку "Hello World" в окно alert?
alert("Hello World")
msgBox("Hello World")
alertBox="Hello World"
alertBox("Hello World")
7. Как правильно создать функцию?
function:myFunction()
function=myFunction()
function myFunction()
8. Как правильно вызвать функцию "myFunction"?
call function myFunction
call myFunction()
myFunction()
9. Как правильно создать утверждение, выполняющееся только в случае "i" is equal to 5?
if (i==5)
if i=5
if i=5 then
if i==5 then
10. Как правильно создать утверждение, выполняющееся только в случае "i" is NOT equal to 5?
if =! 5 then
if (i <> 5)
if <>5
if (i != 5)
11. Сколько различных видов циклов используется в JavaScript?
One. The "for" loop
Tree. The "for" loop and the "while" loop
Four. The "for" loop, the "while" loop, the "do...while" loop, and the "loop...until" loop
12. В каком варианте указано правильное выполнение цикла "for" ?
for (i = 0; i <= 5)
for (i <= 5; i++)
for (i = 0; i <= 5; i++)
for i = 1 to 5
13. В каком варианте правильный комментарий JavaScript?
<!--This is a comment-->
'This is a comment
//This is a comment
14. Как вставить в JavaScript комментарий из нескольких строк
//This comment has more than one line//
/*This comment has more than one line*/
<!--This comment has more than one line-->
15. Как правильно записать массив JavaScript?
var txt = new Array(1:"tim",2:"kim",3:"jim")
var txt = new Array="tim","kim","jim"
var txt = new Array("tim","kim","jim")
var txt = new Array:1=("tim")2=("kim")3=("jim")
16. Как правильно округлить число 7.25 до ближайшего целого?
rnd(7.25)
round(7.25)
Math.round(7.25)
Math.rnd(7.25)
17. Как правильно найти наибольшее из чисел 2 и 4?
top(2,4)
Math.ceil(2,4)
ceil(2,4)
Math.max(2,4)
18. Укажите корректный JavaScript синтакс для корректного открытия нового окна "window2" ?
window.open("http://www.w3schools.com","window2")
open.new("http://www.w3schools.com","window2")
new.window("http://www.w3schools.com","window2")
new("http://www.w3schools.com","window2")
19. Как вывести сообщение в окно статуса броузера?
statusbar = "put your message here"
status("put your message here")
window.status("put your message here")
window.status = "put your message here"
20-4.1. Какую из приведенных далее задач с точки зрения клиента можно выполнить с помощью JavaScript?
*1) Воспроизведение музыки.
2) Средство подсчета посетителей Web-узла.
3) Комната бесед.
*4) Калькулятор
5) Все из перечисленного.
21-4.2. Какие имена являются корректными в JavaScript?
*1) lastName.
*2) company_name.
3) 1stLineAddress.
4) zip code.
5) today' s_date.
22-6.1. Укажите, какой из приведенных ниже способов описания и инициализации переменных является приемлемым?
*а) my_name = "Cindy";
б) var how many = 25;
*в) var zipCode = document.forml.zip.value;
r) var laddress = document. nameForm. address Lvalue;
23-8.1. Какие из приведенных ниже ссылок являются корректными?
а) window. document. form [ 0 ]
б) self.entryForm.submit()
в) document.forms[2].name
*r) document.getElementByld("firstParagraph")
*д) newWindow.document.write("Howdy")
24- 6.2. Для каждого из приведенных ниже выражений укажите, как изменится выражение
someVal после выполнения следующих операторов JavaScript.
var someVal = 2; someVal = someVal + 2; someVal = someVal * 10; someVal = someVal + "20"; //4020
someVal = "Robert";
25- 6.3. Назовите две функции JavaScript, которые выполняют преобразование строк в числа.
-
parseInt () и parseFloat ().*
26-7.2. Исследуйте приведенное ниже описание функции. Есть ли в этом описании неточности? Если да, то как их устранить?
function format(ohmage) { var result; if ohmage >= le6 {
ohmage = ohmage / le6 ; result = ohmage + " Mohms"; } else {
if (ohmage >= le3)
ohmage = ohmage / le3; result = ohmage + " Kohms"; else
result = ohmage + " ohms";
}
alert(result);
Тестовые вопросы
-
Какое значение выведет на экран следующий код:
var myArr = new Array();
alert(typeof(myArr));
(object)
-
Какое число выведет на экран следующий код:
var i = 5;
var n = 3;
alert(i-- * ++n);
(20)
29. Какое число выведет на экран следующий код:
var a1 = [5,10,15,20];
var a2 = [1,2,3,4];
var a3 = [0,2,3,5];
var j = [1,3];
alert( eval( 'a' + eval('a' + j[1])[1] )[0] );
(1)
30. В какой строке допущена ошибка при написании приведенного сценария?
var userName = prompt("Ваше имя? ", "");
if (userName = "root")
{ document.write("<p>Доступ разрешен</p>"); }
else { document.write("<p>В доступе отказано</p>"); }
(2) (userName == "root")
31. Какой из участков кода будет выполнен в браузере при работе приведенного JavaScript-сценария?
var x = 1; var y = "1"; if (x === y) { // Участок кода 1 } else { // Участок кода 2 }
(2)
32. Какое значение выведет на экран следующий участок кода:
var myObj = new Array();
myObj.prop = 1;
myObj[0] = 2;
myObj[100] = 3;
alert(myObj.length);
(101)
33. Какого рода информация в приведенном ниже HTML-дескрипторе, будет передана обработчиком события? Напишите функцию, отображающую в диалоговом окне предупреждение с предназначенной для передачи информацией. <input type="text" name="phone" onchange="format(this.value)">
Ответы
4.1.-21 Приложение музыкального проигрывателя и калькулятора — достойные использования JavaScript задачи. Количество посетителей Web-узла регистрируется и обновляется на сервере, поэтому обычно эта задача выполняется с помощью специального CGI-приложения. Чтобы получить лучшее клиентское приложение, подсчитывающее посетителей Web-узла, необходимо "научить" его отправлять конечному пользователю отчет о том, сколько раз он уже посетил текущий узел. Для решения этой задачи привлекаются данные cookie. Приложение комнаты бесед требует специального места на сервере, откуда устанавливаются соединения с конечными пользователями, посещающими приложение. Поэтому исключительно клиентскими средствами создать комнату бесед практически невозможно.
4.2-22
а) Правильно, поскольку это одно слово.
б) Правильно, поскольку символ подчеркивания допускается использовать между словами.
в) Неправильно, идентификатор нельзя начинать с цифры.
г) Неправильно, поскольку пробелы использовать нельзя.
д) Неправильно, поскольку символы апострофа использовать нельзя.
22-6.1 6.1.-
а) Правильно.
б) Неправильно. Переменная должна быть представлена одним словом, например howMany или how_many.
в) Правильно.
г) Неправильно. Имя переменной не может начинаться с цифры. Если необходимо различать подобные переменные по именам, то поместите числовое значение в конец имени: address 1.
23-8.1.-
а) Близко, но неточно. Ссылки на массив задаются в множественном числе, window.document.forms[0].
б) Неправильно. Объект self соответствует окну, a entryForm должна соответ ствовать форме. Где же документ? Он должен задаваться ссылкой self.document.entryForm.entryFieId.value.
в) Правильно.
г) Неправильно. Пропущена ссылка на document.
д) Правильно, если newWindow — это переменная, содержащая ссылку на вложенное окно.
24-6.2.
а) 4
б) 40
в) "4020"
г) "Robert"
25-6.3. Используются функции parseInt () и parseFloat (). Преобразуемые строки подставляются в качестве параметров функций.
parseInt(document.forms[0].entry.value)
2. В определении этой функции существует несколько недостатков. В первом условном выражении if пропущены скобки. Фигурные скобки также пропущены во втором вложенном выражении if.. .else. Более того, фигурные скобки не заданы для всей условной конструкции. Ниже приведен правильный вариант кода. Изменения введены
полужирным начертанием,
function format(ohmage) {
var result i
if (ohmage >= Юеб) {
ohmage = ohmage / 10e5; result = ohmage + " Mohms"; } else {
if (ohmage >= 10e3) {
ohmage = ohmage / 10e2; result = ohmage + " Kohms"; } else {
result = ohmage + " ohms";
}
}
alert(result);
}