Создание базовой страницы в фрейме ASP.Net с помощью CSS
Лабораторное руководство Национального университета компьютерных и новых наук 1.1 «Введение в ASP.net, HTML» Лаборатория систем баз данных Весна 2021 г. Факультет компьютерных наук FAST-NU, Лахор, Пакистан Содержание 1 Цель 2 2 Распределение задач 2 3 HTML 3 1.1. Что такое HTML? 3 1.2. HTML-теги 3 1.3. Веб-браузеры 3 1.4. HTML-ЭЛЕМЕНТЫ 4 1.5. Заголовки HTML 4 4 Создание веб-формы ASP.Net с помощью Visual Studio 4 4.1 ЭЛЕМЕНТЫ УПРАВЛЕНИЯ ASP (поведение аналогично HTML-элементам) 8 4.2 Ключевые моменты 10 5 Упражнение 13 ⦁ Цель Целью данного документа является предоставление практической реализации HTML, полный обзор HTML-тегов и элементов с примерами и живой реализацией во время лабораторной работы. Введение в ASP.NET. Этот документ расскажет, как создать новый проект? Как создать новую веб-страницу? И потренируйтесь на различных элементах управления asp. ⦁ Распределение задач Общее время 90 минут Введение 10 минут Элементы HTML 15 минут Управление ASP 15 минут Упражнение 45 минут ⦁ HTML ⦁ Что такое HTML? HTML — это язык описания веб-страниц. ⦁ HTML означает язык разметки гипертекста. ⦁ HTML — это не язык программирования, а язык разметки. ⦁ Целью тегов является описание содержимого страницы. ⦁ HTML-теги. Теги разметки HTML обычно называются HTML-тегами. ⦁ HTML-теги — это ключевые слова (теги). имена), заключенные в угловые скобки, например ⦁ HTML-теги обычно располагаются парами, например и ⦁ Конечный тег записывается так же, как начальный тег, с косой чертой перед имя тега ⦁ Начальные и конечные теги также называются открывающими и закрывающими тегами ⦁ Веб-браузеры Цель веб-браузера (Chrome, Internet Explorer и Firefox) — читать HTML-документы и отображать их в виде веб-страниц. Браузер не отображает HTML-теги, но использует их для интерпретации содержимого страницы: ⦁ HTML-ЭЛЕМЕНТЫ ⦁ HTML-элемент начинается с открывающего/открывающего тега ⦁ HTML-элемент заканчивается конечным/закрывающим тегом ⦁ Содержимое элемента — это все, что находится между начальным и конечным тегом. ⦁ Некоторые элементы HTML имеют пустое содержимое. ⦁ Большинство элементов HTML могут иметь атрибуты. ⦁ Заголовки HTML.
Проверьте это
Что ты думаешь об этом сейчас
А что сейчас
⦁ Создание веб-формы ASP.Net с помощью Visual Studio. Шаг 1. Запустите экземпляр Visual Studio (версия: 20XY) и создайте новый проект, выбрав «Файл» -> «Создать» -> «Проект» -> «Веб» -> «Веб-приложение ASP.NET» как показано ниже: Шаг 2. Перейдите в обозреватель решений и добавьте новую веб-форму. Шаг 3. Выберите веб-форму из доступного шаблона и задайте ее имя. Шаг 4. Дважды щелкните MyPage.aspx в обозревателе решений и щелкните пустое место в mypage.aspx и нажмите «CTRL+F5». Вывод будет таким: ⦁ УПРАВЛЕНИЕ ASP (поведение аналогично HTML-элементам) Базовое текстовое поле: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > Текстовое поле пароля: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> Текстовое поле с текстом: <asp:TextBox ID="txtTextValue" Text="Привет, мир!" runat="server"></asp:TextBox> Многострочное текстовое поле: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> Флажок <asp:CheckBox ID=" chkIsStudent" runat="server" /> Переключатель <asp:RadioButton ID="rdMale" GroupName="Gender" runat="server" /> <asp:RadioButton ID="rdFemale" GroupName="Gender" runat="server" /> Раскрывающийся список <asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value=" 0"></asp:ListItem> <asp:ListItem Text="Computer Science" Value="CS"></asp:ListItem> <asp:ListItem Text="Электротехника" Value="EE"></asp:ListItem> <asp:ListItem Text="Бизнес-администратор" Value="BBA"></asp:ListItem> <asp:ListItem Text= Кнопка «Гражданское строительство» Value="CV"></asp:ListItem> </asp:DropDownList> <asp:Button ID="btnSave" Text="Сохранить форму" runat="server" /> Изображение <asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" / > ⦁ Ключевые моменты ⦁ Вопрос: Почему мне нужно указывать runat="server" во всех элементах управления ASP.NET, если это обязательный атрибут, а сервер — единственный доступный вариант, учитывая мои ограниченные знания ASP.NET, и я получить сообщение об ошибке, если я его не использую? ⦁ Ответ: это связано с тем, как во время обработки идентифицируются элементы управления на стороне сервера. Вместо того, чтобы проверять каждый элемент управления во время выполнения по имени, чтобы определить, нужно ли выполнять обработку на стороне сервера, он делает выбор во внутреннем представлении узла по тегу. На этапе проверки компилятор проверяет, чтобы все элементы управления, которым требуются теги сервера, имели их. ⦁
означает новую строку в HTML ⦁ означает пробел в HTML ПРИМЕР ФОРМЫ ⦁ Упражнение Используя веб-форму ASP, создайте образец страницы, как показано ниже. Примечание. Логотип Instagram: вы можете использовать любой логотип из Интернета.
