웹페이지를 만드는 중입니다. 첫 번째 웹 페이지 만들기 웹 페이지는 HTML 문서입니다.

/ 브레이크

작업 목적: 학생들에게 HTML 언어의 기본 개념, HTML 문서의 구조, 필수 태그, 주석, 텍스트 형식 지정 방법, 물리적 및 논리적 스타일, 간단한 정적 웹 문서 작성 기술 습득에 익숙해지도록 합니다.

실습 수업에서는 메모장 텍스트 편집기를 사용하여 HTML 파일을 준비하고 Internet Explorer 브라우저를 도구로 사용하여 수행된 작업을 모니터링합니다.

이론적인 정보

기본 개념

하이퍼텍스트- 한 요소에서 다른 요소로 쉽게 전환할 수 있는 방식으로 컴퓨터 화면의 텍스트 요소 간에 의미론적 연결을 설정할 수 있는 정보 구조입니다. 실제로 하이퍼텍스트에서 일부 단어는 밑줄을 긋거나 다른 색상(하이퍼링크)으로 색칠하여 강조 표시됩니다. 단어를 강조 표시하면 해당 단어와 강조 표시된 단어와 관련된 주제가 더 자세히 논의되는 일부 문서 사이의 연결을 나타냅니다. HTML 형식으로 작성된 별도의 문서는 다음과 같습니다.

HTML 문서;

웹문서;

웹페이지.

이러한 페이지는 일반적으로 NTM 또는 HTML 형식입니다.

한 명의 작성자 또는 하나의 IEDV 본문에 속하고 공통 하이퍼링크로 상호 연결된 웹 페이지 그룹은 웹 노드 또는 웹 사이트라는 구조를 형성합니다. 각 HTML 페이지에는 고유한 URL이 있습니다. 에이이자형기음인터넷에서.

액자 (액자) - 두 가지 의미를 지닌 용어입니다. 첫 번째 값은 자체 스크롤 막대가 있는 문서 영역입니다. 두 번째는 애니메이션 그래픽 파일(프레임)의 0DNN0H 이미지입니다.

애플릿(애플릿) - 다음 형식으로 클라이언트 컴퓨터로 전송되는 프로그램 별도의 파일웹 페이지를 볼 때 실행됩니다.

스크립트(스크립트) , 또는 스크립트는 웹 페이지의 기능을 확장하기 위해 포함된 프로그램입니다. 특정 상황에서는 Internet Explorer 브라우저에 "페이지에서 스크립트 실행을 허용하시겠습니까?"라는 메시지가 표시됩니다. 이 경우에는 스크립트를 의미합니다.

CGI (흔한 게이트웨이 인터페이스) - 서버에서 작동하여 웹 페이지의 기능을 확장할 수 있는 프로그램의 일반 이름입니다. 이러한 프로그램이 없으면 대화형 웹 페이지를 만드는 것이 불가능합니다.

브라우저(브라우저) - 웹 페이지를 보기 위한 프로그램입니다.

요소- HTML 언어 디자인. 데이터를 보관하고 특정 방식으로 형식을 지정할 수 있는 컨테이너로 생각할 수 있습니다. 모든 웹페이지는 요소들의 집합입니다. 하이퍼텍스트의 주요 아이디어 중 하나는 요소 중첩 가능성입니다. 예를 들어:

요소의 콘텐츠, 요소가 형식화하는 데이터

꼬리표(영어 태그 - 레이블, 설명자, 레이블) - 요소의 시작 또는 끝 표시입니다. 태그는 요소 동작의 경계를 정의하고 요소를 서로 분리합니다. 웹 페이지 텍스트에서 태그는 꺾쇠 괄호로 묶여 있습니다.< >, 종료 태그 뒤에는 항상 슬래시가 옵니다. 이 대괄호 사이에 없는 텍스트(< >)은 브라우저에서 볼 때 완전히 표시됩니다. 예를 들어:

요소의 내용, 데이터

요소의 형식을 지정합니다

이 텍스트는 별도의 단락에 위치합니다.

모든 웹페이지는 요소들의 집합입니다. HTML의 기본 원칙 중 하나는 한 요소를 다른 요소 내에 중첩하는 기능입니다.

