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

Различия

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

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

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
html:tasks [01/02/2012 01:44] – 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|Тестовая форма]]. 
 + 
 +====== Задание 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:|находится здесь]].