인터넷, 웹 디자인

프레임이란 무엇입니까? 프레임의 구조 및 생성

프레임은 다른 웹 페이지를 볼 수있는 사이트 (창)의 영역입니다. 웹 마스터는이 기회를 사용하여 친구 또는 파트너 사이트의 메인 페이지를 선보입니다. 창과 검색 결과에 검색 양식을 표시하는 데에도 같은 기술이 사용됩니다.

그러나 기본적으로 프레임은 많은 메뉴 항목과 하위 메뉴가 필요한 대규모 웹 포털을 만드는 데 사용됩니다. 이것들에 관해서는 보통 "프레임의 사이트"라고 말합니다. 이러한 리소스를 생성하려면 HTML 언어에 대한 지식이 필요합니다.

사이트 빌더에서 프레임 만들기

일부 사이트 디자이너는 이러한 코드를 자동으로 생성합니다. 일반적으로 프레임을 추가하는 버튼은 프로그램의 주 메뉴에 있습니다. 먼저 커서를 페이지의 올바른 위치에 놓은 다음 단추를 클릭하면 창이 열립니다 (스크린 샷과 같이). 이 창에서 프레임에서 열리는 페이지의 주소를 설정하고 크기 (너비 및 높이)를 조정할 수 있습니다.

그러나 기본적으로 프레임은 많은 메뉴 항목과 하위 메뉴가 필요한 대규모 웹 포털을 만드는 데 사용됩니다. 이것들에 관해서는 보통 "프레임의 사이트"라고 말합니다. 이러한 리소스를 생성하려면 HTML 언어에 대한 지식이 필요합니다.

이 "서비스"의 도움으로 페이지에 여러 개의 프레임을 만들 수 있습니다. 즉, 상호 연결된 요소 일 뿐이므로이를 얻지 못합니다.

CMS의 프레임

사이트를 만드는 많은 프로그램에서 해당 모듈을 설치할 수 있습니다. 예를 들어, Joomla 프레임의 경우 이것은 "래퍼 (Wrapper)"모듈입니다.

CMS Jumla의 제어판에서 "확장 기능"- "모듈 관리자"- "생성"(더하기 기호가있는 주황색 원 버튼)을 찾아서 만들 수 있습니다. 목록의 팝업 창에 "래퍼"모듈이 표시됩니다.

그가 여기에 없다면, 그것은 포함되지 않습니다. 이 기능을 사용하려면 먼저 "확장 기능"탭, "확장 기능 관리", "관리"탭에서 활성화해야합니다. 목록이 열리면 '필터'입력란에 빠른 검색을위한 단어를 입력 할 수 있습니다. 이 모듈 반대쪽에는 진드기가있는 녹색 아이콘이어야합니다. 내부에 점이있는 빨간색 원은이 플러그인이 꺼져 있음을 나타냅니다.

이 절차가 끝나면 "모듈 관리자"로 돌아가서 프레임을 만들고 매개 변수를 설정할 수 있습니다.

그림에서 볼 수 있듯이 모듈은 프레임 위의 머리글, 모듈의 위치, 표시 될 사이트 페이지를 선택하여 설정할 수 있습니다. 또한 너비, 높이를 조정하십시오. 프레임과 실제 링크를 웹 페이지에 추가하십시오. 프레임에서 전체 너비로 사이트의 기본 페이지를 표시하려면 기본적으로 100 %로 설정하면 충분하지 않습니다. 즉시 안전하게 400 % 넣을 수 있습니다. 일반적으로 페이지의 최상위 메뉴를 표시 할 수있는 고도는 200입니다. 사용자 (사이트 방문자)가 스크롤 막대를 사용하면 나머지 모든 내용이 표시됩니다.

다음은 줌라의 프레임이 무엇인지 보여주는 예제입니다.

프레임을 생성하기위한 Jumla 모듈은 매우 편리하고 사용하기 쉽습니다. 그러나 디자이너의 기능과 마찬가지로 기능이 제한되어 있습니다.

역사와 현실

프레임에서 사이트를 만드는 관행에서이 태그 (응용 프로그램)는 오래 전에 배경으로 물러 섰습니다. 그들은 사이트 빌더의 참여없이 웹 페이지의 코드를 생성하는 생성자 프로그램의 모듈, 설정을 대체 할 수있었습니다. 그러나 어떤 경우에는 이것이 충분하지 않습니다. 예를 들어, 프레임이 브라우저에 표시된 영역에서 완전한 복합 구조 일 때. 이것이 소유자가 구조화 된 사이트의 복잡성을 확인하는 방법입니다. Framey의 사이트는 전문적인 태그의 도움으로 독점적으로 제작되기 때문에 극한의 경우에만 생성됩니다.

복잡한 구조화 된 사이트

그들에게있어서, 상호 연관된 여러 프레임의 생성은 자원의 페이지에서 컨텐트를 구성하기위한 최적의 솔루션입니다. 일반적으로 매년 대형 포털이 늘어나고 있습니다.

같은 결과를 얻는 방법? 프레임 구조를 만드는 방법?

페이지 코드에 프레임을 쓰는 방법

HTML의 프레임은 태그를 사용하여 추가됩니다.

  • 프레임 (단일 창용);
  • 프레임 셋 (전체 구조가 만들어 짐)
  • Iframe ( '플로팅'프레임);
  • Noframes (프레임이 사용자 브라우저에 표시되지 않는 경우)

첫 번째 지정된 태그는 항상 및 쌍에 맞습니다. 그리고 와 를 대체합니다. 적절한 속성을 사용하여 이름 (name =), 크기 (cols = 및 rows =), 테두리 (border), 스크롤 막대 및 표시 할 웹 페이지에 대한 링크 등 각 요소의 특성을 조정할 수 있습니다.