기인하다- 요소의 매개변수 또는 속성. 속성은 시작 태그 내부에 있으며 공백으로 서로 구분됩니다. 시멘트에 텍스트가 포함된 경우 속성은 글꼴 색상과 크기, 텍스트 단락 정렬 등을 지정할 수 있습니다. 요소에 그림이 포함된 경우 속성은 그림 크기, 그림 주변 프레임의 존재 여부 및 크기 등을 지정할 수 있습니다.

이 텍스트는 화면 중앙에 정렬됩니다.

이 예에서는 단락의 시작과 끝을 정의하는 태그를 다시 사용합니다. 그러나 시작 태그에는 텍스트 정렬을 화면 중앙으로 설정하는 align 속성이 포함되어 있습니다.

참고:

어느 유용한 정보형식을 나타내는 시작 태그와 끝 태그 사이에 있어야 합니다.

모든 속성은 시작 태그에 있습니다.

사용 편의성을 위해 시작 태그는 대문자(P)로, 종료 태그는 소문자(/p)로 작성할 수 있지만 반드시 그럴 필요는 없습니다.

모든 요소에 종료(닫는) 태그가 필요한 것은 아닙니다.

새 줄에 각각의 새 요소 쓰기를 시작하세요. 중첩된 요소를 들여씁니다(탭). 이것도 꼭 필요한 것은 아니지만 작업이 훨씬 쉬워질 것입니다.

HTML(HyperText Markup Language)은 텍스트 문서 형식을 지정하기 위한 특수 언어입니다(문서 마크업 언어 - WWW 문서 뷰어라고도 함). HTML은 문서의 구조를 설명하는 매우 간단한 명령 집합입니다. HTML을 사용하면 텍스트의 개별 논리적 부분(제목, 단락, 목록 등)을 강조 표시하고, 별도로 준비된 사진이나 그림을 웹 페이지에 배치하고, 다른 문서와의 통신을 위해 페이지에 링크를 구성할 수 있습니다.

HTML은 다음과 같은 구체적이고 정확한 문서 형식 속성을 지정하지 않습니다. 마이크로소프트 워드. 특정 유형의 문서는 궁극적으로 프로그램에 의해서만 결정됩니다. 브라우저당신의 컴퓨터에서. 이러한 접근 방식의 필요성은 하드웨어와 하드웨어의 이질성과 관련이 있습니다. 소프트웨어인터넷에 연결된 컴퓨터. HTML은 프로그래밍 언어도 아니지만 웹 페이지에는 임베디드 프로그램이 포함될 수 있습니다. 스크립트 Javascript 및 Visual Basic 스크립트 언어 및 프로그램- 애플릿자바 언어로.

관점에서 윈도우 사용자, 웹 페이지는 인터넷 서버에 있는 *.htm 또는 *.html 파일입니다. 로컬 네트워크또는 컴퓨터의 하드 드라이브에 있습니다.

HTML은 프로그래밍 언어가 아니며 문서 표시에만 사용된다는 점을 기억하세요. 저것들. 본질적으로 창조 HTML 페이지를 사용하면 일반 텍스트 편집기에서와 거의 동일한 방식으로 태그를 사용하여 텍스트를 편집할 수 있습니다. 각 태그에는 고유한 속성이 있지만 모두 꺾쇠 괄호 ""로 묶여 있습니다(예: , ).

HTML의 모든 태그는 쌍을 이루는 태그와 쌍을 이루지 않는 태그의 두 가지 유형으로 나뉩니다. 쌍을 이루는 태그는 여는 태그에 닫는 태그가 필요한 태그입니다. HTML의 닫는 태그는 슬래시로 표시되며 다음과 같이 작성됩니다. 짝이 없는 태그에는 닫는 태그가 필요하지 않습니다. 이러한 태그의 예는 다음 줄 태그로 나누기입니다.
. 또한 모든 페이지에 반드시 사용해야 하는 필수 태그와 원하는 대로 사용하는 선택 태그가 있습니다.

