웹사이트의 필수 요소: 사이트는 내부에서 어떻게 작동합니까?

이 기사에서는 웹 사이트의 외부 부분이 무엇이고 사이트의 내부 구조는 무엇인지 알아낼 것입니다. 컴퓨터의 모든 프로그램과 마찬가지로 사이트는 명확하고 사용자가 쉽게 탐색할 수 있습니다. 그러나 특별한 프로그래밍 언어를 모르는 사람이 사이트의 코드를 보면 웹 페이지의 일부를 분리할 수 없습니다.

다행히 방문자는 우리 사이트의 골격을 볼 필요가 없습니다. 그들은 여러 부분으로 나누어진 아름다운 외부 정보 셸에만 액세스합니다. 홈페이지의 일부는 사이트의 모든 페이지에서 동일하게 유지되는 반면 다른 부분은 변경됩니다. 어떻게 작동하며 그 이유는 무엇입니까? 어떤 웹사이트 부분이 항상 존재해야 하고 내부에서 적절한 기능을 달성하는 방법을 알아 보십시오.

웹사이트 인터페이스의 외부 부분은 무엇입니까?

헤더

사이트의 모든 페이지 맨 위에 있습니다. 사이트 이름, 간략한 설명, 사진( 로고 )을 표시합니다. 헤더는 플랫폼의 본질을 나타내는 웹사이트의 일부입니다. 또한 탐색 메뉴, 사이트 검색 및 계정 로그인 패널(사이트에 등록 기능이 있는 경우)도 포함합니다.

기본 설정과 특정 요구 사항에 따라 배너 또는 기타 대화형 팝업 형태로 광고를 게재할 수 있습니다. 헤더는 모든 사이트 페이지에서 동일하거나 거의 동일하게 유지됩니다.

사이트 본문

사이트 본문은 웹 사이트의 주요 부분이라고 할 수 있습니다. 모든 중요한 사이트 정보는 여기에 있습니다. 사이트 헤더와 달리 여기에 입력해야 하는 항목에 대한 제한은 없습니다. 헤더 는 짧고 논리적으로 다음 정보를 마무리해야 합니다. 따라서 사이트 본문에는 공유하려는 모든 항목이 포함됩니다.

• 그들에 대한 기사 및 의견;
• 광고;
• 구독 계획;
• 웹사이트의 다른 부분에 대한 링크
• 비디오 및 사진;
• 뉴스 및 기타 콘텐츠.

여기에 필요한 모든 것을 게시할 수 있는 완전한 자유가 있습니다. 사이트 본문은 한 페이지에서 다른 페이지로 변경하고 업그레이드할 웹 사이트 부분입니다. 특정 URL에 속하는 고유한 콘텐츠를 제공합니다.

사이드바

사이드바에는 다양한 정보와 탐색 위젯(WordPress에서 만들 수 있음), 모듈(Joomla)이 포함되어 있습니다. 웹 사이트의 이러한 구성 요소에는 광고, 기사 제목, 소셜 네트워크의 연락처, 뉴스레터 구독 버튼, 계정 로그인, 다양한 정보 제공자(달력, 시계, 날씨, 환율 등), 사이트 검색 및 사이트가 포함됩니다. 교통 카운터.

여러 개의 사이드바가 있을 수 있습니다. 하나는 왼쪽에, 다른 하나는 오른쪽에 있거나 두 배로 늘릴 수 있습니다. 그것은 모두 사이트 템플릿과 현재 웹사이트 동향 에 따라 다릅니다 . 물론 사이드바는 간략해야 하며 사이트에서 수행할 수 있는 일반화된 목록을 제공해야 합니다. 사이트의 페이지에 따라 약간 변경됩니다.

보행인

사이트 맨 아래에 있는 바닥글은 주요 콘텐츠 뒤에 게시되는 작은 메모입니다. 사이트 작성자는 일반적으로 다양한 출석 카운터, 이 사이트에 게시된 콘텐츠 사용 권한에 대한 정보 또는 이 섹션의 법적 주장을 게시합니다. 바닥글 은 모든 페이지에서 동일하게 유지되는 웹사이트 레이아웃 부분에 속합니다.

웹마스터를 위한 사이트 구조. 사이트는 내부로 무엇으로 구성되어 있습니까?

도메인 이름

사이트 주소입니다. 웹에서 플랫폼을 찾으려면 이 고유한 짧은 이름을 검색 필드에 입력해야 합니다.

호스팅

