1 / 24

WEB- программирование

WEB- программирование. Структура курса Лекции – 32 час. Лабораторные работы – 16 час. Расчетно-графическая работа Экзамен ИТОГОВЫЙ ЭКЗАМЕН по СПЕЦИАЛЬНОСТИ Все материалы по курсу есть на веб-странице: http://ait.cs.nstu.ru/~gun/webprog. ВВЕДЕНИЕ. Структура лекций:

jag
Download Presentation

WEB- программирование

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. WEB-программирование • Структура курса • Лекции – 32 час. • Лабораторные работы – 16 час. • Расчетно-графическая работа • Экзамен • ИТОГОВЫЙ ЭКЗАМЕН по СПЕЦИАЛЬНОСТИ Все материалы по курсу есть на веб-странице: http://ait.cs.nstu.ru/~gun/webprog

  2. ВВЕДЕНИЕ • Структура лекций: • Предмет Web-программирования. Программирование на стороне клиента и сервера. Инструменты и технологии программирования • Программирование на стороне сервера. Протокол HTTP. CGI. Передача параметров серверу. Запоминание состояния. Меры безопасности. CGI и базы данных • Доступ к базам данных. СУБД MySQL. Система безопасности. Утилиты. Язык SQL

  3. Структура лекций • ASP. Основы. Объекты и компоненты. Доступ к базам данных • Perl. Синтаксис языка. Переменные. Регулярные выражения. Операторы, функции и подпрограммы. Модули. CGI-программирование. Примеры приложений. Доступ к базам данных • PHP. Синтаксис языка. Доступ к базам данных. Технологии применения. Примеры программ

  4. Лекция 1 • Предмет Web-программирования. • Программирование на стороне клиента • Программирование на стороне сервера. • Инструменты и технологии web-программирования

  5. Предмет Web-программирования. • Язык HTML. • Особенность – это язык разметки: • Пример: <HTML> <HEAD><TITLE> My First Web Page</TITLE></HEAD> <BODY BGCOLOR="WHITE"> <H2><CENTER>Добро пожаловать на мою первую Web-страничку! </CENTER></H2> </BODY></HTML> • Результат

  6. Язык HTML. • Недостатки: • HTML — бедный язык с точки зрения программирования. Гиперссылки (hyperlinks) —это, по сути, оператор перехода GOTO, обеспечивающий переход к жестко указанному месту приложения. • HTML не предоставляет никакой реальной возможности сохранять данные в процессе работы приложения.

  7. Язык HTML. • Недостатки: • у HTML очень ограниченные возможности для взаимодействия. Стандартный HTML это статическиеWeb-страницы с текстом, рисунками и ссылками на другие страницы. • Но HTML обеспечивает интерактивность при помощи встроенных элементов управления (intrinsic controls) —полей ввода, которые обычно присутствуют в HTML-формах.

  8. Язык HTML. • Интерактивность: • Пример <HTML><HEAD><TITLE>Simple HTML Form </TITLE></HEAD> <B0DY BGCOLOR="WHITE"><FORM> <INPUT TYPE="TEXT" NAME="txtName">Имя<P> <INPUT TYPE="TEXT" NAME="txtPhone">Телефон<Р> <INPUT TYPE="TEXT" NAME="txtEMail"> Адресэлектроннойпочты<Р> </FORM></BODY></HTML> • Результат

  9. Язык HTML. • Язык HTML – НЕ язык Web-программирования! • Но чтобы быть Web-разработчиком, вы должны знать HTML. Навыки редактирования страницы непосредственно в виде исходного текста позволят вам добиться желаемого эффекта независимо от того, поддерживает ли его ваш любимый графический редактор.

  10. Программирование на стороне клиента. • сценарии (scripting) - добавленная функциональность путем комбинирова-ния языка программирования с языком разметки (HTML). • Загружаются на компьютер клиента и там выполняются. • Языки: • VBScript • JavaScript

  11. VBScript • Пример <HTML><HEAD> <TITLE>YetAnother Hello, World! Example</TITLE> <SCRIPT LANGUAGE="VBScript”> <!-- Sub cmdClickMe_OnClick() MsgBox "Hello, World!" End Sub --> </SCRIPT></HEAD> <BODY BGCOLOR= WHITE><FORM> <INPUT TYPE= BUTTON NAME= cmdClickMe VALUE="Click Me!”> </FORM></BODY></HTML> • Результат

  12. JavaScript • Пример <HTML><HEAD> <TITLE>JavaScript Hello, World! Example</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function clickme() { alert("Hello, World!"); return true; } --> </SCRIPT> </HEAD><BODY BGCOLOR="WHITE"><FORM> <INPUT TYPE="BUTTON" NAME="cmdClickMe" VALUE="ClickMe!" OnClick="var rtn=clickme();"> </FORM> </BODY> </HTML> • Результат

  13. Компоненты ActiveX. • технология, основанная на СОМ — модели многокомпонентных объектов Microsoft (Component Object Model). • страницы в Internet Explorer более функциональны и привлекательны, но практически бесполезны в среде, не поддерживающей ActiveX, например, в Netscape Navigator.

  14. Компоненты ActiveX. • Вставка: <OBJECT ID="Label1" WIDTH=291 HEIGHT=41 CLASSID="CLSID:978C9E23-D4B0-11CE-BF2D-0AA003F40D0" CODEBASE="http://www.microsoft.com/activex/controls/FM20.DLL"> <PARAM NAME="Caption" VALUE="Щелкни меня!"> • Вызов: <SCRIPT LANGUAGE="VBScript"><!-- Sub Label1_DblClick(Cancel) Label1.Font.Weight=24 Label1.Caption="Щелкни снова!" end sub Sub Label1_Click() Label1.Font.Weight = 30 Label1.Caption="Еще два раза!!!!!" end sub --></SCRIPT>

  15. Java. • его поддерживают как Internet Explorer, так и Netscape Navigator. • позволяет создавать самодостаточные, загружаемые фрагменты Web-страницы. • у апплетов имеется свой тег — <APPLET>, который дает программе просмотра указание загрузить код на Java и выполнить его: <APPLET CODE="DBLBULB.CLASS" HEIGHT=35 WIDTH=26> </APPLET>

  16. Dynamic HTML. • С версии Internet Explorer 4.0 Microsoft добавила Dynamic (динамический) HTML, который позволяет посредством сценариев программно изменять теги. • Результат

  17. Dynamic HTML. • Пример: <HTML><HEAD><TITLE>Dynamic HTML</TITLE> <SCRIPT LANGUAGE="VBScript"><!-- Function MyFont_OnMouseOver() MyFont.Color = "Red" MyFont.Size = "5" End Function Function MyFont_OnMouseOut() MyFont.Color = "Blue" MyFont.Size = "4" End Function </SCRIPT></HEAD><BODY BGCOLOR="WHITE"> <FONT ID="MyFont" FACE="ARIAL" SIZE="4" COLOR="BLUE"> Эй, укажи-ка сюда мышкой! </BODY></HTML>

  18. Программирование на стороне сервера. • Сценарий, исполняемый на сервере. Код динамически выполняется при запросе страницы, а получившийся HTML-текст отправляется программе просмотра. • Результат не зависит от браузера • Полноценный язык программирования компилирующего типа

  19. Программирование на стороне сервера. • Пример (на ASP): <HTML><HEAD><TITLE> ASP Example</TITLE> </HEAD> <BODY BGCOLOR="WHITE"> <%For x = 1 to 6%> <FONT FACE="ARIAL" SIZE=<%=X%>> ActiveX - этокруто!</FONT><P> <%Next%> </BODY> </HTML> • Результат

  20. Программирование на стороне сервера. • Изучаемые языки: • ASP • Perl • PHP • СУБД: • MySQL • Применяемые web-сервера: • IIS (PWS) • Apache

  21. Инструменты и технологии программирования. • Текстовые редакторы • FAR с плагином Colorer • Графические WYSIWYG-редакторы • FTP-клиенты для загрузки сценариев на сервер • Браузер • Технологии программирования: • Процедурная • Объектно-ориентированная

  22. Список литературы • Методические указания к лабораторным работам (№2483) • Гунько А.В. Web-программирование. Методи-ческие указанияк лабораторным работам. - Новосибирск: НГТУ, 2003. - 26 с. • ASP: • Хилайер С., Мизик Д.. Программирование Active Server Pages. - М: «Русская редакция», 1999. – 296 с. • http://www.activeserverpages.ru • http://www.oduv.ru/doc/asp/book/ • http://asp.ablogic.ru/

  23. Список литературы • Perl: • Холзнер С. Perl: специальный справочник. – СПб.: «Питер». 2000. – 496 с. • Шварц Р., Кристиансен Т. Изучаем Perl. - К.: «BHV», 2000. - 320 с. • http://www.citforum.ru/internet/perl_tut/index.shtml • http://www.citforum.ru/database/cnit/6.shtml • http://reference.perl.com/ • http://www.webscript.ru/

  24. Список литературы • PHP: • Ратшиллер Т., Геркен Т. PHP4: разработка Web-приложений. - СПб: Питер, 2001. - 384 с. • Томсон Л., Веллинг Л. Разработка Web-приложений на PHP и MySQL. - К.: "ДиаСофт", 2001. - 672 с. • http://www.citforum.ru/internet/php3/index.shtml • http://php.spb.ru/ • http://www.php4all.ru/ • http://rusphp.chat.ru/

More Related