WWW에서 문서를 다운로드하면 브라우저 창에 해당 텍스트가 완벽한 형식의 보기 쉬운 형식으로 표시됩니다. 이는 웹 페이지가 일반적인 텍스트가 아니라 브라우저 창에서 문서 표시를 제어하기 위한 일부 보조 정보도 포함하고 있음을 의미합니다. 문서를 개발할 때 사용자가 어떤 유형의 컴퓨터에서 해당 문서를 볼 것인지 명확하지 않기 때문에 특정 컴퓨터 플랫폼용으로 개발된 형식(예: Windows XP용 Microsoft Word 형식)으로 웹 페이지를 작성하고 저장할 수 없습니다. 모든 유형의 컴퓨터에서 작업하는 사용자가 그에 따라 형식화된 문서를 보려면 이러한 목적으로 특별히 개발된 HTML 언어가 사용됩니다.

HTML이란 정확히 무엇입니까?

브라우저로 작업하는 경우 보기 - HTML 코드 보기(보기 - 소스) 메뉴 명령을 선택합니다. 이 페이지의 초기 코드가 HTML로 표시된 창이 디스플레이에 나타납니다.

Ctrl+U를 누르거나

인터넷상의 웹 페이지의 모습은 종종 변합니다. 하지만 우리에게는 지금은그것은 중요하지 않습니다.

HTML - 하이퍼텍스트 마크업 언어

HTML - HyperText Markup Language는 문서의 구조를 설명하는 매우 일반적인 명령 집합입니다. 이 마크업 언어를 사용하면 문서의 개별 논리적 부분(제목, 단락, 표, 목록 등)을 강조 표시할 수 있지만 특정 서식 속성을 지정하지는 않습니다. 특정 유형의 서식은 문서를 읽을 때 브라우저 자체에 의해 결정되며 최상의 표시를 제공하는 것은 브라우저 자체입니다. 웹 문서당신의 화면에.

앞서 언급했듯이 HTML 코드를 자동으로 생성하는 특수 편집기 프로그램을 사용하여 웹 페이지를 만들 수 있으며, 이 프로그램은 마크업 언어에 대한 지식이 필요하지 않습니다. 그러나 이러한 프로그램은 기능이 제한되고 오류가 포함되어 있으며 모든 플랫폼에서 작동하지 않는 잘못된 HTML 코드를 생성하는 경우가 많습니다. 따라서 WEB 디자인을 진지하게 익히고 WEB 문서 작성 원리를 이해하고 싶다면 HTML 언어의 기본을 모르면 할 수 없습니다. 특히 WEB 페이지를 만드는 것이 전혀 어렵지 않기 때문입니다. 어쩌면 HTML 페이지를 만드는 프로그램을 마스터하는 것보다 훨씬 쉬울 수도 있습니다.

HTML 언어

HTML 언어는 여러 변형이나 사양으로 존재합니다. 소프트웨어 제품 버전과 마찬가지로 사양에는 2.0, 3.0, 3.2, 4.0이라는 번호가 매겨져 있습니다. 모든 후속 사양은 이전 사양에 대한 확장 및 추가를 나타냅니다. 지원되는 최신 HTML 4.0 사양 구성을 사용합니다. 최신 버전가장 일반적인 브라우저.

HTML 코드 창의 문서는 특수한 형식의 텍스트 문서입니다. 이 형식의 모든 파일은 HTML(.html) 또는 HTM(.htm) 확장자를 갖습니다. HTML 문서는 일반 텍스트와 꺾쇠괄호로 묶인 마크업 요소를 혼합합니다.< и >, 예를 들어, , , , . 이러한 마크업 요소를 태그라고 합니다. 태그는 단일 태그로 열리고 닫힐 수 있으며 특정 순서에 따라 후속 부분으로 구성됩니다.

  • 왼쪽 꺾쇠괄호.

따라서 HTML 문서의 시작 부분에 나타나서 시작을 표시하는 여는 태그는 HTML 이름과 두 개의 꺾쇠 괄호로 구성됩니다.< >, 그리고 WEB 문서 끝에 위치한 태그에는 지정된 부분 외에 슬래시/기호도 포함되어 있어 닫는 태그를 의미하며 문서의 끝을 나타냅니다. 태그는 문서에 통합된 스크립트 프로그램의 코드 시작을 의미합니다. 이 태그에는 스크립트 이름 외에도 값이 "vbscript"인 언어 속성이 포함되어 있습니다. 이는 스크립트가 vbscript 언어로 작성되었음을 의미합니다.