호스팅은 사이트 파일을 저장하기 위한 공간을 할당하고 인터넷에 지속적으로 액세스할 수 있도록 하며 시스템 부하도 받는 특수 서버입니다. 따라서 코드와 모든 내부 구조를 저장하기 위한 물리적인 장소를 제공합니다.

웹사이트 디자인

페이지를 열 때 보게 되는 웹사이트의 모든 부분은 사이트의 디자인 을 구성 합니다. 이 모든 것은 다양한 해상도( .jpg 또는 .gif)의 일반 이미지와 CSS 스타일 언어로 작성된 특수 코드를 사용하여 사이트에 표시됩니다 . 모든 코드는 "style.css"와 같은 하나의 파일에 호스팅에 저장됩니다. 이 코드는 색상, 크기, 글꼴, 이 조각 또는 그림이 있어야 하는 위치에 대한 사이트의 책임이 있습니다.

HTML

웹사이트 부분의 디자인이 준비되면 전체 페이지는 인터넷 브라우저에서 이해할 수 있는 특수 HTML 언어를 사용하여 그려집니다. 모든 디자인 아이디어는 하나의 공통 코드로 통합됩니다. 이전에는 HTML 코드가 페이지마다 별도로 작성되었지만 이제는 이러한 원칙이 보다 최적화된 접근 방식으로 변경되었습니다.

자바스크립트

이 멋진 도구를 사용하면 페이지를 보다 동적 으로 만들 수 있습니다 . 페이지가 HTML로만 작성되면 완전히 정적입니다. JavaScript 덕분에 팝업, 슬라이드 아웃 책갈피, 슬라이딩 블록 등을 즐길 수 있습니다.

프로그래밍 언어

모든 것이 움직이고 모든 것이 바뀝니다. 사이트가 발전함에 따라 페이지 수도 늘어나고, 각 페이지의 HTML 코드를 작성하고 변경하는 것은 매우 일상적인 작업입니다. 이것이 페이지 생성 과정을 자동화하는 프로그래밍 언어가 등장한 이유입니다.

PHP는 웹을 위한 그러한 모든 언어 중 리더가 되었습니다. 특수 CMS(WordPress, Joomla, Drupal)는 프로그래밍 기술이 없는 사람들도 인터넷에서 웹사이트와 페이지의 별도 구성 요소를 쉽게 만들고 관리할 수 있도록 기반으로 만들어졌습니다. CMS는 사이트 운영을 최적화하기 위해 파일(page.php, index.php, functions.php 등)에 작성된 특수 알고리즘을 통합합니다.

데이터 베이스

사이트에 많은 양의 정보가 있는 경우 가장 쉬운 방법은 해당 정보를 데이터베이스에 저장하는 것입니다. 데이터베이스의 도움으로 웹사이트 섹션에 대한 정보를 보완, 제거 및 변경할 수 있습니다.

사이트는 어떻게 작동합니까?

인터넷 브라우저를 열고 사이트의 도메인 이름을 입력한 후 어떤 프로세스가 발생하는지 궁금하신가요? 다음은 단계별 설명입니다.

• 도메인 이름은 사이트가 있는 브라우저를 알려줍니다.
• 브라우저는 차례로 호스팅 서비스에 사이트를 표시하도록 요청합니다.
• 호스팅은 요청된 페이지의 형식을 확인합니다. HTML 파일이면 브라우저에 전달하고, 사이트가 프로그래밍 언어로 작성되어 있으면 페이지 형성 프로세스가 시작됩니다.
• 알고리즘에 따라 HTML 페이지 템플릿이 컴파일되고 요청된 페이지에 해당하는 데이터베이스의 데이터로 채워집니다.
• 페이지가 형성되면 브라우저로 전송됩니다.
• 브라우저 코드는 모든 것을 순차적으로 로드하기 시작합니다.

이 프로세스는 시간이 거의 걸리지 않지만 인터넷 연결이 느린 경우 브라우저가 필요한 웹사이트 섹션을 다운로드하는 것을 볼 수 있습니다.

결론

물론, 당신이 초보 웹마스터라면 아직 모든 것을 완전히 이해하지 못할 수도 있습니다. 그러나 모든 것은 경험과 함께 옵니다. 경험을 쌓으려면 연습이 필요합니다. 행동 을 취하고 Weblium에서 첫 번째 웹사이트를 만들고 이 도전적인 비즈니스에서 행운을 빕니다.

의견에 정보를 입력하고 웹 사이트의 기본 부분에 대해 자유롭게 질문하십시오. 마지막으로, 블로그 업데이트를 구독하는 것을 잊지 마십시오! 행운을 빕니다!