- •Лекція 1 Вступ. Огляд парадигм та платформ для Web-розробки. Платформа asp.Net. Інструменти та інтегроване середовище розробки Visual Web Developer 2010.
- •1.1 Вступ. Поняття Інтернет. Базові концепції Всесвітньої павутини www. Еволюція Web
- •1.1.1 Поняття Інтернет
- •1.1.2 Базові концепції Всесвітньої павутини www
- •1.1.3 Еволюція Web
- •1.2 Огляд парадигм та платформ для Web-розробки
- •1.2.2 Найбільш поширені мови та технології розробки
- •1.3 Платформа asp.Net
- •1.3.1 Розвиток asp.Net
- •1.3.2 Ключові переваги asp.Net mvc
- •1.4 Інструменти та інтегроване середовище розробки Visual Web Developer 2010
- •1.4.3 Додаткові компоненти
- •1.4.4 Отримання допоміжної інформації від розробників
- •1 Анатомія html-документа
- •2 Текст
- •3 Гіперпосилання
- •4 Форматовані списки
- •5 Таблиці
- •6 Каскадні таблиці стилів
- •Лекція 3 Синтаксичні конструкції мови c#.
- •3.1Зв’язок між c# I .Net. Особливості платформи .Net
- •3.1.1 Загальномовне виконуюче середовище
- •3.1.2 Класи .Net Framework
- •3.1.3 Простори імен .Net
- •3.2Синтаксичні особливості c#
- •3.2.2 Визначені типи даних
- •3.2.3 Керування потоком виконання
- •3.2.4 Перерахування
- •3.2.5 Простори імен
- •3.2.6 Метод Main (). Консольний ввід-вивід. Коментарі.
- •3.3Об’єкти і типи
- •3.3.1 Класи
- •3.3.2 Структури
- •3.4Наслідування
- •3.4.1 Типи наслідування
- •3.4.2 Модифікатори доступу
- •3.4.3 Інтерфейси
- •3.5Узагальнення
- •3.6Операції
- •1 Колекції
- •2 Делегати
- •Лекція №5 Елементи керування на сторінках asp.Net
- •1. Структура web-додатку на основі asp.Net
- •2. Керування станом в asp.Net
- •3. Серверні елементи керування на сторінках asp.Net
- •3.1 Серверні веб-елементи управління
- •4. Сценарії обробки запитів
- •5. Життєвий цикл сторінки asp.Net
1.4.4 Отримання допоміжної інформації від розробників
Розроблюючи власний додаток, ви напевно зіткнетеся з непередбаченими і не висвітленими проблемами і ситуаціями. Нижче перераховано деякі ресурси, які можна використати, щоб прояснити ті або інші питання.
Мережа розробників Microsoft (Microsoft Developer Network - MSDN). Це – хороший ресурс загального призначення для .NET-програмування, і він містить довідкову інформацію по ASP.NET і MVC Framework. Відвідати ресурс можна, перейшовши за посиланням: http://msdn.microsoft.com/uk-ua/ .
Вихідний код платформи MVC Framework. Вихідний код MVC Framework доступний па сайті CodePlex за URLадресою http://aspnet.codeplex.com . Платформа MVC Framework покладається на набір угод, і вихідний код є авторитетною довідкою про те, як виражаються ці угоди.
Веб-сайт ASP.NET. Головним веб-сайтом з усіх аспектів ASP.NET є http://www.asp.net . Тут можна знайти ряд хороших навчальних посібників. Крім того, для ознайомлення з порадами і рішеннями поширених проблем варто почитати деякі блоги, написані членами команди розробки Microsoft.
Веб-сайт IIS. Сервер додатків IIS володіє безліччю функціональних можливостей, багато з яких не мають відношення до платформи MVC Framework. Якщо хочете дізнатися додаткові відомості про встановлення та використанні IIS, великий обсяг інформації можна знайти за URL адресою http://www.ils.net .
Веб-сайт jQuery. Платформа MVC Framework використовує JavaScript -бібліотеку jQuery. Якщо ви хочете використовувати jQueiy безпосередньо, всі подробиці можна знайти на сайтах http://jQuery.com і http://jQueryUI.com .
Веб-сайт stackoverflow.com. Одним з сайтів, присвячених програмуванню веб-сайтів є http://stackoverflow.com , який представляє собою керований спільнотою центр запитань і відповідей з усіх аспектів програмування, включаючи проблеми, пов'язані з MVC Framework.
Ключові поняття:
Інтернет, Всесвітня павутина, TCP/IP, FTP, SMTP, UDP, МАС-адреса, IP-адреса, DHCP, DNS, HTML, URI, URL, HTTP, Семантична павутина, XML, Веб 1.0, Веб 2.0, Веб 3.0, Веб-програмування, Клієнтські мови програмування, Серверні мови програмування, HTML, XHTML, CSS, XML, JavaScript, jQuery , PHP, Perl, AJAX, Adobe Flash, Microsoft Silverlight, ASP.NET, MVC, ASP.NET MVC, IIS Express, .NET Framework, SQL Server Express 2008, Web Forms, CLR, Visual Studio 2010Ultimate, Web Platform Installer.
1 Анатомія html-документа
1.1 Структура HTML-документа
HTML і XHTML-документи включають текст, який визначає їх зміст, і теги, що задають структуру і зовнішній вигляд. Структура HTML-документа доволі проста. Вона складається з зовнішнього тега <html>, що містить в собі документ:
<html>
<head>
<title>Найпростіший HTML-документ</title>
</head>
<body>
Тут показано найпростіший приклад структури HTML-документа.
</body>
</html>
У всякого документа є заголовок і тіло, обмежені тегами <head> і <body>. У заголовку вказується заголовок документа та інші параметри, які можуть бути використані браузером при його відображенні. У тіло поміщається дійсний зміст документа. Воно включає в себе відображуваний текст і керуючі теги, які радять браузеру, як слід його представляти.
1.2 Теги і атрибути
Теги - елементи розмітки в HTML і XHTML - здебільшого легко розуміти і вживати, так як вони складені зі звичайних англійських слів, скорочень і позначень. Наприклад, теги <i> та </i> вказують браузеру почати і закінчити відображення тексту, що міститься між ними, курсивом (italic).
Стандарти HTML і XHTML з їх різними розширеннями визначають, як і де слід розставляти теги в створеному матеріалі.
1.2.1 Приклади тегів
Ось приклади кількох тегів з атрибутами:
<a href="http://football.ua">
<ul>
<input type=text name=filename size=24 maxlength=80>
Перший приклад – це тег <a>, який визначає гіперпосилання, в даному випадку на спортивний ресурсhttp://football.ua. У нього один атрибут href, якому присвоєно значення адреси сайту в мережі Інтернет – його URL.
Другий приклад показує HTML-тег, який форматує текст у вигляді невпорядкованого списку.
Третій рядок являє собою HTML-тег з декількома атрибутами, кожному з яких присвоюється значення, яке не потребує лапок.
1.2.2 Відкриваючі і закриваючі теги
Будь-який початковий тег - це ім'я тега і його атрибути, якщо такі наявні. Закриваючий тег складається з того ж імені тега, якому передує похила риска (/). Закриваючий тег не має атрибутів.
1.2.3 Без закриваючих тегів
Згідно стандарту HTML, у деяких тегів немає закриваючих їх тегів. Більше того, вони просто заборонені для використання. Наприклад, тег <br> викликає перехід на новий рядок, ніяк не вливаючи на наступну за ним частину документа, і, відповідно, не потребує закриваючому тега.
1.3Елементи HTML-документа
Кожен HTML-документ повинен відповідати HTML SGML DTD – формальному визначенню типу документа (DTD), що описує стандарт HTML. Набір правил DTD визначає теги і синтаксис, що використовуються для HTML-розробок.
Щоб повідомити браузеру, яким DTD відповідає ваш матеріал, необхідно помістити спеціальну SGML-директиву (Standard Generalized Markup Language в першому рядку документа:
<!DOCTYPE HTML PUBLIC ""//W3C//DTD HTML 4.01//EN">
Це оголошення означає, що документ буде відповідати остаточному DTD HTML 4.01, визначеному World Wide Web Consortium (W3C). Інші версії DTD визначають більш обмежені модифікації стандарту HTML.
1.3.1 Тег <html>
Теги <html> і </html> служать для позначення початку і кінця документа.
Між тегами <html> і </html> містяться заголовок і тіло документа. Всередині заголовка містяться теги, які ідентифікують документ і визначають його місце в колекції документів. У тілі документа знаходиться власне його зміст разом з тегами, що визначають макет і зовнішній вигляд тексту.
Включений в тег <html>, атрибут lang визначає мову, яка в основному вживається в документі. Значення атрибутаlang відповідає двобуквеним кодам мов, визначеним в стандарті ISO-639. Наприклад, «en» - це ISO-код для англійської мови; «en-US» - повний код для американського діалекту англійської мови тощо.
1.3.2 Тег <head>
Тег <head> служить для того, щоб заключати в себе інші теги заголовка. Він ставиться на початку документа, відразу після тега <html> і перед тегом <body>.
Тег <head> може містити багато інших тегів, які допомагають визначити вміст документа та керувати ним. До них відносяться: <base>, <isindex>, <link>, <meta>, <nextid>, <object>, <script>, <style> і <title>. Всі вони можуть бути використаними в будь-якій послідовності.
1.3.3 Тег <title>
Тег <title> використовується для оприділення назви документа, яка являє собою текст, що міститься в тегу <title>. При використанні тега <title>, його обов’язково необхідно закривати тегом </tittle>.
1.3.4 Тег <body>
Тіло документа – це основна його частина, саме тут поміщається увесь вміст документа. Теги <body> і </body>визначають його межі.
Все, що знаходиться між відкриваючим тегом <body> і його закриваючим тегом </body>, називається вмістом тіла.
Тег <body> має безліч атрибутів, що керують зовнішніми виглядом документа (наприклад, кольором і фоном).
1.3.5 Коментарі
Коментарі – це ще один вид текстового вмісту, що з'являється у вихідних HTML-документах, але не відображуються браузером. Коментарі знаходяться між спеціальними елементами розмітки (<!-- і -->). Браузери ігнорують текст між цими послідовностями символів, що виділяють примітки автора.
Наприклад:
<!-- Це коментар до вихідного HTML-документу. Він не буде відображатись у браузері. -->
Даний приклад коментаря можна використовувати для будь-якої кількості стрічок коду. Якщо необхідно написати коментар лише до однієї стрічки, то зазвичай використовують інші елементи розмітки (/* і */). Наприклад:
/* Це теж коментар. */