태그에는 라틴 문자만 사용할 수 있으며 속성 값에는 모든 문자를 사용할 수 있습니다. 예를 들어 키릴 문자가 속성 값으로 사용되는 경우 name="Section 1"과 같이 따옴표로 묶어야 합니다.

HTML 언어는 큰 글자와 소문자를 구분하지 않으므로 및 태그는 동일합니다. 그러나 2010년 HTML 언어 사양 영역에서 문제를 정리하는 책임을 맡은 w3c 컨소시엄은 최신 버전에서 작은 문자, 즉 중요한 조건으로 태그를 작성할 것을 끊임없이 권장합니다. 따라서 더 나아가 태그를 소문자로 작성하는 방법을 사용하겠습니다.

HTML 기반의 태그

대부분의 태그는 쌍을 이룹니다. 여는 태그 뒤에는 해당하는 닫는 태그가 오고, 그 사이에는 텍스트나 기타 태그가 포함됩니다. 예:

온라인 서점 Three Steps

이러한 경우 두 개의 태그와 그 사이에 포함된 문서 부분이 블록을 형성합니다. HTML 요소. 예를 들어 일부 태그는 단일 태그이며 닫는 태그가 없습니다. 이러한 태그는 그 자체가 HTML 요소입니다.

대부분의 태그에는 하나 이상의 속성이 있을 수 있습니다. 추가 정보브라우저가 현재 태그를 처리하는 방법에 대해 설명합니다. 그러나 속성이 전혀 없을 수도 있습니다. 태그 속성은 이름(예: align), 등호 = 및 문자열로 지정되는 값(예: "center": align="center")으로 구성됩니다. 속성 값은 일반적으로 따옴표로 묶입니다. 그러나 이러한 값에 라틴 문자, 숫자 및 하이픈만 사용하는 경우 따옴표를 생략할 수 있습니다(예: align=center). 그러나 다가오는 HTML과 JavaScript 및 언어의 통합과 관련된 여러 상황으로 인해 따옴표를 생략하는 것은 엄격히 권장되지 않습니다. 그러므로 즉시 속성을 따옴표로 묶는 습관을 기르십시오.

HTML 문서 구조

각 HTML 문서에는 다음과 같은 특정 구조가 있습니다.

HTML 문서의 구조에는 다음과 같은 필수 요소가 포함되어 있습니다.

  • 문서의 시작과 끝을 표시하는 태그 및 ;
  • 헤더는 및 으로 구분됩니다.
  • 태그로 묶인 몸체…

및 태그로 구분된 제목은 ... 태그를 사용하여 문서의 제목을 정의합니다. 제목은 내용의 윤곽을 잡아야 하며 일반적으로 5-6단어 미만으로 구성됩니다. 이 제목은 브라우저의 프로그램 작업 창 제목 표시줄에 표시되며, 검색 엔진용 색인을 컴파일하는 봇은 제목을 사용하여 문서를 식별합니다.

... 요소 외에도 헤더에는 ... 요소가 포함될 수 있습니다. 예를 들어 문서에 대한 정보를 나타냅니다. 여는 태그에는 문서 유형, 암호화, 작성자, 키워드 목록 등과 같은 문서의 특성을 설명하는 이름=값 쌍이 포함됩니다. 이 데이터는 문서를 색인화할 때 검색 엔진에서도 사용됩니다.

