동적 웹페이지 예제

Friday, 2nd August 2019Allgemein

클라이언트 쪽 스크립팅을 사용하는 웹 페이지는 풍부한 인터페이스 페이지를 광범위하게 호출하는 프레젠테이션 기술을 사용해야 합니다. 동적 HTML(DHTML) 및 플래시 기술에 각각 사용되는 JavaScript 또는 ActionScript와 같은 클라이언트 쪽 스크립팅 언어는 프레젠테이션의 미디어 유형(사운드, 애니메이션, 텍스트 변경 등)을 오케스트레이션하는 데 자주 사용됩니다. 또한 스크립팅을 사용하면 DHTML 페이지가 숨겨진 프레임, XMLHttpRequests 또는 웹 서비스를 사용하여 서버에서 추가 정보를 요청하는 기술인 원격 스크립팅을 사용할 수 있습니다. 동적 처리의 전형적인 예는 Google 애드 센스와 같은 프로그램과 함께 웹 페이지에 광고를 게재하는 것입니다. 광고주가 제공하는 가장 높은 비용을 기준으로 로드될 때마다 페이지에 다른 광고가 표시됩니다. 웹 사이트는 위에서 언급 한 이유로 동적 웹 사이트라고합니다. 그것은 페이스 북이나 구글 +처럼 아니에요, 하지만 그것은 대화 형 구성 요소 같은 검색 필드 및 연락처 링크. 동적 웹 사이트의 예로는 CMS, 사용자가 사이트에 댓글을 달 수 있는 블로그, 문서를 업로드하는 사용자, 토론 블로그 보드 등이 있습니다. Ajax는 클라이언트 측 스크립팅 과 서버 측 요청의 조합을 사용합니다. 콘텐츠를 동적으로 교환하기 위한 웹 응용 프로그램 개발 기술이며 이를 위해 서버에 데이터를 요청합니다. 서버는 요청된 데이터를 반환한 다음 클라이언트 측 스크립트에서 처리합니다. 이 기술은 클라이언트가 서버의 언어 파서에 의해 전체 웹 페이지를 재생성하도록 요청하지 않기 때문에 서버 로드 시간을 줄일 수 있습니다.

변경될 내용만 전송됩니다. Google지도는 아약스 기술을 사용하는 웹 응용 프로그램의 예입니다. 동적 웹 페이지는 볼 때마다 다른 콘텐츠를 표시하는 웹 페이지입니다. 예를 들어 페이지는 시간대, 웹 페이지에 액세스하는 사용자 또는 사용자 상호 작용 유형에 따라 변경될 수 있습니다. 동적 웹 페이지에는 두 가지 유형이 있습니다. W3 학교에 대한 사이트는 즉시 웹 코딩 언어를 학습하기위한 사이트로 명백하다. W3 학교는 공백이 많은 깨끗한 인터페이스를 사용합니다. 탐색 배너에서 세미 브라이트 그린을 사용하여 자습서, 참조 및 예제와 같은 여러 가지 가능한 탐색 선택을 강조합니다. 다른 모든 탐색 선택 사항은 근접 및 탐색 계층 구조를 통해 조각을 처리하기 쉬운 것으로 청크됩니다. 빵과 버터 코딩 언어, html, css 및 자바 스크립트는 오른쪽 또는 왼쪽중 하나에 대한 예제로 시작합니다. 웹 페이지를 가로로 줄이면 모든 제목이 축소되고 단순화되어 거의 모바일 레이아웃이 준비됩니다.

모든 것이 하나의 패널 열로 단순화됩니다. 동적 웹 페이지는 예상되는 변경 사항이 거의 없거나 전혀 없을 때 캐시되는 경우가 많으며 각 요청에 대해 페이지를 즉시 생성해야 하는 경우 서버의 로드 시간이 느려지는 상당한 양의 웹 트래픽을 받을 것으로 예상됩니다.