디자인 변형

사이트의 전체 페이지는 영역으로 나눌 수 있습니다. 예를 들면 다음과 같습니다.

왼쪽

상단 프레임

오른쪽

이 구조체 (중첩 됨)는 태그 내부에 cols 특성을 설정하여 프레임의 가로 위치를 나타내고 세로로는 행을 표시하여 얻을 수 있습니다. 다음은 = 부호이고 치수는 기록됩니다. 예를 들어, 60 %, 40 % - 비율 (한 창은 브라우저 공간의 60 %, 다른 창은 각각 40 %를 차지합니다). 또는 100, 200 - 픽셀 단위의 크기 비율입니다. 프레임 중 하나의 크기를 전혀 설정할 수 없습니다 (기본적으로 설치됩니다). 이렇게하려면 쉼표 뒤에 * 또는 쉼표 뒤에 *를 지정해야합니다.

이 쌍 내에서 frameset은 각 프레임을 src = http : // site / article / 143778 / % 2C 매개 변수로 등록한 다음 따옴표로 묶어서 웹 페이지에 링크를 지정하고 header = (프레임 1)과 함께 name =을 지정합니다.

각 새 영역의 중첩은 새 프레임 세트로 표시됩니다.

예제 코드 : <프레임 SRC = "http://fb.ru/article/143778/ 페이지 당 페이지 수] "name ="프레임 번호 2 "> <프레임 SRC ="http : // site / article 페이지의 % 5B % D1 % 81 % D1 % 81 % D1 % 8B % D0 % BB % D0 % / name = "Frame # 3"> 페이지에서 이름을 "/ frame % 3"> / 143778 / % 5B % D1 % 81 % D1 % 81 % D1 % 8B % D0 %

이 예에서는 프레임 2와 3의 경우 크기가 한 번만 기록됩니다.

zadumok을 많이 사용하면 프레임을 실행할 수 있습니다. 브라우저 창에서 해당 위치의 예는 끝없이 가져올 수 있습니다 (그에 따라 코드 변경). 그러나이 정보는 오랫동안 사용되지 않았습니다. 프레임을 사이트를 만들 때 오늘 사용하면 자유형 CMS 또는 iframe 형식의 모듈로만 사용합니다.

플로팅 프레임

이상하게도, 왜 그 이름을 얻었는지, "built-in"이라는 단어가 여기에 더 적합합니다. 이 프레임은 파일의 내용을 표시하기 위해 작성됩니다. 데이터베이스에 문서 나 파일을로드하고 경로의 등록을 위해 ayframe의 태그를 사용하면 방문자가 파일 텍스트 (비디오 또는 이미지)를 볼 수 있습니다. 유감스럽게도 브라우저는 항상 콘텐츠를 표시하지는 않습니다. 이렇게하려면 웹 빌더가 시작 태그와 닫기 태그 사이에 문구를 입력합니다. "브라우저에 내용이 표시되지 않습니다."

예를 들어, Seopult.ru는 홍보 마스터를위한 잘 알려진 서비스입니다. 그의 주 사이트는 아니지만 I.seopult.pro 미러는 포털 클라이언트 용으로 만들어졌습니다. ayframe의 코드는 다음과 같이 작성되었습니다.

  • 지침 을 클릭하십시오. 목록 항목을 정의하기 위해
  • 태그가 만들어집니다. 모든 브라우저에서 지원됩니다.

    미러 페이지에서 "Instruction"이라는 단어를 버튼 형태로 볼 수 있습니다. 이 버튼을 클릭하면 브라우저 창 중앙에 프레젠테이션이 열립니다.

    영화 및 연재물을 시청하는 모든 주요 사이트는 소셜 네트워크뿐 아니라 ayframes (예 : "Imhonet")의 도움으로 만들어집니다. "Yandex"의 메인 페이지조차도이 태그를 포함하고 있으며 한 쌍이 아닙니다.

    iframe을 처방하는 법

    스크롤 막대가있는 창 형태의 문서를 사이트에 업로드하면 어디에서나 사용할 수 있습니다. 일반적으로 태그는 몸 안쪽에 배치됩니다. 위의 예와 같이 표준

    및 외에 목록 태그

  • 를 사용할 수도 있습니다.

    속성이 속성에 추가됩니다.

    • 너비 (너비) 및 높이 (높이 =);
    • 가장자리 정렬;
    • 들여 쓰기 (indentation) : 당신이 처방 할 수 없는데, 기본값은 6입니다. 이것은 아주 충분합니다.
    • allowtransparency를 사용하면 프레임 배경의 투명도를 설정하여 페이지 배경을 볼 수 있습니다.
    • 플러스 이미 익숙한 scr, 이름, 스크롤, 국경.

    기체의 도움으로 항법

    프레임을 만드는 가장 흥미로운 기술은 Seopult 미러 제작자가 여러 링크 (한 페이지에서 동시에 사용할 수 있음)를 사용하여 참조로 창에서 내용을 열 수있는 코드를 작성하는 것입니다.

    이 목적을 위해, ayframe이 취해지며, name = name을 통한 이름이 추가로 등록됩니다. 예를 들어, zagolovok. 다음 태그 및 앞에는 HREF = http : // site / article / 143778 / % D1 % 81의 링크와 target = zagolovok 속성이 지정됩니다. 닫기 태그를 사용하기 전에 링크 버튼 역할을하는 비문이 표시됩니다. "a"태그는 p 태그에서 열고 닫습니다.

    코드에는 여러 줄이있어 사이트의 행에있는 여러 개의 단추를 가져 와서 아래쪽 창에 다른 내용이 표시되도록 클릭 할 수 있습니다.

    코드는 다음과 같습니다.

    광고 게시

    광고보기