HTML - 하이퍼 텍스트 마크업 언어. 웹페이지(HTML 문서)는 텍스트 파일 World Wide Web(WWW)에서 호스팅되는 HTML 형식 *.htm 또는 *.html입니다. WWW- 월드와이드웹, 분산 시스템인터넷에 존재하는 하이퍼텍스트 문서에 대한 접근. 텍스트 외에도 웹 페이지에는 다른 웹 페이지를 탐색하고 보는 데 사용할 수 있는 하이퍼텍스트 링크가 포함될 수 있습니다. 웹 페이지에는 그래픽, 애니메이션, 비디오 클립 및 음악 형태의 삽입물이 포함될 수 있습니다. 웹 페이지를 보려면 예를 들어 MicroSoft를 사용할 수 있습니다. 인터넷 익스플로러또는 NetScape Navigator 또는 Opera(뷰어 또는 브라우저). HTML 언어를 사용하면 다음이 가능합니다. 1) 홈 웹 페이지를 포함한 웹 페이지를 만들고 편집하여 인터넷에 게시할 수 있습니다. 2) 인터넷에서 받은 HTML 문서를 편집하여 문서에 포함된 모든 개체(그림, 애니메이션 등)가 작동하도록 합니다. 3) 하이퍼텍스트 링크와 그림, 다이어그램, 애니메이션, 비디오 클립, 음악 및 음성 반주, 텍스트 특수 효과(예: 크리핑 라인)를 HTML 문서에 삽입하는 기능을 통해 멀티미디어 프레젠테이션, 슬라이드 쇼, 데모 프로젝트를 만듭니다. 웹 페이지(또는 HTML 문서)를 만드는 세 가지 주요 방법이 있습니다. 1) Windows에 내장된 메모장 텍스트 편집기를 사용하고 브라우저를 사용하여 결과를 봅니다. 이 가장 쉬운 방법은 초보자에게 권장됩니다. 이 웹 페이지 생성 방법의 기술은 다음과 같습니다. 웹 페이지 파일은 메모장 편집기에서 생성되며 확장자는 *.htm으로 저장됩니다. 그러면 이 파일이 다운로드되어 Internet Explorer에서 표시됩니다. Internet Explorer에서 웹 페이지 파일을 보는 동안 메모장 편집기를 호출하여 웹 페이지 파일을 편집하려면 보기, 소스 또는 HTML로 메뉴 항목을 사용하십시오. 파일을 저장하고 메모장을 종료한 후 편집된 페이지를 보려면 F5 키를 누르거나 Internet Explorer 도구 모음에서 "새로 고침" 버튼을 눌러야 합니다. 2) Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad 등과 같은 특수 HTML 문서 편집기 사용 3) 문서의 텍스트가 생성된 후 HTML로 변환되는 Word-97 편집기 사용 체재. HTML 언어의 기본 개념을 살펴보겠습니다. 1. 요소는 HTML 구성 또는 데이터를 포함하는 컨테이너입니다. 웹페이지는 요소들의 모음입니다. 2. 태그는 요소의 시작 및 끝 표시입니다. 태그는 요소 동작의 경계를 정의하고 요소를 서로 분리합니다. 웹 페이지 텍스트에서 태그는 꺾쇠 괄호로 묶여 있습니다(예: ). 종료 태그 앞에는 항상 슬래시가 옵니다: . 3. 하이퍼링크 - 다른 파일이나 개체를 가리키는 텍스트 조각입니다. 하이퍼링크를 사용하면 한 문서에서 다른 문서로 이동할 수 있습니다. 4. 프레임 - 하이퍼 영역 텍스트 문서자체 스크롤 막대가 있습니다. 5. 애플릿 - 클라이언트의 컴퓨터에 별도의 파일로 전송되어 웹 페이지를 볼 때 실행되는 프로그램입니다. 6. 스크립트는 웹 페이지의 기능을 확장하기 위해 포함된 프로그램입니다. 7. 다운로드(DownLoad) - 웹 서버에서 클라이언트 컴퓨터로 문서를 복사합니다. UpLoad(클라이언트 컴퓨터에서 웹 서버로 문서 복사)는 자신만의 웹 페이지를 만들 때(즉, 게시할 때) 사용됩니다. 일반적인 간단한 HTML 문서의 일반적인 구조를 살펴보겠습니다. Comment Document Title HTML 문서 자체의 텍스트가 위치하는 곳입니다. 간단한 HTML 문서 보기 HTML 문서의 지정된 태그에 대해 설명하겠습니다.

또는 - 문서에 댓글을 달 수 있습니다. 브라우저에서는 무시됩니다. 설명은 선택 사항이며 누락될 수 있습니다.
- HTML 명령 전체 블록의 식별자입니다. - HTML 문서 헤더 식별자. - 뷰포트 제목 식별자. - 페어링되지 않은 태그는 문서에 대한 자세한 정보를 나타내는 데 사용됩니다.

단락의 텍스트를 왼쪽으로 맞춥니다.

단락의 텍스트를 오른쪽으로 맞춥니다.

