CSS를 사용하여 ASP.Net 프레임 작업에서 기본 페이지 만들기
National University of Computer and Emerging Sciences 랩 매뉴얼 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 Visual Studio를 사용하여 ASP.Net 웹 양식 만들기 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은 Hyper Text Markup Language의 약자입니다. ⦁ HTML은 프로그래밍 언어가 아니라 마크업 언어입니다. ⦁ 태그의 목적은 페이지 내용을 설명하는 것입니다. ⦁ HTML 태그 HTML 마크업 태그는 일반적으로 HTML 태그라고 합니다. ⦁ HTML 태그는 키워드입니다(태그 이름)과 같은 꺾쇠 괄호로 둘러싸여 있습니다. ⦁ HTML 태그는 일반적으로 및 같은 쌍으로 나타납니다. ⦁ 종료 태그는 시작 태그와 같이 작성되며 태그 이름 앞에 슬래시가 붙습니다. ⦁ 시작 및 종료 태그는 여는 태그 및 닫는 태그라고도 합니다. ⦁ 웹 브라우저 웹 브라우저(Chrome, Internet Explorer 및 Firefox)의 목적은 HTML 문서를 읽고 이를 웹 페이지로 표시하는 것입니다. 브라우저는 HTML 태그를 표시하지 않지만 태그를 사용하여 페이지의 내용을 해석합니다. ⦁ HTML 요소 ⦁ HTML 요소는 시작 태그/열기 태그로 시작합니다. ⦁ HTML 요소는 종료 태그/닫기 태그로 끝납니다. 요소 내용은 시작과 끝 태그 사이의 모든 것입니다. ⦁ 일부 HTML 요소에는 빈 내용이 있습니다. ⦁ 대부분의 HTML 요소는 속성을 가질 수 있습니다. ⦁ HTML 머리글
이것을 확인해보세요
지금은 어떻게 생각하시나요?
그리고 지금은 어떻습니까?
⦁ Visual Studio를 사용하여 ASP.Net 웹 양식 만들기 1단계: Visual Studio(버전:20XY) 인스턴스를 시작하고 파일 –> 새로 만들기 –> 프로젝트 –> 웹 –> ASP.NET 웹 응용 프로그램으로 이동하여 새 프로젝트를 만듭니다. 2단계: 솔루션 탐색기로 이동하여 새 웹 양식을 추가합니다. 3단계: 사용 가능한 템플릿에서 Web Form을 선택하고 이름을 설정합니다. 4단계: 솔루션 탐색기에서 MyPage.aspx를 두 번 클릭하고 mypage의 빈 공간을 클릭합니다. .aspx를 누르고 누릅니다. “CTRL+F5” 출력은 다음과 같습니다: ⦁ ASP 컨트롤(HTML 요소와 유사한 동작) 기본 TextBox: <asp:TextBox ID="txtName" runat="server"></asp:TextBox> 비밀번호 TextBox: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> 텍스트가 포함된 TextBox: <asp:TextBox ID="txtTextValue" Text="Hello World!" runat="server"></asp:TextBox> 여러 줄의 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="rd Female" GroupName="Gender" runat="server" /> 드롭다운 목록 <asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value="0"></asp:ListItem> <asp:ListItem Text="컴퓨터 과학" Value="CS"></asp:ListItem> <asp:ListItem Text="전기 공학" Value="EE"></asp:ListItem> <asp:ListItem Text= "사업 Administrator" 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에 대한 제한된 지식으로 사용할 수 있는 유일한 옵션인데 왜 모든 ASP.NET 컨트롤에 runat="server"를 지정해야 합니까? .NET을 사용하지 않으면 오류가 발생합니까? ⦁ 대답: 처리 중에 서버 측 컨트롤을 식별하는 방법과 관련이 있습니다. 서버측 처리가 수행되어야 하는지 여부를 결정하기 위해 런타임에 모든 컨트롤을 이름으로 확인하는 대신 태그별로 내부 노드 표현을 선택합니다. 컴파일러는 유효성 검사 단계에서 서버 태그가 필요한 모든 컨트롤에 해당 태그가 있는지 확인합니다. ⦁
HTML에서 새 줄을 의미합니다. ⦁ HTML에서 공백을 의미합니다. SAMPLE FORM ⦁ 연습 ASP 웹 양식을 사용하여 아래와 같이 샘플 페이지를 만듭니다. 참고: 인스타그램 로고: 인터넷의 모든 로고를 사용할 수 있습니다.
