웹 사이트를 동적으로 만드는 방법
귀하의 웹 사이트는 여전히 그 어느 때보 다 정적입니까? 인터넷 웹 사이트의 현재 기하학적 성장 중에는 상당수의 기하학적 성장이 여전히 정적을 고수하고 있으며 시대의 속도보다 눈에 띄게 뒤쳐져 있습니다. 소위 정적은 웹 사이트의 웹 페이지 컨텐츠가 수정되었음을 의미합니다. 사용자의 브라우저가 인터넷 HTTP (HyperText Transport PR OTOCO)를 통해 웹 서버에 웹 페이지 컨텐츠를 제공하도록 요청하면 서버는 원래 설계된 것만 전달합니다. 정적 HTML 문서. 이 페이지의 내용은 표준 HTML 코드 만 사용하며 최대에는 여러 강아지와 새끼 고양이의 애니메이션 효과와 같은 인기있는 GIF89A 형식의 동적 사진이 동반됩니다. 웹 사이트 관리자가 웹 페이지의 콘텐츠를 업데이트하려면 모든 HTML 문서를 수동으로 업데이트해야합니다.
정적 웹 사이트의 치명적인 약점은 웹 컨텐츠를 지속적으로 업데이트하기 위해서는 HTML 문서를 지속적으로 반복해야한다는 것입니다. 상상력.
당신은 도움을 줄 수는 없습니다. 그러면 역동적 인 웹 사이트는 무엇입니까? 이것은 기사의 핵심입니다. 소위 Dynamic은 여기에있는 GIF 동적 그림을 언급하지 않습니다.
1. 상호 작용은 웹 페이지가 사용자 요구 사항과 선택에 따라 동적으로 변경되고 응답하며 브라우저를 클라이언트 인터페이스로 사용합니다.
2. 자동 업데이트는 HTML 문서를 수동으로 업데이트 할 필요가 없으며 새 페이지가 자동으로 생성되므로 작업량을 크게 절약 할 수 있습니다.
3. 그것은 다른 사람들이 다른 시간에 같은 웹 사이트를 방문하고 다른 사람들이 다른 페이지를 제작할 때 그것은 때때로 변화합니다.
역동적 인 웹 사이트의 기본 개념이 있으므로 다음에 유능한 무기를 선택해야합니다. 웹 사이트를 동적으로 만드는 방법에는 여러 가지가 있으며 귀하의 요구 사항에 따라 다릅니다. 개인 웹 사이트의 관리자이고 무료 홈페이지 공간을 사용하는 경우 대부분의 경우 홈페이지 공간 제공 업체가 CGI 권한 또는 ASP 지원을 제공 할 수 있다면 Java, Java 스크립트 및 최신 DHTML 기술 만 사용할 수 있습니다. 실제 역동적 인 기술을 가지고 놀아주는 것은 매우 운이 좋다. CGI 및 ASP 기술은 나중에 설명 할 것입니다.
정확히 dhtml은 무엇입니까? 전통적인 HTML과 어떻게 다른가요? DHTML은 웹 서버에서 웹 페이지를 다운로드하고 서버에서 더 이상 처리 할 필요가 없지만 브라우저에서 웹 페이지의 콘텐츠, 레이아웃 스타일 및 애니메이션을 직접적으로 동적으로 업데이트합니다. 예를 들어, 마우스가 기사 단락으로 이동하면 단락이 파란색으로 바뀔 수 있거나 하이퍼 링크를 클릭하면 드롭 다운 서브 하이퍼 링크 디렉토리가 자동으로 생성됩니다. 이것은 최근 몇 년간 인터넷의 빠른 개발에서 가장 흥미롭고 실용적인 혁신 중 하나 인 Dynamic HTML (Dynamic HTML)입니다. Java 스크립트, VB0Script, 문서 개체 모델, 레이어 및 계단식 스타일 시트 (CSS 스타일 시트) 등을 포함한 다양한 기술의 포괄적 인 개발을 통해 달성 된 개념입니다. Netscape와 Microsoft IE 브라우저 사이의 몇 차례의 전투 후에도 여전히 DHTML 지원을위한 통일 표준을받지 못했다는 것은 매우 불행한 일입니다. 따라서이 기사는 DHTML을 소개 할 때 별도로 설명해야합니다. 먼저 DHTML에 대한 Microsoft IE 4의 지원을 살펴 보겠습니다.
1. 동적 컨텐츠 : 웹 페이지의 내용을 동적으로 업데이트하고 언제든지 텍스트, 태그 등과 같은 웹 페이지의 구성 요소를 동적으로 삽입, 수정 또는 삭제합니다.
2. Dynamic Styles Sheets : W3C의 계단식 스타일 시트 (CSS1 또는 CSS라고 함)를 통해 글꼴 크기, 글꼴 크기, 두께, 글꼴 스타일 및 HTML 태그의 선 높이를 제공합니다 선 또는 중간 수평선, 가장자리에서 거리, 왼쪽 또는 중심 중심, 압입, 배경 그림 또는 색상 및 기타 조판 기능. 동적 레이아웃 스타일은 언제든지 레이아웃 스타일을 동적으로 변경할 수 있습니다.
3. 동적 포지셔닝 : Cascading 스타일 시트와 함께 HTML 위치에 대한 W 3 C의 작업 초안을 통해 X, Y 및 Z 축에서 HTML 구성 요소의 위치 기능을 제공하여 디자이너가 이미지, 컨트롤, 텍스트 등을 배치 할 수 있습니다. 페이지의 어디서나. 다른 z 축에 배치함으로써 디자이너는 겹치는 효과를 생성 할 수 있습니다.
4. 내장 데이터 인식 : 복잡한 프로그램이 필요하지 않거나 서버에 너무 많은 리소스를 소비 할 필요가 없으므로 웹 디자이너가 문서를 실시간으로 처리 할 수 있습니다.
5. 내장 멀티미디어 지원 : IE 4.0은 CSS와 내장 된 ActiveX 컨트롤을 결합하여 변환 효과, 필터 효과, 경로 제어, 시퀀스 제어, 애니메이션, 음향 및 이미지 재생과 같은 멀티미디어 기능을 포함하여 멀티미디어 지원 기능을 제공합니다. .
DHTML 용 NetScape Communicator 4.0이 제공하는 지원을 살펴 보겠습니다.
1. 동적 스타일 시트 : 지원 W 3 C 계단식 스타일 시트 (CSS1 또는 CSS라고 함) 및 수제 자바 스크립트 스타일 시트를 지원합니다.
2. Dynamic Layers : 그림과 텍스트를 포지셔닝하고 사진과 텍스트의 중복 순서를 변경하고, 숨겨 지거나 사진과 텍스트를 표시하며, 애니메이션 효과를 디자인 할 수 있도록합니다!
3. Dynamic Fonts : 서버에서 글꼴을 다운로드하는 기능을 제공합니다. IE 4.0 및 Netscape Communicator 4.0은 실제로 계단식 스타일 시트의 유사한 사양을 제외하고는 동적 HTML 지원을 제공하지만 나머지는 매우 다르다는 것을 알 수 있습니다. 따라서 DHTML 페이지를 설계 할 때 호환성 문제가 완전히 고려되어야하며 방법은 항상 디자이너에게 가장 중요합니다. 저자는 DHTML의 사용 방법 및 디자인 기술을 2 장 "다이나믹 웹 디자인의 18 개 무술"에서주의 깊게 설명 할 것입니다.
아마도 개인 웹 사이트의 경우 DHTML 기술을 최대한 활용하면 웹 페이지가 생겨나 고 역동 성으로 가득 차 있습니다. 그러나 상업용 웹 사이트를 구축하는 비즈니스의 경우 DHTML을 갖기에 충분하지 않습니다. 클라이언트 브라우저에서만 발생하는 동적 효과는 많은 양의 정보 문의, 고객 상담, 리소스 상호 작용 등과 같은 상업용 웹 사이트의 동적 요구를 충족시킬 수 없기 때문입니다. 따라서 상업용 웹 사이트의 디자이너로서보다 실용적이고 대화식 동적 웹 사이트를 설계해야합니다. 대부분의 상업용 웹 사이트에는 많은 양의 데이터와 정보가 있기 때문에 네트워크를 구축하려는 원래 의도는 고객이 회사 정보를 쿼리하고 고객과의 커뮤니케이션을 용이하게하며 적시에 정보 피드백을 얻는 것입니다. 그런 다음 사용자가 브라우저 인터페이스의 인터넷 또는 인트라넷을 통해 웹 데이터베이스 정보를 쿼리 할 수있는 방법에 직면하고 웹 서버에서 정보를 입력, 업데이트 및 삭제하는 방법에 직면하게됩니다. 아래에서는 일반적으로 사용되는 몇 가지 동적 웹 사이트 디자인 방법을 간략하게 소개하겠습니다.
1. CGI의 기존 메소드 (Common Gateway Interface)는 사용자가 브라우저를 채우고 HTTP 요청을 수행 한 후에는 양식에 따라 설정된 양식을 실행하는 데 사용됩니다. CGI 응용 프로그램은 CGI 프로그램이 양식 (양식)에 입력 한 정보를 분석하고 웹 데이터베이스에 액세스하며 쿼리 실행 결과를 HTML 형식의 브라우저에 반환합니다. CGI를 사용하여 웹 데이터베이스에 액세스하는 것은 개발이 쉽지 않음, 높은 변경 및 수정 비용, 제한된 기능, 오류 감지, 실행 속도 속도 등을 쉽게 감지 할 수 없으며 HTML 문서에 통합되지 않기 때문에 많은 단점이 있습니다. 실행 가능한 응용 프로그램을 설계하기 위해 HTML과 함께 완전히 사용해야합니다.
2. IDC (Internet Database Connector) 인터넷 데이터베이스 커넥터는 인터넷 정보 서버 (IIS)를 포함하는 Windows NT 서버의 기능 중 하나입니다 iis. HTML 및 SQL의 기본 지식 만 마스터하고 대화식 데이터베이스 애플리케이션을 컴파일하는 몇 가지 코드를 작성하면 사용자가 브라우저 인터페이스 데이터 정보의 웹 서버에서 쿼리, 입력, 업데이트 및 삭제할 수 있습니다. VB 프로그래머는 디자인이 간단하기 때문에 IDC 응용 프로그램을 구성하는 파일은 사용자 측에서 브라우저의 데이터에 액세스 할 수 있도록하기 때문에 a가 있습니다 빠른 개발주기 및 피드백. 그러나이 단순성의 가격은 많은 유연성을 희생하여 사용자 인터페이스에 대한 많은 제어력과 데이터를 검증하는 거의 모든 기능을 포기해야합니다. 따라서 IDC는 간단한 웹 응용 프로그램에만 적합합니다.
3. ActiveX Data Object (ADO)는 웹 데이터베이스 응용 프로그램에 가장 적합한 선택입니다.
ActiveX Data Object는 정확히 무엇입니까 (짧은 ADO)? ActiveX Data Object 기술을 사용하면 Active Server 페이지 (ASP)와 결합하여 데이터 페이지에서 구조화 된 쿼리 언어 (구조화 된 쿼리 언어, SQL) 지침을 사용하여 사용자가 허용합니다. 브라우저 인터페이스의 웹 서버에서 데이터를 입력, 업데이트 및 삭제하십시오. 사용자 측의 브라우저가 양식을 입력하는 데 필요한 정보를 작성하고 제출 버튼을 누르면 HTTP 요청이 인터넷과 인트라넷을 통해 웹 서버로 전송됩니다. 웹 서버 (접미사 이름)에서 ASP 문서. ASP 문서는 HTML 태그, vbscript 또는 jscript 언어 프로그램 코드, ASP 구문 및 구조화 된 쿼리 언어 SQL 명령을 포함하는 일반 텍스트 문서입니다. IIS3.0/4.0 웹 서버 실행 ASP 문서는 ODBC 드라이버를 통해 ODBC를 지원하는 데이터베이스에 연결되어 있으며 ASP 문서에서 지정된 SQL 명령을 실행하고 최종적으로 HTML 형식의 사용자 브라우저로 실행 결과를 전송합니다. ADO는 쉽게 사용하고 빠른 개발 및 실행, 시스템 리소스가 적고 작은 디스크 공간의 장점이 있습니다.
위의 것은 내 작업과 사용 경험으로 인해 일반적으로 사용되는 역동적 인 기술입니다. 미래. 따라서이 기사의 두 번째 장에서 "Dynamic Web Design의 18 개 무술"에서 저자는 Ado와 ASP의 사용에 대해 설명 할 것입니다.