단락의 텍스트를 가운데에 맞춥니다.

화면 양쪽 가장자리가 완전히 정렬되었습니다. align - 정렬 속성.목록 태그를 살펴보겠습니다.

    이는 구조화된 정보를 시각적으로 표시하는 방법입니다.
. 순서가 지정된 목록은 순차적 작업이나 알고리즘을 표시하는 데 사용됩니다. 브라우저는 목록의 각 항목에 대한 번호를 자동으로 생성합니다.- 정렬된 목록의 식별자입니다. 마지막에.
  • 순서가 지정되지 않은 목록은 항목의 순서가 중요하지 않은 경우 목록을 컴파일하는 데 사용됩니다. 각 요소 앞에는 특수 목록 아이콘(점)이 표시됩니다.
  • - 순서가 지정되지 않은 목록 식별자입니다. 마지막에
  • 개별 요소 순서가 있는 목록과 순서가 없는 목록에서는 단일 태그로 표시됩니다. , 정의 목록의 요소에는 용어 및 용어의 의미에 대한 태그가 지정됩니다. - 정렬된 목록과 정렬되지 않은 목록에 있는 요소의 식별자입니다. 종료 태그 생략될 수 있습니다.정의 목록은 용어 및 관련 설명에 대해 사전과 같은 특별한 형식을 제공합니다.

    - 정의 목록 식별자. 마지막에. - 정의 목록에 있는 용어의 식별자입니다., 프로그래밍 경험도 있습니다. 특정 사이트를 만드는 데 필요한 프로그램의 복잡성과 양은 "고착" 정보(스팸, 정크) 및 바이러스의 정보 공격으로부터 사이트를 보호하기 위한 구조, 목적, 기능, 신뢰성 및 시스템과 같은 여러 요소에 따라 달라집니다.

    웹 기술(하이퍼텍스트 기술)은 인터넷에 게시된 전체 문서 집합을 통합 시스템- WWW. 하이퍼텍스트 문서에는 하이퍼링크가 포함되어 있습니다. 일반적으로 색상과 밑줄로 강조 표시됩니다. 하이퍼링크를 사용하면 사용자가 즉시 다음 페이지로 이동할 수 있습니다. 필요한 서류, 물리적 위치에 관계없이. 이는 인터넷에서 정보 검색을 크게 단순화합니다.

    현대 텍스트 문서의 하이퍼텍스트 분석 사용 정보 시스템이는 주로 하이퍼텍스트를 통해 정보를 비선형적으로 볼 수 있는 메커니즘을 생성할 수 있기 때문입니다. 이러한 시스템에서는 데이터가 연속적인 스트림으로 표시되지 않습니다. 텍스트 정보이지만 하이퍼링크를 사용하여 탐색할 수 있는 상호 연결된 구성 요소 집합입니다.

    HTML 문서 생성에 대해 이야기하면 HTML 문서를 생성하는 두 가지 방법을 상상할 수 있습니다.

    첫 번째는 기존(또는 새로 생성된) 문서를 수동으로 마크업하는 것입니다. 이 경우 작성자나 편집자는 문서에 마크업 태그를 추가합니다. 이 작업은 텍스트 편집기나 HTML 편집기특별한 요소태그 입력을 단순화하는 컨트롤입니다. 두 경우 모두 HTML 언어를 사용하여 작업이 수행되며, 이 작업을 수행하는 사람은 이 언어를 알고 사용할 수 있어야 합니다.

    또 다른 접근 방식의 원리는 워드 프로세서의 작동을 연구함으로써 이해할 수 있습니다. 문서 서식 정보는 서식이 지정되는 문서에 추가된 "마크업"으로 간주될 수도 있습니다. 그러나 사용을 위해서는 워드 프로세서문서 형식이나 "마크업 언어"에 대한 지식이 필요하지 않습니다. 화면에 표시된 변경 사항이 문서에 자동으로 적용됩니다. 화면 이미지를 실제 이미지와 일치시키는 이 원리를 WYSIWYG(WYSIWYG)(영어 What You See Is What You Get(voch yu si is voch yu gat) - What you see is what you get)라고 합니다.

    이를 통해 전체 웹 사이트(포털)를 만들고 모든 것을 사용할 수 있습니다. 현대 기술. 이러한 웹 편집기는 전문가에게 매우 적합합니다. MS Office를 사용하는 경우 이 번들에서 FrontPage를 사용할 수 있습니다. Netscape Communicator의 일부로 Netscape Composer도 있습니다. 공식 Adobe 웹사이트인 www.adobe.com에서 Macromedia HomeSite 웹 편집기의 데모 버전을 다운로드하여 사용할 수도 있습니다.



    첫 번째 방법을 사용하면 보다 보편적이고 품질이 높으며 다양한 문서를 만들 수 있습니다. 두 번째 방법은 HTML에 대한 지식이 필요하지 않기 때문에 배우기가 더 쉽습니다. 그러나 이 경우 설명 도구 대신 서식 도구가 사용되므로 때로는 바람직하지 않은 결과가 발생할 수 있습니다.

    따라서 웹 페이지를 만들려면 텍스트 또는 웹 편집기가 필요합니다. 모든 웹 편집기에는 반드시 텍스트 편집기가 포함되어 있다는 점에 유의해야 합니다. 큰 수, 그러나 세 가지가 가장 강력한 것으로 인식됩니다.

    1. 매크로미디어 드림위버(매크로미디어 드림위버);

    2. Allaire HomeSite(알러 홈 사이트);

    3. Microsoft FrontPage(Microsoft 글꼴 페이지).

    이를 통해 전체 웹 사이트(포털)를 만들고 모든 최신 기술을 사용할 수 있습니다. 이러한 웹 편집기는 전문가에게 매우 적합합니다. MS Office를 사용하는 경우 이 번들에서 FrontPage를 사용할 수 있습니다. Netscape Communicator의 일부로 Netscape Composer도 있습니다. 공식 Adobe 웹사이트인 www.adobe.com에서 Macromedia HomeSite 웹 편집기의 데모 버전을 다운로드하여 사용할 수도 있습니다. 브라우저를 사용하여 다운로드/시험판 다운로드 섹션에서 지정된 사이트로 이동하여 Macromedia, HomeSite를 선택합니다.

    현지화된 Internet Explorer에서 러시아어 버전의 FrontPage Express를 사용할 수 있습니다. 이는 FrontPage의 단축 버전이지만 시작하기에 매우 편리합니다. Visual Workshop 웹 편집기는 러시아어로도 알려져 있습니다(http://www.snkey.net/download/products/index.html).

    현대 인터넷 서비스는 기성 웹사이트 빌더를 제공합니다. "내 사이트" 웹 사이트 빌더(www.narod.yandex.ru)의 예를 사용하여 살펴보겠습니다. 도움을 받으면 웹사이트를 위한 공간을 확보할 수 있습니다( 홈페이지) 그리고 5분 안에 사진, 사진 등으로 나만의 웹사이트를 만들어 보세요.

    웹사이트 디자인 프로세스는 세 단계로 구성됩니다.

    1. 사이트 생성자에 로그인합니다.

    2. 등록, 사이트 이름 지정;

    3. 여백을 활용한 홈페이지 디자인.

    일종의 인공 웹사이트를 만들려면 다른 웹 도구가 필요합니다.

    HTML 및 웹사이트 빌더 외에도 다른 웹페이지 프로그래밍 도구를 사용할 수 있습니다. 웹사이트 프로그래밍 도구 중 하나는 CGI(Common Gateway)입니다.

    CGI의 원리는 간단하고 자연스럽습니다. 서버 측 프로그램이 일부 데이터를 수신하고 이를 처리한 후 웹 페이지 형식으로 응답을 생성합니다. 이는 오늘날 매우 흔한 일이며 때로는 일반 페이지가 아니라 CGI 스크립트(코드)의 결과를 다루고 있다는 의심조차 하지 않습니다. 지역 CGI의 사용광범위하고 목표도 다양했습니다. 스크립트가 작성된 프로그래밍 언어는 파일뿐만 아니라 데이터베이스, OS 및 웹 서버에 대한 지속적인 작업이 있기 때문에 유연하고 동시에 강력해야 합니다. CGI 프로그래밍에 가장 적합한 언어는 C(C++)와 Perl입니다. 후자는 단순성, 신뢰성 및 광범위한 기능으로 인해 이러한 목적으로 가장 자주 사용됩니다.

    C 언어는 보편적인 것으로 간주되며 CGI 환경에서 그 자리를 찾았습니다. 그것의 사용은 대부분의 경우 웹 사이트가 구축되는 기반인 Unix라는 기본 요소에서 자연스럽습니다.

    CGI 프로그래밍의 경우 C++ 언어도 사용되는데, 여기에는 클래스(기본적으로 사용자 정의 데이터 유형)를 통해 구현된 특정 개체의 생성 및 삭제가 포함됩니다. 예를 들어 필요한 변수와 함수를 포함하는 방명록 또는 DataBaseEntry 클래스를 만드는 것은 자연스러운 일입니다. 거의 모든 새로운 프로그래밍 언어(Java, JavaScript, Perl)에는 C 구성과 유사하거나 정확한 복사본인 구성이 포함되어 있다는 점은 주목할 가치가 있습니다. 그러므로 이 기초언어를 먼저 공부하는 것이 좋습니다.

    Perl은 독특한 언어입니다. 첫째, 데이터 유형이 없으므로 CGI 스크립트 작성에 유용합니다. 둘째, C에서 많은 구성을 가져왔습니다. Perl은 종종 Unix Shell 스크립트에서 사용되는 것과 유사한 정규식을 사용한다는 점에 유의해야 합니다. 편리한 foreach 루프와 아름다운 표현식 수정자가 있습니다. Perl에는 검색, 웹 서버 작업, 그래픽 등을 위한 기능이 포함된 표준 라이브러리가 있습니다. 이것으로부터 우리는 Unix에 익숙한 프로그래머라면 Perl을 배우는 것이 어렵지 않을 것이라는 결론을 내릴 수 있습니다. 그러한 프로그램을 작성하려면 Perl의 파일로 작업할 수 있으면 충분합니다. 환경 변수웹 서버.

    웹 문서를 작성하는 과정은 프로그래밍과 유사하며 오류가 발생하기 쉽습니다. 문서가 어떻게 작성되었는지에 관계없이 정기적으로 문서를 검토하여 의도와 일관성을 확인해야 합니다. 다른 브라우저. 결과 페이지에 대한 예술적인 평가를 위해서는 독립적인 의견을 구해야 합니다.

    자제력에 관한 질문:

    1. HTML 문서의 개념은 무엇을 의미합니까?

    2. 이러한 유형의 문서의 장점은 무엇입니까?

    3. '태그'라는 개념은 무엇을 의미하나요?

    4. 어떤 종류의 태그가 있나요?

    5. 태그 관리 객체에는 무엇이 포함되나요?


    www.univer.omsk.su/omsk/Edu/htmlbook/school/index2.htm

    http://dvo.sut.ru/libr/ite/i280levc/index.htm Yu.P. 레추크, E.P. 오힌첸코, A.D. 소트니코프, T.A. Fomenko 컴퓨터 과학 2부 인터넷 기술


    1. 웹페이지(HTML 문서)는 다음과 같습니다.

    a) 확장자가 .txt 또는 .doc인 텍스트 파일

    b) 확장자가 .htm 또는 .html인 텍스트 파일;

    c) 확장자가 .com 또는 .exe인 바이너리 파일

    d) 확장자가 .gif 또는 .jpg인 그래픽 파일.

    2. 인터넷에서 웹 페이지를 보려면 다음 프로그램을 사용합니다.

    a) Microsoft Word 또는 워드 패드;

    b) Microsoft Access 또는 Microsoft Works;

    c) Internet Explorer 또는 NetScape Navigator;

    d) HTMLPad 또는 프론트 페이지.

    3. 태그는 다음과 같습니다.

    a) 텍스트가 표시되는 방법을 나타내는 브라우저에 대한 지침

    b) 특수 문자를 사용하는 텍스트

    c) 다른 파일이나 객체에 대한 포인터

    d) 웹페이지에 포함된 프로그램의 일부.

    4. 하이퍼텍스트는 다음과 같습니다.

    a) 텍스트가 매우 대판

    b) 큰 글꼴 크기를 사용하는 텍스트

    © 2024 ermake.ru - PC 수리 정보 - 정보 포털