мета-данные страницы
  •  
Загрузка не удалась. Возможно, проблемы с правами доступа?

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
html:tasks [01/02/2012 01:46] – vlasovhtml:tasks [15/02/2012 10:16] (текущий) – vlasov
Строка 106: Строка 106:
 [[:html:tags:a|<a>]] [[:html:tags:a|<a>]]
 </note> </note>
 +
 +Продвинутое задание должно включать в себя возможность навигации внутри страницы, примерно так: [[http://mif.vspu.ru/books/html-task/les6.html|Продвинутое задание :-)]]
 +
 +(внешний вид задания составляет основу следующего урока)
  
 ====== Задание 5. Верстка в 2 колонки ====== ====== Задание 5. Верстка в 2 колонки ======
Строка 113: Строка 117:
 Отформатируйте страницу по образцу: {{:html:les6.pdf|}}, Отформатируйте страницу по образцу: {{:html:les6.pdf|}},
 используя каскадные таблицы стилей используя каскадные таблицы стилей
 +
 +**Дополнительно (продвинутое задание):** оформить текст Красной шапочки так, чтобы:
 +  - между абзацами исчезло дополнительное расстояние;
 +  - в абзацах появилась красная строка;
 +  - (в тексте без навигации) сделать поля (отступ от краев браузера);
 +  - буквица в первом абзаце;
 +  - подсветка ссылок и их исчезающее подчеркивание;
 +  - оформление заголовков и цвета шрифта основного  текста (а также его другие характеристики) не через <FONT..>, а через стили;
 +  - выравнивание абзацев основного текста по ширине (одновременно по левому и правому краю), а заголовков по центру;
 +  - таблица стилей должна быть в виде отдельного подключаемого файла.
  
 ====== Задание 7. Дополнительное задание ====== ====== Задание 7. Дополнительное задание ======
Строка 126: Строка 140:
  
 ====== Задание 8. Формы ввода ====== ====== Задание 8. Формы ввода ======
 +
 +Формы ввода необходимы для отправки данных на сервер или для организации интерактивного взаимодействия с клиентскими программами. 
  
 <note> <note>
Строка 133: Строка 149:
 </note> </note>
  
-Подготовить страничку с использованием форм ввода, которая может работать со скриптом, возвращающим введенное значение: [[http://users.nsunc.com/~vlasov/cgi-bin/testform.cgi|Тестовый скрипт]].+Подготовить страничку с использованием форм ввода, которая может работать с простым скриптом, возвращающим введенное значение: [[http://users.nsunc.com/~vlasov/cgi-bin/testform.cgi|Тестовый скрипт]].
  
 Примерную реализацию можно посмотреть тут: [[http://users.nsunc.com/~vlasov/testform.html|Тестовая форма]]. Примерную реализацию можно посмотреть тут: [[http://users.nsunc.com/~vlasov/testform.html|Тестовая форма]].
 +
 +====== Задание 9. Элементы JavaScript ======
 +
 +Для оперативного ввода-вывода, нужд отладки и т.п. применяются функции JavaScript <nowiki>alert(str), prompt(string, defaultvalue)</nowiki>.
 +
 +Вот примеры использования данных фукнкций: [[http://users.nsunc.com/~vlasov/javascript/hellow.html|Hello, world!]], [[http://users.nsunc.com/~vlasov/javascript/alertprompt.html|Alert-Prompt]].
 +
 +Этот пример показывает вычисление факториала от натурального (целого, большего нуля)  заданного числа, с возможностью продолжения и прекращения выполнения вычисления:
 +
 +<code javascript>
 +<HTML>
 +  <HEAD>
 +    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
 +    <TITLE>n!-calculating</TITLE>
 +    <SCRIPT LANGUAGE="JavaScript">
 +      function checkinput(n)
 +      {
 +        var n1;
 +        n = n + "";  n1 = parseInt(n) + "";
 +        if ((n == n1) && (n1>0)) {return 1} else {return 0};
 +      }  // checkinput
 +      function fact(n)
 +      {
 +        if ( n==0 ) { return 1; };
 +        return n*fact(n-1);
 +      };  // fact
 +      function You_Go()
 +      {
 +      n = prompt('put in the field a natural number: ',1);      
 +      while ( checkinput(n) )
 +      {
 +        f = fact(n);
 +        n = prompt('n!='+f+'\nput in the field a natural number: ',1);
 +      }
 +      };
 +    </SCRIPT>
 +  </HEAD>
 +  <BODY BGCOLOR="White" TEXT="Black" LINK="Blue" VLINK="Purple" ALINK="Red">
 +    <H1>Расчет факториала</H1>
 +    <P>На данной странице предложен пример расчета факториала...
 +    <BR>
 +    Для завершения работы введите любое ненатуральное число и/или буквы.
 +    <hr>
 +    <a href="javascript:You_Go()">Перезапуск</a></P>
 +    <SCRIPT LANGUAGE="JavaScript">You_Go()</SCRIPT>
 +  </BODY>
 +</HTML>
 +</code>
 +
 +Реализацию можно посмотреть тут: [[http://users.nsunc.com/~vlasov/javascript/factorial.html|факториал]]
 +(в Internet Explorer'е может быть заблокировано окошко ввода, и надо будет дать специальное разрешение на временное исполнение скрипта)
 +
 +**Задание.**  Создать страничку и написать программу, вычисляющую корни квадратного уравнения, и организовать взаимодействие с пользователем, используя функции <nowiki>alert, prompt</nowiki>.
 +
 +Страничка нашей википедии, посвященная javascript, [[javascript:|находится здесь]].